JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">
<div id="dialog_edit_calendar"></div>

<input class="required" maxlength="10" type="text" data-error-type="inline" name="calendardate"
                id="calendardate" onchange="showDaytoSelectedDate1()"/>

JavaScript

$("#calendardate").datepicker();

$("#dialog_edit_calendar").dialog({
    close: function () {
        //$('#edit-calendar-form')[0].reset();
        $("#calendardate").hide();
    }
});