Standardize date formatting, parsing, and relative-time display across a monorepo.
npx skills add https://github.com/johinsDev/loyalty-app --skill date-fns-johinsdev
Please help me install this Agent Skill. Skill: date-fns Source: https://github.com/johinsDev/loyalty-app/tree/main/.claude/skills/date-fns Command: npx skills add https://github.com/johinsDev/loyalty-app --skill date-fns-johinsdev
It prevents inconsistent and broken date formatting/parsing across the monorepo, including the common “Invalid Date” and wrong-locale/UTC-vs-local-midnight bugs.
Import and use date helpers from @loyalty/date in your Next.js components and pass the current locale, then use @loyalty/date/react RelativeTime when displaying “time ago”.
High-intent search queries and answers about installing and using this skill.
To fix Invalid Date errors in Next.js, use a standardized date API with null-safe parsing to return null for invalid input. This prevents broken date rendering across UI columns and query parameters.
To display relative time without hydration mismatch, use an SSR-safe RelativeTime component. It renders "x minutes ago" strings with adaptive ticking and hydration-safe behavior to prevent server-client rendering inconsistencies.
To format dates with next-intl locale resolution, import formatting helpers through a centralized date module. This resolves locale codes so English and Spanish date output stays correct across both server and client components.
The best way to standardize date formatting across a monorepo is enforcing a single date API for formatting, parsing, and validation. This ensures UI components and routes do not diverge on locale-correct output and UTC-vs-local-midnight bugs.
Yes, you can parse user-entered dates safely by using a null-safe parseDate function. It handles user input and query parameters by returning null for garbage input instead of throwing runtime errors.
yutnaImplement Next.js internationalization with next-intl and centralized locale messages.
Paxeer-NetworkFormat dates and times with locale-aware centralized functions and React hooks.
theofernandezzImplement next-intl translations and locale routing in Next.js App Router apps.
stacksjsProvides a DateTime class and format/parse utilities for Stacks applications.
