JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<form>
  <input pattern="\d{1,2}:\d{1,2}" id="ID_date" required="required" maxlength="5">
  <input type="submit">
</form>

JavaScript

$(document).ready(function() {
  $('#ID_date').keypress(validateNumber);
});

function validateNumber(event) {
  var key = window.event ? event.keyCode : event.which;
  if (key < 48 || key > 58) {
    return false;
  } else {
    return true;
  }
};