From 08ad83a872a5740080d16e8a27978286c83eb468 Mon Sep 17 00:00:00 2001
From: Felipe Cardoso <felipe.cardoso@hotmail.it>
Date: Fri, 14 Mar 2025 03:09:40 +0100
Subject: [PATCH] Format event date and time consistently.

Updated event date to use "DD.MM.YYYY" format and replaced time formatting logic with substring extraction for improved simplicity and consistency. This ensures a cleaner and more localized display of event information.
---
 .../(main)/dashboard/events/[slug]/page.tsx   | 30 +++++++------------
 1 file changed, 11 insertions(+), 19 deletions(-)

diff --git a/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx b/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx
index b2fc298..2e9ae0e 100644
--- a/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx
+++ b/frontend/src/app/(main)/dashboard/events/[slug]/page.tsx
@@ -141,7 +141,15 @@ export default function EventDetailPage() {
               <div className="space-y-2">
                 <div className="flex items-center gap-2">
                   <CalendarIcon className="h-4 w-4 text-gray-500" />
-                  <span>{new Date(event.event_date).toLocaleDateString()}</span>
+                  <span>
+                    {new Date(event.event_date)
+                      .toLocaleDateString("en-GB", {
+                        day: "2-digit",
+                        month: "2-digit",
+                        year: "numeric",
+                      })
+                      .replace(/\//g, ".")}
+                  </span>
                 </div>
 
                 {(event.event_start_time || event.event_end_time) && (
@@ -149,27 +157,11 @@ export default function EventDetailPage() {
                     <ClockIcon className="h-4 w-4 text-gray-500" />
                     <span>
                       {event.event_start_time && (
-                        <>
-                          {new Date(event.event_start_time).toLocaleTimeString(
-                            [],
-                            {
-                              hour: "2-digit",
-                              minute: "2-digit",
-                            },
-                          )}
-                        </>
+                        <>{event.event_start_time.substring(0, 5)}</>
                       )}
                       {event.event_start_time && event.event_end_time && " - "}
                       {event.event_end_time && (
-                        <>
-                          {new Date(event.event_end_time).toLocaleTimeString(
-                            [],
-                            {
-                              hour: "2-digit",
-                              minute: "2-digit",
-                            },
-                          )}
-                        </>
+                        <>{event.event_end_time.substring(0, 5)}</>
                       )}{" "}
                       <span className="text-sm text-gray-500">
                         ({event.timezone})