JSFiddle - React, Tailwind, and code Playground

HTML

<input id="test1" readonly />
<br />
<br />
<input id="test2" type="date" readonly />
<br />
<br />
<input id="test3" type="time" readonly />

CSS

input:focus {
    border: 1px solid red;
}

JavaScript

document.getElementById('test1').focus();

window.addEventListener('touchstart', function () {});