JSFiddle - React, Tailwind, and code Playground
HTML
<p>Start Date:
<input type="text" id="startDatePicker" />
</p>
<p>End Date:
<input type="text" id="endDatePicker" />
</p>
JavaScript
$("#startDatePicker").datepicker({
dateFormat: 'yy-mm-dd',
onSelect: function(datetText,dateObj){
var dateObject = $(this).datepicker("getDate");
dateObject.setMonth(dateObj.currentMonth+3);
$("#endDatePicker").datepicker( "option", "maxDate",dateObject);
}
});
$("#endDatePicker").datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
onSelect: function(dateText,dateObj){
var dateObject = $(this).datepicker("getDate");
dateObject.setMonth(dateObj.currentMonth-3);
$("#startDatePicker").datepicker( "option", "minDate",dateObject);
}
});