JSFiddle - React, Tailwind, and code Playground

HTML

<input type="time" value="13:37"><br>
<input type="text" value="Hullo">

CSS

body {
  font-family: Verdana, Arial, sans-serif;
}
input {
  font-family: Georgia;
  font-size: 2em;
  color: green;
  width: 150px;
}
input[type="time"]::-webkit-clear-button {
  display: none;
}

JavaScript

var inputs = document.getElementsByTagName('input');
for (var i=0; i<inputs.length; i++){
	inputs[i].insertAdjacentHTML('afterend', ' type='+inputs[i].type);
}