JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.7/jquery.inputmask.min.js"></script>
<input type="text" id="fieldDuration">

JavaScript

$("#fieldDuration").inputmask(
    "99:59:59", 
    {
    placeholder: "HH:MM:SS",
    insertMode: false,
    showMaskOnHover: false,
    definitions: {
        '5': {
            validator: "[0-5]",
            cardinality: 1
        }
    }
});