JSFiddle - React, Tailwind, and code Playground

by Rejith R Krishnan

HTML

<link rel="stylesheet" href="http://stg.americalearns.net/js/jquery/css/jquery-ui-1.8.14.custom.css">
<script src="http://stg.americalearns.net/js/jquery/jquery-ui-1.8.14.custom.min.js"></script>
<div>
    <span>Select Date:</span>
    <label id="startDate"></label>
    <a class="demo">Open</a>
</div>
<div id="datepicker"></div>

JavaScript

$(function() {
$( "#datepicker" )
    .datepicker({
        onSelect: function (dateText, inst) {
            $('#startDate').text( 
                $.datepicker.formatDate('yy-mm-dd', $('#datepicker').datepicker('getDate'))); 
        }
    })
    .hide()
    .click(function() {
        $(this).hide();
    })
 
    
    
    $('.demo').click(function(){
        $("#datepicker").show();
    })
       
});