JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>From: <input type="text" class="from_date" /></td>
<td>From: <input type="text" class="to_date" /></td>
</tr>
<tr>
<td>From: <input type="text" class="from_date" /></td>
<td>From: <input type="text" class="to_date" /></td>
</tr>
<tr>
<td>From: <input type="text" class="from_date" /></td>
<td>From: <input type="text" class="to_date" /></td>
</tr>
</table>
JavaScript
$(".from_date").datepicker({
minDate: 'D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2,
onClose: function(selectedDate) {
$(".to_date").datepicker("option", "minDate", selectedDate);
return $(".to_date").datepicker("show");
}
});
$(".to_date").datepicker({
minDate: '+1D',
dateFormat: "dd/mm/yy",
defaultDate: "+1w",
numberOfMonths: 2
});