JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="col-xs-12 col-sm-12 col-md-6">
<div class="input-daterange input-group" id="datepicker">
    <span class="input-group-addon">Date Range</span>
    <span><input class="form-control" type="text" placeholder="From: mm/dd/yyyy" name="start" /></span>
    <span><input class="form-control" type="text" placeholder="To: mm/dd/yyyy" name="end" /></span></div>
</div>

JavaScript

$(function(){
		$('.input-daterange').datepicker({
			endDate: "today",
			todayBtn: true,
			forceParse: false,
			autoclose: true,
			todayHighlight: true
		});        
});