JSFiddle - React, Tailwind, and code Playground

HTML

<div class="formInput">
    <input type="text" id="beginDate" class="dpicker">
</div>

    <div class="formInput">
        <input type="id" id="endDate" class="dpicker">
    </div>

JavaScript

$('body').on('focus', ".dpicker", function () {
    $(this).datepicker();
});

$(function () {
    $("#beginDate").datepicker({
        minDate: 1,
        changeMonth: true,
        dateFormat: 'mm/dd/yy',
        onClose: function (selectedDate, instance) {
            if (selectedDate != '') {
                $("#endDate").datepicker("option", "minDate", selectedDate);

                var date = new Date(selectedDate);
                date.setDate(date.getDate() +1);
                console.log(selectedDate, date);
                $("#endDate").datepicker("option", "minDate", date);
                $("#endDate").datepicker("option", "maxDate", date);
            }
        }
    });
    $("#endDate").datepicker({
        minDate: 1,
        changeMonth: true,
        dateFormat: 'mm/dd/yy',
        onClose: function (selectedDate) {
            $("#beginDate").datepicker("option", "maxDate", selectedDate);
        }
    });

    
});