feat: centralise date/time formatting with European conventions

All dates now use day-first ordering (14 Mar 2025) and 24-hour time
(14:30) via a single formatDate.ts module, replacing scattered inline
toLocaleDateString/toLocaleTimeString calls across 12 files.
This commit is contained in:
Usman Baig
2026-03-14 13:31:30 +01:00
parent 7ba5e063ca
commit 25210013d3
13 changed files with 126 additions and 77 deletions

View File

@@ -1,3 +1,82 @@
// Centralised date/time formatting for Pulse.
// All functions use explicit European conventions:
// • Day-first ordering (14 Mar 2025)
// • 24-hour clock (14:30)
// • en-GB locale for Intl consistency
const LOCALE = 'en-GB'
/** 14 Mar 2025 — tables, lists, general display */
export function formatDate(d: Date): string {
return d.toLocaleDateString(LOCALE, { day: 'numeric', month: 'short', year: 'numeric' })
}
/** 14 Mar — charts, compact spaces. Adds year if different from current. */
export function formatDateShort(d: Date): string {
const now = new Date()
return d.toLocaleDateString(LOCALE, {
day: 'numeric',
month: 'short',
year: d.getFullYear() !== now.getFullYear() ? 'numeric' : undefined,
})
}
/** 14 Mar 2025, 14:30 — logs, events, audit trails */
export function formatDateTime(d: Date): string {
return d.toLocaleDateString(LOCALE, {
day: 'numeric',
month: 'short',
year: 'numeric',
hour: '2-digit',
minute: '2-digit',
hour12: false,
})
}
/** 14:30 — intraday charts, time-only contexts */
export function formatTime(d: Date): string {
return d.toLocaleTimeString(LOCALE, { hour: '2-digit', minute: '2-digit', hour12: false })
}
/** March 2025 — monthly aggregations */
export function formatMonth(d: Date): string {
return d.toLocaleDateString(LOCALE, { month: 'long', year: 'numeric' })
}
/** 2025-03-14 — exports, filenames, API params */
export function formatDateISO(d: Date): string {
return d.toISOString().split('T')[0]
}
/** Fri, 14 Mar 2025 — full date with weekday for tooltips */
export function formatDateFull(d: Date): string {
return d.toLocaleDateString(LOCALE, {
weekday: 'short',
day: 'numeric',
month: 'short',
year: 'numeric',
})
}
/** Fri, 14 Mar 2025, 14:30 — full date+time with weekday */
export function formatDateTimeFull(d: Date): string {
return d.toLocaleDateString(LOCALE, {
weekday: 'short',
day: 'numeric',
month: 'short',
year: 'numeric',
hour: '2-digit',
minute: '2-digit',
hour12: false,
})
}
/** 14 March 2025 — long-form display (invoices, billing) */
export function formatDateLong(d: Date): string {
return d.toLocaleDateString(LOCALE, { day: 'numeric', month: 'long', year: 'numeric' })
}
/** "Just now", "5m ago", "2h ago", "3d ago", then falls back to formatDateShort */
export function formatRelativeTime(dateStr: string): string {
const date = new Date(dateStr)
const now = new Date()
@@ -11,20 +90,16 @@ export function formatRelativeTime(dateStr: string): string {
if (diffHr < 24) return `${diffHr}h ago`
if (diffDay < 7) return `${diffDay}d ago`
return date.toLocaleDateString('en-US', {
month: 'short',
day: 'numeric',
year: date.getFullYear() !== now.getFullYear() ? 'numeric' : undefined,
})
return formatDateShort(date)
}
export function formatFullDate(dateStr: string): string {
return new Date(dateStr).toLocaleString('en-US', {
weekday: 'short',
month: 'short',
/** 14 Mar, 14:30 — compact date + time (uptime checks, recent activity) */
export function formatDateTimeShort(d: Date): string {
return d.toLocaleDateString(LOCALE, {
day: 'numeric',
year: 'numeric',
hour: 'numeric',
month: 'short',
hour: '2-digit',
minute: '2-digit',
hour12: false,
})
}

View File

@@ -1,20 +1,11 @@
import { AlertTriangleIcon, CheckCircleIcon } from '@ciphera-net/ui'
import { formatRelativeTime } from './formatDate'
/**
* Formats a date string as a human-readable relative time (e.g. "5m ago", "2h ago").
*/
export function formatTimeAgo(dateStr: string): string {
const d = new Date(dateStr)
const now = new Date()
const diffMs = now.getTime() - d.getTime()
const diffMins = Math.floor(diffMs / 60000)
const diffHours = Math.floor(diffMs / 3600000)
const diffDays = Math.floor(diffMs / 86400000)
if (diffMins < 1) return 'Just now'
if (diffMins < 60) return `${diffMins}m ago`
if (diffHours < 24) return `${diffHours}h ago`
if (diffDays < 7) return `${diffDays}d ago`
return d.toLocaleDateString()
return formatRelativeTime(dateStr)
}
/**