JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>step=0.001 <input id=time1 type=time step=0.001></li>
    <li>step=1 <input id=time2 type=time></li>
    <li>step=60 <input id=time3 type=time step=60></li>
    <li>step=3600 <input id=time4 type=time step=3600></li>
</ul>
<div id="log"></div>

JavaScript

var logElement = document.getElementById("log");

function log(message) {
    logElement.innerHTML = message;
}

var times = document.querySelectorAll("input[type=time]");
for (var i = 0; i < times.length; ++i) {
times[i].onchange = function () {
    log("change: " + this.id + " " + this.value);
};
times[i].oninput = function () {
    log("input: " + this.id + " " + this.value);
};
    }