now ist working bitacora alumno and bitacora equipo

app/Components/Global/SearchUser/SearchUserWithDate.tsx

@@ -2,57 +2,76 @@
 
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
-import SearchDate from "../../SearchDate/SearchDate";
 
 interface urlProp {
   value: string | null;
 }
 
 function SearchUserWithDate(props: urlProp) {
-  const [numAcount, setnumAcount] = useState("");
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
 
+  const todayISO = new Date().toLocaleDateString("en-CA");
+
+  const [numAcount, setNumAcount] = useState("");
+  const [date, setDate] = useState(todayISO);
+
   useEffect(() => {
-    if (props.value) {
-      setnumAcount(props.value);
-    }
-  }, [props.value]);
+    const num = searchParams.get("numAcount");
+    const dateParam = searchParams.get("date");
+
+    if (num) setNumAcount(num);
+    if (dateParam) setDate(dateParam);
+  }, [searchParams]);
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
+
     const params = new URLSearchParams(searchParams.toString());
+
     if (numAcount) {
-      params.set("numAcount", `${numAcount}`);
-      router.push(`${pathname}?${params.toString()}`);
+      params.set("numAcount", numAcount);
     }
+
+    if (date) {
+      params.set("date", date);
+    }
+
+    router.push(`${pathname}?${params.toString()}`);
   };
 
   return (
-    <>
-      <form className="containerForm" onSubmit={handleSubmit}>
-        <label className="label">No.Cuenta</label>
-        <div className="groupInput">
-          <input
-            type="text"
-            value={numAcount}
-            onChange={(e) => {
-              const value = e.target.value;
-              if (/^\d*$/.test(value) && value.length <= 9) {
-                setnumAcount(value);
-              }
-            }}
-            placeholder="Coloca un número de cuenta..."
-            inputMode="numeric"
-            pattern="[0-9]*"
-          />
-        </div>
-      </form>
-      <SearchDate />
-    </>
+    <form className="containerForm" onSubmit={handleSubmit}>
+      <label className="label">No.Cuenta</label>
+      <div className="groupInput">
+        <input
+          type="text"
+          value={numAcount}
+          onChange={(e) => {
+            const value = e.target.value;
+            if (/^\d*$/.test(value) && value.length <= 9) {
+              setNumAcount(value);
+            }
+          }}
+          placeholder="Coloca un número de cuenta..."
+        />
+      </div>
+
+      <label className="label">Fecha</label>
+      <div className="groupInput">
+        <input
+          type="date"
+          value={date}
+          onChange={(e) => setDate(e.target.value)}
+        />
+      </div>
+
+      <button className="button buttonSearch" type="submit">
+        Buscar
+      </button>
+    </form>
   );
 }
 
 export default SearchUserWithDate;
-//IO