JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css">
<input id="datep" type="text" />

JavaScript

jQuery(document).ready(function(){
            /* Initialise the date picker. */
            jQuery(document).on('click', function(event){
                if (!jQuery.datepicker._curInst)
                    return;

                var $target = jQuery(event.target),
                    inst = jQuery.datepicker._getInst($target[0]);

                if ( ( ($target[0].id != jQuery.datepicker._mainDivId &&
                        $target.parents('.ui-datepicker-header').length == 0 &&
                        $target.parents('.ui-datepicker-buttonpane').length == 0 &&
                        !$target.hasClass(jQuery.datepicker.markerClassName) &&
                        !$target.closest("." + jQuery.datepicker._triggerClass).length &&
                        !(jQuery.datepicker._inDialog && jQuery.blockUI) ) ) ||
                    ( $target.hasClass(jQuery.datepicker.markerClassName) && jQuery.datepicker._curInst != inst ) )
                    jQuery.datepicker._hideDatepicker();
            });
        });

 

jQuery('#datep').datepicker({
    changeMonth : true,
    changeYear : true
});