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.
This commit is contained in:
@@ -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})
|
||||
|
||||
Reference in New Issue
Block a user