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="space-y-2">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<CalendarIcon className="h-4 w-4 text-gray-500" />
|
<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>
|
</div>
|
||||||
|
|
||||||
{(event.event_start_time || event.event_end_time) && (
|
{(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" />
|
<ClockIcon className="h-4 w-4 text-gray-500" />
|
||||||
<span>
|
<span>
|
||||||
{event.event_start_time && (
|
{event.event_start_time && (
|
||||||
<>
|
<>{event.event_start_time.substring(0, 5)}</>
|
||||||
{new Date(event.event_start_time).toLocaleTimeString(
|
|
||||||
[],
|
|
||||||
{
|
|
||||||
hour: "2-digit",
|
|
||||||
minute: "2-digit",
|
|
||||||
},
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
)}
|
)}
|
||||||
{event.event_start_time && event.event_end_time && " - "}
|
{event.event_start_time && event.event_end_time && " - "}
|
||||||
{event.event_end_time && (
|
{event.event_end_time && (
|
||||||
<>
|
<>{event.event_end_time.substring(0, 5)}</>
|
||||||
{new Date(event.event_end_time).toLocaleTimeString(
|
|
||||||
[],
|
|
||||||
{
|
|
||||||
hour: "2-digit",
|
|
||||||
minute: "2-digit",
|
|
||||||
},
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
)}{" "}
|
)}{" "}
|
||||||
<span className="text-sm text-gray-500">
|
<span className="text-sm text-gray-500">
|
||||||
({event.timezone})
|
({event.timezone})
|
||||||
|
|||||||
Reference in New Issue
Block a user