new format fecha to sanction

app/Components/BitacoraSanciones/TableSanction.tsx

@@ -10,11 +10,30 @@ export default function TableSanction({ alumnoSanciones, alumno }: Props) {
     const calcularFechaFin = (fechaInicio: string, duracionSemanas: number) => {
         const fecha = new Date(fechaInicio);
         fecha.setDate(fecha.getDate() + duracionSemanas * 7);
-        return fecha.toLocaleDateString();
+
+        return fecha.toLocaleString("es-MX", {
+            timeZone: "America/Mexico_City",
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit"
+        });
     };
 
+    const formatearFechaMexico = (fechaISO: string) => {
+        return new Date(fechaISO).toLocaleString("es-MX", {
+            timeZone: "America/Mexico_City",
+            year: "numeric",
+            month: "2-digit",
+            day: "2-digit",
+            hour: "2-digit",
+            minute: "2-digit",
+            second: "2-digit"
+        });
+    };
     return (
-        <div style={{ margin: "1rem 0", maxWidth:"730px"}}>
+        <div style={{ margin: "1rem 0", maxWidth: "730px" }}>
             <table>
                 <thead>
                     <tr>
@@ -32,8 +51,7 @@ export default function TableSanction({ alumnoSanciones, alumno }: Props) {
                                 <td>{alumno?.id_cuenta}</td>
                                 <td>{item.sancion.sancion}</td>
                                 <td>{item.sancion.duracion}</td>
-                                <td>{new Date(item.fecha_inicio).toLocaleDateString()}</td>
-                                <td>
+                                <td>{formatearFechaMexico(item.fecha_inicio)}</td>                                <td>
                                     {calcularFechaFin(item.fecha_inicio, item.sancion.duracion)}
                                 </td>
                             </tr>