JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<p>Date: <input type="text" id="datepicker" /></p>
<br/><br/>
<input type="button" onclick="javascript:hideIt();" value="Hide it !" />
<input type="button" onclick="javascript:showIt();" value="Show It !" />
JavaScript
$(function() {
$( "#datepicker" ).datepicker();
});
function hideIt(){
$( "#datepicker" ).datepicker( "destroy" );
$( "#datepicker" ).hide();
}
function showIt(){
$( "#datepicker" ).show();
$( "#datepicker" ).datepicker();
}