JSFiddle - React, Tailwind, and code Playground

by infatti

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="https://raw.github.com/jdewit/bootstrap-timepicker/master/js/bootstrap-timepicker.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.0.2/js/bootstrap-datepicker.min.js"></script>
<div class="control-group"><!-- time picker -->
  <label class="control-label" for="timePicker">Time Picker</label>
  <div class="controls">
    <div class="input-append bootstrap-timepicker-component">
      <input type="text" placeholder="1:11 PM" class="input-small timepicker" name="timePicker">
      <span class="add-on"><i class="icon-time" aria-hidden="true"></i></span>
    </div>
  </div>
</div><!-- #time picker -->

<hr />

<div class="control-group"><!-- date picker -->
  <label class="control-label" for="datePicker">Date Picker</label>
  <div class="controls">
    <div class="validation-container">
      <input type="text" name="datePicker" placeholder="mm/dd/yyyy" class="input-small datepicker">
    </div>
  </div>
</div><!-- #date picker -->

JavaScript

$('.timepicker').timepicker();
$('.datepicker').datepicker();