From 1e4543e672586422e9aeef45efdc1caef86bde6b Mon Sep 17 00:00:00 2001
From: Manus Sandbox <sandbox@manus.ai>
Date: Sun, 23 Nov 2025 17:55:36 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Correction=20de=20l'erreur=20Reac?=
 =?UTF-8?q?t=20#31=20dans=20le=20modal=20de=20d=C3=A9tails=20du=20calendri?=
 =?UTF-8?q?er=20en=20g=C3=A9rant=20correctement=20la=20conversion=20des=20?=
 =?UTF-8?q?objets=20Date=20en=20string=20avant=20affichage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/AdminCalendrier.tsx | 18 +++++++++++-------
 todo.md                              |  4 ++++
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/AdminCalendrier.tsx b/client/src/pages/AdminCalendrier.tsx
index f04f797..c86b1a9 100644
--- a/client/src/pages/AdminCalendrier.tsx
+++ b/client/src/pages/AdminCalendrier.tsx
@@ -246,16 +246,20 @@ export default function AdminCalendrier() {
                   )}
                 </div>
 
-                {selectedSequence.datesFormation && selectedSequence.datesFormation.length > 0 && (
+                {selectedSequence.dates && selectedSequence.dates.length > 0 && (
                   <div>
                     <p className="text-sm font-medium text-muted-foreground mb-2">Dates de formation</p>
                     <div className="space-y-1">
-                      {selectedSequence.datesFormation.map((dateForm: any, index: number) => (
-                        <div key={index} className="text-sm bg-muted p-2 rounded">
-                          Du {format(parseISO(dateForm.dateDebut), "dd/MM/yyyy", { locale: fr })} au{" "}
-                          {format(parseISO(dateForm.dateFin), "dd/MM/yyyy", { locale: fr })}
-                        </div>
-                      ))}
+                      {selectedSequence.dates.map((dateForm: any, index: number) => {
+                        const dateDebut = typeof dateForm.dateDebut === 'string' ? parseISO(dateForm.dateDebut) : dateForm.dateDebut;
+                        const dateFin = typeof dateForm.dateFin === 'string' ? parseISO(dateForm.dateFin) : dateForm.dateFin;
+                        return (
+                          <div key={index} className="text-sm bg-muted p-2 rounded">
+                            Du {format(dateDebut, "dd/MM/yyyy", { locale: fr })} au{" "}
+                            {format(dateFin, "dd/MM/yyyy", { locale: fr })}
+                          </div>
+                        );
+                      })}
                     </div>
                   </div>
                 )}
diff --git a/todo.md b/todo.md
index e5f7dd9..ea37442 100644
--- a/todo.md
+++ b/todo.md
@@ -572,3 +572,7 @@
 
 - [x] Corriger l'erreur d'affichage au clic sur un événement du calendrier (ajout import useState)
 - [x] Corriger le problème de menu invisible sur la page Établissements (ajout DashboardLayout)
+
+## Correction erreur React #31 dans le calendrier
+
+- [x] Corriger l'erreur d'objet passé comme enfant React dans le modal de détails du calendrier