JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://www.position-relative.net/creation/formValidator/js/languages/jquery.validationEngine-en.js"></script>
<script src="http://www.position-relative.net/creation/formValidator/js/jquery.validationEngine.js"></script>
<link rel="stylesheet" href="http://www.position-relative.net/creation/formValidator/css/validationEngine.jquery.css">
<input type="text" class="form-control validate[required,custom[date]]" name="task_start_date" id="task_start_date" value="" />

JavaScript

$( "#task_start_date").datepicker({
    dateFormat: 'dd-M-yy',
    onClose: function (date) {
        var pattern = new RegExp(/([12]\d|0[1-9]|3[0-1])-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d{4})/);
        var match = pattern.exec(date);
        if (match == null)
             return false;
        
        var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
        var year = match[3];
        var month = match[2];
        var day = match[1];

        var d = new Date(year, months.indexOf(month), day);
        var isOk = (d.getFullYear() == year && d.getMonth() == months.indexOf(month) && d.getDate() == day);
        alert(isOk);
    }
});