JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fixed">
    <input class="date" />
    <input class="datealt" />
</div>
<div class="long">
</div>
<div class="relative">
    <input class="date" />
    <input class="datealt" />
</div>

CSS

.fixed {
    position:fixed; left:100px; top:100px; height:300px; width:300px; background:#ccc;
}
.relative {
    position:relative; height:300px; width:300px; background:#ccf;
}
.date {
    display:none;
}

JavaScript

for (var i=1; i<30; i++) $('<p>').html(i).appendTo('.long')
for (var i=101; i<130; i++) $('<p>').html(i).appendTo('body')

$( ".date" ).datepicker({
    showOn: "button",
    altField: ".datealt",
    altFormat: "DD, d MM, yy"
});