JSFiddle - React, Tailwind, and code Playground

by mlsteeves

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<a href="#" id="showDatePicker">ShowDatepicker</a>

<input type="text" id="datepicker" class="init-hide" data-provide="datepicker" value="12/31/9999" data-date-format="m/d/yyyy"/>

CSS

.init-hide{ display:none;}

JavaScript

$(document).on("click", "#showDatePicker", function(ev){
    ev.preventDefault();
    $("#datepicker").val("");
    $("#datepicker").datepicker("setDate", new Date());
    $("#datepicker").show();
});