JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" data-calendar="false" />
<input type="text" data-calendar="false" />
<input type="text" data-calendar="true" />
CSS
.hide-calendar .ui-datepicker-calendar {
display: none;
}
JavaScript
$('input').datepicker({
beforeShow: function(el, dp) {
$('#ui-datepicker-div')[ $(el).is('[data-calendar="false"]') ? 'addClass' : 'removeClass' ]('hide-calendar');
}
});