JSFiddle - React, Tailwind, and code Playground

HTML

<div class="holder">
    Date : <input type="text" name="name" class="dateRegEx" />
</div>

JavaScript

$('input').on('keypress', function (e) {
      if (window.event) code = e.keyCode;
      else code = e.which;
      var pattern;
      if ($(this).attr('class') == "dateRegEx") pattern ==/^([0-9]{2})-([0-9]{2})-([0-9]{4})$/;
      var myRegExp = new RegExp(pattern);
      if (myRegExp.test(String.fromCharCode(code))) {
          return true;
      } else return false;
  });