JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="http://dev.artoonsolutions.com/jquery.blockUI.js"></script>
<div class="popup">
    Date Picker<input type="text" class="datepicker" />
</div>

CSS

body {font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";font-size: 62.5%;}
.popup{width:300px;height:300px;display:none;background:#ccc;border:5px solid #000;}

JavaScript

$.blockUI({
    message:$('.popup'),
    focusInput: false,
    onBlock:function(){
              
    }
});

$( ".datepicker" ).datepicker({
    dateFormat: 'dd-mm-yy',
    changeYear: true,
    changeMonth: true,
    yearRange: 'c-10:c+3',
    showButtonPanel: false            
});