JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<label for="from">с:</label> <input type="text" id="from" name="from"/> 
<label for="to">до:</label> <input type="text" id="to" name="to"/>

CSS

body {
    font: 12px Arial, sans-serif;
}

JavaScript

$(document).ready(function() {
var dates = $( "#from, #to" ).datepicker({
dateFormat: "dd-mm-yy",
onSelect: function( selectedDate ) {
var option = this.id == "from" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
});