JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" data-validate="fullDate" placeholder="YYYY-MM-DD"/>

JavaScript

var library = {
    fullDate : {
        pattern : /^[0-9]{4}-[0-9]{4}-[0-9]{1,2}-[0-9]{1,2}$/,
        error : "Invalid Date format. Use YYYY-MM-DD format."
    }
};

$('body').on('keyup','input',function(){
   var validate = $(this).data('validate');
   var pattern = library[validate].pattern;
   
    
    //Some more steps here....
    
});