Timestamp

Formatted date/time display.

Examples

5 minutes ago

import { Timestamp } from '@var-ui/react';

<Timestamp date={new Date(Date.now() - 5 * 60_000)} />

Built on React Aria Components where applicable. Astro and HTML demos use a static <time> with textBlock styles (no live relative formatting).

Prop	Type	Default	Description
`date`	`string \| number \| Date`	—	Date value to format. Accepts a `Date`, ISO string, or epoch milliseconds.
`className`	`string \| undefined`	—	Additional CSS class names merged onto the root element.
`format`	`"date" \| "time" \| "relative" \| "datetime" \| undefined`	`relative`	Output format: relative ("5 minutes ago"), date, time, or datetime.
`locale`	`string \| undefined`	—	BCP 47 locale for formatting. Uses the runtime default when omitted.

No dedicated style recipe table for timestamp. Check the HTML demo markup and @var-ui/core recipes, or see Customize for theme overrides.