feat(web/input): number input type

web/src/features/dialog/components/number.tsx

@@ -0,0 +1,33 @@
+import {
+  Box,
+  Text,
+  NumberInput,
+  NumberInputField,
+  NumberInputStepper,
+  NumberIncrementStepper,
+  NumberDecrementStepper,
+} from "@chakra-ui/react";
+import { Row } from "../../../interfaces/dialog";
+
+interface Props {
+  row: Row;
+  index: number;
+  handleChange: (value: string | number | boolean, index: number) => void;
+}
+
+const InputNumber: React.FC<Props> = (props) => {
+  return (
+    <Box mb={3}>
+      <Text>{props.row.label}</Text>
+      <NumberInput onChange={(e) => props.handleChange(+e, props.index)}>
+        <NumberInputField />
+        <NumberInputStepper>
+          <NumberIncrementStepper />
+          <NumberDecrementStepper />
+        </NumberInputStepper>
+      </NumberInput>
+    </Box>
+  );
+};
+
+export default InputNumber;