Format date

src/components/homePage/calendar.jsx

@@ -1,6 +1,6 @@
 import { useState, useMemo, useEffect } from "react";
 import styles from "./calendar.module.css";
-import formatDateLetter from "../../utils/date/formatDateLetter.js";
+import { formatDateLetterJS } from "../../utils/date/formatDateLetter.js";
 
 function Calendar({ events = [] }) {
 
@@ -102,7 +102,7 @@ function Calendar({ events = [] }) {
 
                 {selectedDay && (
                     <div className={styles.eventBox}>
-                        <h3>Événements du {selectedDay.date}</h3>
+                        <h3>Événements du {formatDateLetterJS(selectedDay.date)}</h3>
 
                         {selectedDay.events.length > 0 ? (
                             <ul>

src/components/homePage/eventList.jsx

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import styles from "./eventList.module.css";
-import formatDateLetter from "../../utils/date/formatDateLetter.js";
+import { formatDateLetter } from "../../utils/date/formatDateLetter.js";
 
 
 function EventList({ events }) {

src/utils/date/formatDateLetter.js

@@ -1,4 +1,4 @@
-export default function formatDateLetter(d) {
+export function formatDateLetter(d) {
     const monthNames = [
         "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
         "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
@@ -10,3 +10,13 @@ export default function formatDateLetter(d) {
 
     return `${day} ${monthNames[parseInt(month, 10) - 1]} ${year} à ${hours}:${minutes}`;
 }
+
+
+export function formatDateLetterJS(d) {
+    const monthNames = [
+        "Janvier", "Février", "Mars", "Avril", "Mai", "Juin",
+        "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"
+    ];
+    const [year, month, day] = d.split('-');
+    return `${day} ${monthNames[parseInt(month) - 1]} ${year}`;
+}