59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
|
import type { TimeFormatPreference } from '@/stores/useUIStore';
|
||
|
|
|
||
|
|
type TimePrecision = 'minute' | 'second';
|
||
|
|
|
||
|
|
const getHour12Option = (preference: TimeFormatPreference): boolean | undefined => {
|
||
|
|
if (preference === '12h') return true;
|
||
|
|
if (preference === '24h') return false;
|
||
|
|
return undefined;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const getUses24HourForPreference = (preference: TimeFormatPreference, locale: string): boolean => {
|
||
|
|
if (preference === '24h') return true;
|
||
|
|
if (preference === '12h') return false;
|
||
|
|
|
||
|
|
try {
|
||
|
|
const options = new Intl.DateTimeFormat(locale, { hour: 'numeric' }).resolvedOptions();
|
||
|
|
if (typeof options.hour12 === 'boolean') {
|
||
|
|
return !options.hour12;
|
||
|
|
}
|
||
|
|
return options.hourCycle === 'h23' || options.hourCycle === 'h24';
|
||
|
|
} catch {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export const formatTimeForPreference = (
|
||
|
|
timestamp: number | Date,
|
||
|
|
preference: TimeFormatPreference,
|
||
|
|
options: { precision?: TimePrecision; hour?: 'numeric' | '2-digit'; fallback?: string } = {},
|
||
|
|
): string => {
|
||
|
|
const date = timestamp instanceof Date ? timestamp : new Date(timestamp);
|
||
|
|
if (!Number.isFinite(date.getTime())) {
|
||
|
|
return options.fallback ?? '';
|
||
|
|
}
|
||
|
|
|
||
|
|
return date.toLocaleTimeString(undefined, {
|
||
|
|
hour: options.hour ?? 'numeric',
|
||
|
|
minute: '2-digit',
|
||
|
|
second: options.precision === 'second' ? '2-digit' : undefined,
|
||
|
|
hour12: getHour12Option(preference),
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
export const formatDateTimeForPreference = (
|
||
|
|
timestamp: number | Date,
|
||
|
|
preference: TimeFormatPreference,
|
||
|
|
options: Intl.DateTimeFormatOptions,
|
||
|
|
): string => {
|
||
|
|
const date = timestamp instanceof Date ? timestamp : new Date(timestamp);
|
||
|
|
if (!Number.isFinite(date.getTime())) {
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
|
||
|
|
return date.toLocaleString(undefined, {
|
||
|
|
...options,
|
||
|
|
hour12: options.hour ? getHour12Option(preference) : options.hour12,
|
||
|
|
});
|
||
|
|
};
|