Active Foundation · Example
Today with its month
Today with its monthClient
Full source examples/ui/today.tsx
// apps/docs/examples/ui/today.tsx'use client';
import {formatDateOnly} from '@workspace/active-format';import {Today} from '@workspace/active-ui/components/composed/today';
// A fixed "today", so every reader sees the same day. In an application it// comes from the owner's time zone: todayIsoDate(timeZone).const TODAY = '2026-10-20';
/** * Today's date as a button that opens the current month, with week numbers * and the day marked. The sentence and the calendar come from the same * `today` value. */export default function TodayExample() { return ( <Today today={TODAY} formattedDate={formatDateOnly(TODAY, 'full', 'en')} locale="en" /> );}