JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.no-icons.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<script src="https://raw.github.com/eternicode/bootstrap-datepicker/4805a1b1/js/bootstrap-datepicker.js"></script>
<div class="input-append">
    <input type="date" name="from_date" class="datepicker input-small search-query" placeholder="From Date..." id="id_from_date"><button class="btn" type="submit"><i class="icon-filter"></i></button>
</div>
<div class="input-append"><input type="date" name="to_date" class="datepicker input-small search-query" placeholder="To Date..." id="id_to_date"><button class="btn" type="submit"><i class="icon-filter"></i></button></div>

JavaScript

$(document).ready(function (){    
    $('.datepicker').datepicker({            
        format:'mm-dd-yyyy',
        autoclose: true,
        startDate: '+1d'
    });
});