JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="fields">
    <li><label>Date picker #1</label>
        <input type="text" class="date-picker-1" />
    </li>
    <li><label> Date picker #2</label>
        <input type="text" class="date-picker-2" />
    </li>
</ul>

CSS

li { display:inline-block; list-style:none; }
label { display:block; }

JavaScript

$('input.date-picker-1').datepicker({
    constrainInput: true,
    hideIfNoPrevNext: true,
    onSelect: function () {
        setTimeout(
            function(){
                $('.date-picker-2').datepicker('show');
            }, 100);        
    }
});

$('input.date-picker-2').datepicker();