JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/smoothness/jquery-ui.css">
<div id="dialog" title="foo">
    <input id="datepicker" />
</div>

<button id="open">open dialog</button>

JavaScript

$('#datepicker').datepicker({ });

$('#dialog').dialog({
    open: function(event, ui) {
        $('#datepicker').datepicker('enable');
    },
    close: function(event, ui) {
        $('#datepicker').datepicker('disable');
    },
    autoOpen: false
});

$('#open').click(function() {
    $('#dialog').dialog('open');
});