JSFiddle - React, Tailwind, and code Playground

by Igaojsfiddle

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.meiomask/1.1.14/meiomask.js"></script>
<input id="date" type="text"></input>

JavaScript

$("#date").setMask("29:59")
.keypress(function() {
  var currentMask = $(this).data('mask').mask;
  var newMask = $(this).val().match(/^2.*/) ? "23:59" : "29:59";
  if (newMask != currentMask) {
    $(this).setMask(newMask);
  }
});