update basic number input

src/components/Table/Table.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo, useState } from 'react';
 import usePagination, { Offset } from 'src/hooks/usePagination';
-import Select from './Inputs/Select';
+import { SelectInput, NumberInput } from './Inputs';
 
 export type DataItem = Record<string, any>;
 
@@ -26,7 +26,7 @@ interface Props {
 
 interface Filter {
   type: HeaderType;
-  value: string | string[];
+  value: string | string[] | number | number[];
 }
 
 export default function Table({ data, headers }: Props): JSX.Element {
@@ -119,20 +119,16 @@ export default function Table({ data, headers }: Props): JSX.Element {
         );
       case HeaderType.Number:
         return (
-          <input
-            type="number"
-            onChange={(e) => {
-              handleUpdateFilters(
-                header.key,
-                header.type,
-                e.target.value !== '' ? parseInt(e.target.value) : null,
-              );
+          <NumberInput
+            keyData={header.key}
+            onChange={(value) => {
+              handleUpdateFilters(header.key, header.type, value);
             }}
           />
         );
       case HeaderType.Select:
         return (
-          <Select
+          <SelectInput
             data={data}
             keyData={header.key}
             onChange={(value) => {
@@ -142,7 +138,7 @@ export default function Table({ data, headers }: Props): JSX.Element {
         );
       case HeaderType.Multiple:
         return (
-          <Select
+          <SelectInput
             isMultiple
             data={data}
             keyData={header.key}