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 useClickInsideOutside from '@/utility/useClickInsideOutside';
import { useFormStatus } from 'react-dom'; import { useFormStatus } from 'react-dom';
import { TbCalendar, TbChevronLeft, TbChevronRight } from 'react-icons/tb'; 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'; type DateTimePickerType = 'utc' | 'naive';
const DAY_NAMES = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
export type DateTimePickerType = 'utc' | 'naive';
type DisplayMode = 'utc' | 'local'; type DisplayMode = 'utc' | 'local';
// Get short local timezone label, e.g. "EST", "PST", "UTC+5" const LOCAL_TZ_LABEL = getLocalTimeZoneLabel() ?? 'LOCAL';
const LOCAL_TZ_LABEL =
new Date().toLocaleTimeString('en-US', { timeZoneName: 'short' })
.split(' ').at(-1) ?? 'LOCAL';
function parseValue( function parseValue(
value: string, value: string,
@ -60,7 +59,7 @@ function parseValue(
utcDate.getUTCSeconds(), utcDate.getUTCSeconds(),
); );
} else { } else {
const d = parse(value, FORMAT_NAIVE, new Date()); const d = parse(value, DATE_FORMAT_POSTGRES, new Date());
return isValid(d) ? d : null; return isValid(d) ? d : null;
} }
} catch { } catch {
@ -95,7 +94,7 @@ function formatValue(
displayDate.getSeconds(), displayDate.getSeconds(),
)).toISOString(); )).toISOString();
} }
return format(displayDate, FORMAT_NAIVE); return format(displayDate, DATE_FORMAT_POSTGRES);
} }
export default function DateTimePicker({ 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 = 'EEE, dd LLL yyyy HH:mm:ss xx';
const DATE_FORMAT_RSS_PLACEHOLDER = '000, 00 000 0000 00:00:00 00'; 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 = '2025-01-03T21:00:44.000Z';
export const VALIDATION_EXAMPLE_POSTGRES_NAIVE = '2025-01-03 16:00:44'; 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 AmbiguousTimestamp = number | string;
type Length = 'tiny' | 'short' | 'medium' | 'long' | 'rss'; type Length = 'tiny' | 'short' | 'medium' | 'long' | 'rss';
@ -158,3 +160,8 @@ export const validationMessageNaivePostgresDateString = (date = '') =>
validateNaivePostgresDateString(date) validateNaivePostgresDateString(date)
? undefined ? undefined
: `Invalid format (${VALIDATION_EXAMPLE_POSTGRES_NAIVE})`; : `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);