JSFiddle - React, Tailwind, and code Playground

HTML

<input valueAsDate="true" type="time" name="input" id="input"
       placeholder="HH:mm:ss" min="08:00:00" max="17:00:00" required />
       
<input valueAsDate="true" type="time" name="input2" id="input2"
       placeholder="HH:mm:ss" min="08:00:00" max="17:00:00" required />

JavaScript

document.getElementById('input').value = '10:10:00.000';
document.getElementById('input2').value = '10:10:10.100';