JSFiddle - React, Tailwind, and code Playground

HTML

<br/><br/>
Date : <input type="text" id="txtDate" /> (mm/dd/yyyy)
<br/><br/><br/>
<input type="button" value="ValidateDate" id="btnSubmit"/>

CSS

body{
    font-family:Tahoma;
    font-size : 8pt;
    padding-left:10px;
}
input[type="text"]
{
   font-family:Tahoma;
   font-size : 8pt;
   width:150px;
}

JavaScript

$(function() {
    $('#btnSubmit').on('click', function(){
        var txtVal =  $('#txtDate').val();
        if(isDate(txtVal))
            alert('Valid Date');
        else
            alert('Invalid Date');
    });
});
function isDate(txtDate)
{
    var dt = txtDate.split(/-|\//);
    var d = ("0" + dt[0]).slice(-2) + '-' + ("0" + dt[1]).slice(-2) + '-' + dt[2];
    var reg = /^(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])-(\d{4})$/;
    return reg.test(d);
}