JSFiddle - React, Tailwind, and code Playground
JavaScript
$("#date").datepicker({
numberOfMonths: 2,
onSelect: function( selectedDate ) {
if(!$(this).data().datepicker.first){
$(this).data().datepicker.inline = true
$(this).data().datepicker.first = selectedDate;
}else{
if(selectedDate > $(this).data().datepicker.first){
$(this).val($(this).data().datepicker.first+" - "+selectedDate);
}else{
$(this).val(selectedDate+" - "+$(this).data().datepicker.first);
}
$(this).data().datepicker.inline = false;
}
},
onClose:function(){
delete $(this).data().datepicker.first;
$(this).data().datepicker.inline = false;
}
})