JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<p>1. <input type="text" id="datepicker1"></p>
<p>2. <input type="text" id="datepicker2"></p>
<p>3. <input type="text"></p>
<p>ID: <span id="info"></span></p>

JavaScript

$(function() {
    $( "#datepicker1,#datepicker2" ).datepicker({
        beforeShow: function(input, inst)
        {
            inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px'});
        }
    });
    window.setInterval(function () {
        var inst = $.datepicker._curInst;
        var id = (inst ? inst.id : "[Not Selected]");
        $("#info").html(id);
    }, 100);
});