JSFiddle - React, Tailwind, and code Playground

by IwanVosloo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script>
<label for="dateOfBirth">Date of birth</label>
<input id="dateOfBirth" style=" color: gray; " name="ssdf" class="hasDatePicker" type="text"  placeholder="yyyy/mm/dd" value="yyyy/mm/dd" onclick="$(this).focus()">

JavaScript

$("#dateOfBirth").datepicker({"defaultDate":null,"dateFormat":"yy/mm/dd","changeMonth":true,"changeYear":true,"numberOfMonths":2,"yearRange":"-150:+100","showButtonPanel":true});