JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="dtp1">
<input type="text" id="dtp2">
JavaScript
$(function () {
$("#dtp1").datepicker({
minDate:"null",
maxDate:0,
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'mm/yy',
});
});
$(function () {
$("#dtp2").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'mm/yy',
onClose: function (selectedDate, dateText, inst) {
$( "#dtp1" ).datepicker( "option", "maxDate", selectedDate );
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1));
}
});
});