diff --git a/src/client/dd-hub-react/src/sections/document/num-filter.tsx b/src/client/dd-hub-react/src/sections/document/num-filter.tsx
index 214967c..117750e 100644
--- a/src/client/dd-hub-react/src/sections/document/num-filter.tsx
+++ b/src/client/dd-hub-react/src/sections/document/num-filter.tsx
@@ -1,3 +1,5 @@
+import { useState } from 'react';
+
 import TextField from '@mui/material/TextField';
 // ----------------------------------------------------------------------
 
@@ -5,13 +7,20 @@ type BoolFilterProps = {
     label: string;
 }
 
+const isNumbers = (str: string) => /^[0-9]*$/.test(str);
+
 export function IntFilter({ label }: BoolFilterProps) {
+    const [val, setVal] = useState("");
+
+    const onInputChange = (event: any) => {
+        const value = event.target.value;
+        if (isNumbers(value)) {
+            setVal(value);
+        }
+    };
+
     return (
-        <TextField
-            type="number"
-            label={label}
-            variant="standard"
-        />
+        <TextField label={label} value={val} onChange={onInputChange} />
     );
 }