app/lib/long-date.mjs

Functions

Imports

It imports no other module of this repo. Imported by app/components/admin/preview-links.tsx, app/components/home-podcast.tsx, app/components/post-mentions.tsx, app/components/post-row.tsx, app/lib/content-pages.mjs, app/lib/content/og-card-text.mjs, app/lib/nav.ts, app/routes/blog.$slug.tsx, app/routes/content-page.tsx, app/routes/home.tsx.

Source

1/**
2 * UTC so the server render and the hydration pass produce the same text; a
3 * local zone causes a hydration mismatch. Null rather than rendering "Invalid Date".
4 *
5 * @param {string | Date | number | null | undefined} value
6 * @returns {string | null}
7 */
8export function longDateUTC(value) {
9  if (value === null || value === undefined || value === "") return null;
10
11  const date = value instanceof Date ? value : new Date(value);
12  if (Number.isNaN(date.getTime())) return null;
13
14  return date.toLocaleDateString("en-US", {
15    year: "numeric",
16    month: "long",
17    day: "numeric",
18    timeZone: "UTC",
19  });
20}