From 0eef478a417fbb64d19c3c1240f427e828a42cd3 Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Mon, 7 Jul 2025 10:01:15 +0200
Subject: [PATCH] =?UTF-8?q?feat(filters):=20Eingabevalidierung=20f=C3=BCr?=
 =?UTF-8?q?=20IntFilter=20hinzuf=C3=BCgen,=20um=20nur=20numerische=20Werte?=
 =?UTF-8?q?=20zuzulassen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/sections/document/num-filter.tsx      | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

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} />
     );
 }