JSFiddle - React, Tailwind, and code Playground
HTML
<div> <span>Date From :</span>
<input type="text" class="datepicker-to" id="dateFrom" name="dateFrom" />
</div>
<div> <span>Date To :</span>
<input type="text" class="datepicker-to" id="dateTo" name="dateTo" />
</div>
JavaScript
$("#dateFrom").datepicker({
"onSelect": function () {
var input = $(this);
$("#dateTo").datepicker("option", "minDate", input.datepicker("getDate"));
$("#dateTo").datepicker("refresh");
}
});
$("#dateTo").datepicker({
"onSelect": function () {
var input = $(this);
$("#dateFrom").datepicker("option", "maxDate", input.datepicker("getDate"));
$("#dateFrom").datepicker("refresh");
}
});