JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  color: <input type=color />
</div>
<div>
  date: <input type=date />
</div>
<div>
  datetime-local: <input type=datetime-local />
</div>
<div>
  email: <input type=email />
</div>
<div>
  image: <input type=image />
</div>
<div>
  month: <input type=month />
</div>
<div>
  number: <input type=number />
</div>
<div>
  range: <input type=range />
</div>
<div>
  reset: <input type=reset />
</div>
<div>
  search: <input type=search />
</div>
<div>
  tel: <input type=tel />
</div>
<div>
  time: <input type=time />
</div>
<div>
  url: <input type=url />
</div>
<div>
  week: <input type=week />
</div>