format date as long date string by locale. eg. Friday 21 December 2025

src/app/[locale]/(main)/match/components/pdf/InfoTable.tsx

@@ -1,5 +1,7 @@
 import { Text, View } from "@react-pdf/renderer";
 
+import { longDateLocaleString } from "@/utils/formatDate";
+
 import { styles } from "./styles";
 
 interface IProps {
@@ -20,7 +22,7 @@ const InfoTable = ({ date, lieu, ronde }: IProps) => (
     {/* Data Row */}
     <View style={styles.infoRow}>
       <Text style={styles.infoCell}>
-        {date ? new Date(date).toLocaleDateString("fr-FR") : " "}
+        {date ? longDateLocaleString({ date, locale: "fr-FR" }) : ""}
       </Text>
       <Text style={styles.infoCell}>{lieu || " "}</Text>
       <Text style={[styles.infoCell, styles.lastCell]}>{ronde || " "}</Text>

src/utils/formatDate.ts

@@ -8,3 +8,18 @@ const formatDate = (inputDate: any) => {
 };
 
 export default formatDate;
+
+export const longDateLocaleString = ({
+  date,
+  locale,
+}: {
+  date: Date;
+  locale: string;
+}) => {
+  return date.toLocaleDateString(locale, {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric",
+  });
+};