JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="https://raw.github.com/zjs/jquery-ui/mask/ui/jquery.ui.mask.js"></script>
  <input type="text" id="mask1"/>
  <input type="text" id="mask5"/>
  <hr/>
  <input type="text" class="time"/>

  <input type="text" class="euro"/>

JavaScript

$(function() {
    $("#mask1").mask({
        mask: "99/99/9999"
    });
    $("#mask5").mask({
        mask: "*__,__",
        clearEmpty: false
    });


    $(".time").mask({
        mask: "hh:mm",
        definitions: {
            hh: function(value) {
                value = parseInt(value, 10);
                if (value >= 0 && value <= 23) {
                    return (value < 10 ? "0" : "") + value;
                }
            },
            mm: function(value) {
                value = parseInt(value, 10);
                if (value >= 0 && value <= 59) {
                    return (value < 10 ? "0" : "") + value;
                }
            }
        },
        clearEmpty: false
    });
    
        
});