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);
var dayAfter = input.datepicker("getDate");
dayAfter.setDate(dayAfter.getDate() + 1);
$("#dateTo").datepicker("option", "minDate", dayAfter);
$("#dateTo").datepicker("refresh");
}
});
$("#dateTo").datepicker({
"onSelect": function () {
var input = $(this);
$("#dateFrom").datepicker("option", "maxDate", input.datepicker("getDate"));
$("#dateFrom").datepicker("refresh");
}
});