JSFiddle - React, Tailwind, and code Playground

by Rusln

HTML

<p>seat expire
    <br />
    <input name="seat-expire" type="text" class="datepicker" id="seat-expire" />
</p>
<p>Seat start
    <br />
    <input name="seat-start" type="text" class="datepicker" id="seat-start" />
</p>

JavaScript

$("#seat-expire").datepicker({
        dateFormat: "dd-mm-yy",
        firstDay: 1,
        onSelect: function (text, obj) {
            // dislpay  start date
            var dateObject = $(this).datepicker("getDate");
            dateObject.setDate(obj.currentDay - 7);
            $("#seat-start").datepicker("setDate", dateObject);
        }
    });
    $("#seat-start").datepicker({
        dateFormat: "dd-mm-yy",
        firstDay: 1,
        // display expire date
        onSelect: function (text, obj) {
            var dateObject = $(this).datepicker("getDate");
            dateObject.setDate(obj.currentDay + 7);
            $("#seat-expire").datepicker("setDate", dateObject);
        }
    });