JSFiddle - React, Tailwind, and code Playground

by Alexis LĂłpez Espinoza

HTML

<p>
    Start: <input id = "foo" readOnly />
</p>
<p>
    End: <input id = "bar" readOnly />
</p>

CSS

input{
	text-align: center;
    font-size: 1.1rem;
}

JavaScript

var start = new Date(),
	end = new Date(),
	start2, end2;

end.setDate(end.getDate() + 365);

$("#foo").datepicker({
    minDate: start,
    maxDate: end,
	onSelect: function(){
		start2 = $(this).datepicker("getDate");
		end2 = $(this).datepicker("getDate");
	    
		start2.setDate(start2.getDate() + 1);
		end2.setDate(end2.getDate() + 365);
		
		$("#bar").datepicker({
            minDate: start2,
            maxDate: end2
		});
	}
});