JSFiddle - React, Tailwind, and code Playground

by Corey Frang

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/ui-lightness/jquery-ui.css">
<a href="#">Toggle</a>

JavaScript

var $dp = $("<input type='text' />").hide().datepicker().appendTo('body');

$("a").button().click(function(e) {
    if ($dp.datepicker('widget').is(':hidden')) {
        $dp.datepicker("show").datepicker("widget").show().position({
            my: "left top",
            at: "right top",
            of: this
        });
    } else {
        $dp.hide();
    }

    e.preventDefault();
});