JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker3.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<p align="center"><b>DATE</b></p>
<div class="clearfix" style="margin-bottom:10px;">
  <span class="input-group date" id="datepicker" style="width:100px;position:absolute;">
			<input type="text" class="form-control input-sm" value="" style="width:100px;display:inline;" readonly>
			<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  </span>

JavaScript

$(function() {

  $('#datepicker').datepicker({
    autoclose: true,
    format: 'mm/yyyy',
    minViewMode: 1,
    templates: {
      leftArrow: '<span class="fa fa-arrow-left"></span>',
      rightArrow: '<span class="fa fa-arrow-right"></span>'
    },
    eyboardNavigation: false,
    forceParse: false,
    autoclose: true,
    todayHighlight: true,
  }).on('changeDate', function(e) {



  });
})