JSFiddle - React, Tailwind, and code Playground

by Kriti

HTML

<input id="fin_mater" type="text" name="fin_mater" maxlength="10" placeholder="DD-MM-YYYY"/>

JavaScript

$(document).ready(function()
{
    $( "#fin_mater" ).keypress(function() {
  var dataoriginale = document.getElementById("fin_mater").value;
  if(document.getElementById("fin_mater").value.length == 2)
    {
      document.getElementById("fin_mater").value=dataoriginale+'-';
    }
  else if(document.getElementById("fin_mater").value.length == 5)
    {
      document.getElementById("fin_mater").value=dataoriginale+'-';
    }
    });
});