now ist working bitacora alumno and bitacora equipo

app/Components/SearchDate/SearchDate.tsx

@@ -1,27 +1,49 @@
 "use client";
-import { useState } from "react";
+
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useState, useEffect } from "react";
 
 function SearchDate() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+
   const todayISO = new Date().toLocaleDateString("en-CA");
   const [date, setDate] = useState(todayISO);
 
+  useEffect(() => {
+    const dateParam = searchParams.get("date");
+    if (dateParam) {
+      setDate(dateParam);
+    }
+  }, [searchParams]);
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+
+    const params = new URLSearchParams(searchParams.toString());
+
+    if (date) {
+      params.set("date", date);
+    }
+
+    router.push(`${pathname}?${params.toString()}`);
+  };
+
   return (
-    <>
-      <form className="containerForm">
-        <label className="label">Fecha</label>
-        <div className="groupInput">
-          <input
-            type="date"
-            value={date}
-            onChange={(e) => setDate(e.target.value)}
-            placeholder="Selecciona una fecha..."
-          />
-          <button className="button buttonSearch" type="submit">
-            Buscar
-          </button>
-        </div>
-      </form>
-    </>
+    <form className="containerForm" onSubmit={handleSubmit}>
+      <label className="label">Fecha</label>
+      <div className="groupInput">
+        <input
+          type="date"
+          value={date}
+          onChange={(e) => setDate(e.target.value)}
+        />
+        <button className="button buttonSearch" type="submit">
+          Buscar
+        </button>
+      </div>
+    </form>
   );
 }