update basic number input

This commit is contained in:
Alexander Navarro 2023-10-07 12:02:02 -03:00
parent d9636c4fb7
commit 5b6cf900e0
4 changed files with 39 additions and 15 deletions

View file

@ -0,0 +1,25 @@
import React, { type ChangeEventHandler } from 'react';
interface Props {
onChange: (value: string | string[] | number | number[] | null) => void;
keyData: string;
}
export default function NumberInput({ keyData, onChange }: Props): JSX.Element {
const onSelectChange: ChangeEventHandler<HTMLInputElement> = ({
target,
}): void => {
const value = parseInt(target.value);
onChange(isNaN(value) ? null : value);
};
return (
<input
name={`number-input-${keyData}`}
id="foo"
type="number"
placeholder="1"
onChange={onSelectChange}
/>
);
}