JSFiddle - React, Tailwind, and code Playground

by Justin Breen

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/eternicode/bootstrap-datepicker/master/dist/css/bootstrap-datepicker3.css">
<script src="//cdn.jsdelivr.net/momentjs/2.9.0/moment.min.js"></script>
<script src="//cdn.rawgit.com/niftylettuce/bootstrap-datepicker-mobile/9999ca720ebf89600bda1659c96a291dc447ff39/bootstrap-datepicker-mobile.js"></script>
<script src="https://cdn.rawgit.com/eternicode/bootstrap-datepicker/master/dist/js/bootstrap-datepicker.js"></script>
<script src="//cdn.jsdelivr.net/modernizr/2.8.3/modernizr.min.js"></script>
<form action="/save-birthday" method="POST">
  <div class="form-group">
    <label class="control-label">Birthday</label>
    <div class="input-group">

      <div class="input-group-addon">
        <i class="fa fa-calendar"></i>
      </div>

      <!-- this is where the magic happens -->
      <input type="text" class="date-picker form-control" data-date-start-view="decade" data-date-format="mm/dd/yy" data-date="02/01/99" value="02/01/99" name="birthday" placeholder="MM/DD/YY" />

    </div>
  </div>
</form>