Creacion de nuevo componente y arreglos de botones

app/Components/BitacoraSanciones/BitacoraAlumno.tsx

@@ -3,6 +3,7 @@ import SearchDate from "../SearchDate/SearchDate";
 import { useState } from "react";
 
 import styles from "./Page.module.css";
+import SearchUserWithDate from "../Global/SearchUser/SearchUserWithDate";
 
 interface alumnos {
   tiempo_entrada: string;
@@ -14,8 +15,7 @@ function BitacoraAlumno() {
   const [alumnos, setAlumnos] = useState<alumnos[]>([]);
   return (
     <>
-      <SearchDate />
-      <div className={styles.tableContainer} style={{marginTop:"1rem"}}>
+      <div className={styles.tableContainer} style={{ marginTop: "1rem" }}>
         <table className={styles.machineTable}>
           <thead>
             <tr>

app/Components/BitacoraSanciones/BitacoraEquipo.tsx

@@ -16,7 +16,6 @@ function BitacoraEquipo() {
   const [ubicacion_equipo, setUbicacionEquipo] = useState("");
   return (
     <>
-      <SearchDate />
       <form className="containerForm">
         <label className="label">Ubicacion de equipo</label>
 
@@ -28,12 +27,10 @@ function BitacoraEquipo() {
             <option value="">-- Selecciona un equipo --</option>
             <option value="255">Equipo 255</option>
           </select>
-          <button className="button buttonSearch" type="submit">
-            Asignar
-          </button>
         </div>
+        <SearchDate />
       </form>
-      <div className={styles.tableContainer} style={{marginTop:"1rem"}}>
+      <div className={styles.tableContainer} style={{ marginTop: "1rem" }}>
         <table className={styles.machineTable}>
           <thead>
             <tr>