const [quantity, setQuantity] = useState(0);
const [stock, setStock] = useState(0);
const handleOnChangeQuantity = (
e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
) => {
if (!e.target.value) return setQuantity(0);
if (+e.target.value > stock) return setQuantity(stock);
setQuantity(+e.target.value);
};
<TextFieldCustom
type="number"
fullWidth
value={quantity}
onChange={handleOnChangeQuantity}
className={styles["input-number"]}
inputProps={{ min: 0, max: stock }}
/>
const [quantity, setQuantity] = useState(0);
const [stock, setStock] = useState(0);
const handleOnChangeQuantity = (
e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
) => {
if (!e.target.value) return setQuantity(0);
if (+e.target.value > stock) return setQuantity(stock);
setQuantity(+e.target.value);
};
<TextFieldCustom
type="number"
fullWidth
value={quantity}
onChange={handleOnChangeQuantity}
className={styles["input-number"]}
inputProps={{ min: 0, max: stock }}
/>
