JSFiddle - React, Tailwind, and code Playground

HTML

<input type="number"  size="2" min="1" max="2" pattern="[12]">

CSS

input:invalid { color:red; border:2px solid red; }

input:after { content:"Input more than amount" ; }