JSFiddle - React, Tailwind, and code Playground

by Tom DeBerardine

HTML

<input id="from" />
<input id="to" />

JavaScript

$(function () {
    $("#from").datepicker({
        defaultDate: "+1w",
        minDate: 0,
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1,
        onClose: function (selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate);
            var days_to_add = 365,
                parsed_date = new Date($.datepicker.parseDate('mm/dd/yy', selectedDate)),
                add_year = new Date(parsed_date.setDate(parsed_date.getDate() + days_to_add)),
                formatted_date = $.datepicker.formatDate('mm/dd/yy', add_year);
            $('#to').datepicker('option', 'maxDate', formatted_date);
        }
    });
    $("#to").datepicker({
        dateFormat: 'mm/dd/yy',
        defaultDate: "+1w",
        changeMonth: true,
        changeYear: true,
        maxDate: '+1y'
    });
});