strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extract date utility logic

Browse Source
This commit is contained in:
Sam Becker 2026-03-12 09:08:10 -05:00
parent 397d70c0a3
commit cdb6130345
2 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/DateTimePicker.tsx
View File

@ -24,17 +24,16 @@ import { clsx } from 'clsx/lite';
import useClickInsideOutside from '@/utility/useClickInsideOutside';
import { useFormStatus } from 'react-dom';
import { TbCalendar, TbChevronLeft, TbChevronRight } from 'react-icons/tb';
import {
DATE_FORMAT_POSTGRES,
DAY_NAMES,
getLocalTimeZoneLabel,
} from '@/utility/date';
const FORMAT_NAIVE = 'yyyy-MM-dd HH:mm:ss';
const DAY_NAMES = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
export type DateTimePickerType = 'utc' | 'naive';
type DateTimePickerType = 'utc' | 'naive';
type DisplayMode = 'utc' | 'local';
// Get short local timezone label, e.g. "EST", "PST", "UTC+5"
const LOCAL_TZ_LABEL =
new Date().toLocaleTimeString('en-US', { timeZoneName: 'short' })
.split(' ').at(-1) ?? 'LOCAL';
const LOCAL_TZ_LABEL = getLocalTimeZoneLabel() ?? 'LOCAL';
function parseValue(
value: string,
@ -60,7 +59,7 @@ function parseValue(
utcDate.getUTCSeconds(),
);
} else {
const d = parse(value, FORMAT_NAIVE, new Date());
const d = parse(value, DATE_FORMAT_POSTGRES, new Date());
return isValid(d) ? d : null;
}
} catch {
@ -95,7 +94,7 @@ function formatValue(
displayDate.getSeconds(),
)).toISOString();
}
return format(displayDate, FORMAT_NAIVE);
return format(displayDate, DATE_FORMAT_POSTGRES);
}
export default function DateTimePicker({

9
src/utility/date.ts
View File

@ -20,11 +20,13 @@ const DATE_FORMAT_LONG_PLACEHOLDER = '00 000 0000 00:0000';
const DATE_FORMAT_RSS = 'EEE, dd LLL yyyy HH:mm:ss xx';
const DATE_FORMAT_RSS_PLACEHOLDER = '000, 00 000 0000 00:00:00 00';
const DATE_FORMAT_POSTGRES = 'yyyy-MM-dd HH:mm:ss';
export const DATE_FORMAT_POSTGRES = 'yyyy-MM-dd HH:mm:ss';
export const VALIDATION_EXAMPLE_POSTGRES = '2025-01-03T21:00:44.000Z';
export const VALIDATION_EXAMPLE_POSTGRES_NAIVE = '2025-01-03 16:00:44';
export const DAY_NAMES = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
type AmbiguousTimestamp = number | string;
type Length = 'tiny' | 'short' | 'medium' | 'long' | 'rss';
@ -158,3 +160,8 @@ export const validationMessageNaivePostgresDateString = (date = '') =>
validateNaivePostgresDateString(date)
? undefined
: `Invalid format (${VALIDATION_EXAMPLE_POSTGRES_NAIVE})`;
// Short local timezone label, e.g. "EST", "PST", "UTC+5"
export const getLocalTimeZoneLabel = () =>
new Date().toLocaleTimeString('en-US', { timeZoneName: 'short' })
.split(' ').at(-1);