JSFiddle - React, Tailwind, and code Playground

by muthusamy

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.24/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/redmond/jquery-ui.css" rel="stylesheet" />


<label for="from">From</label>
<input type="text" id="fromDate" name="fromDate"/>

CSS

#fromDate {width:250px;}

JavaScript

$(document).ready(function () {  

               var pickerOpts = {
                dateFormat:"DD ,d - M  yy"
	           };  
              $("#fromDate").datepicker(pickerOpts);     
                    
            });