JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container">
    <div class="jumbotron">
        <input  type="text" placeholder="click to show datepicker"  id="startDate" class="date" />
        <input  type="text" placeholder="click to show datepicker"  id="endDate" class="date" />
    </div>
</div>

JavaScript

$('#startDate').datepicker();
$('#endDate').datepicker();


$(document).ready(function() {
    $('.date').datepicker({ autoclose: true })
    .on("changeDate", function() {
        var start = $("#startDate").datepicker("getDate");
        var end = $("#endDate").datepicker("getDate");
        $("#startDate").datepicker('setEndDate', end);
        $("#endDate").datepicker('setStartDate', start);
    });
});