Display and status

DateDisplay

DateDisplay - Formats and displays dates Supports various format options and relative time display.

Public export

typescript

import { DateDisplay } from '@happyvertical/smrt-ui/display';

NameTypeRequiredDescription

dateDate | string | number | null | undefinedYesDate to display (Date, ISO string, or timestamp)

format'short' | 'medium' | 'long' | 'relative'NoDisplay format

fallbackstringNoFallback text when date is null/undefined

showTimebooleanNoShow time along with date

localestringNoLocale for formatting (defaults to en-CA)

timeZonestringNoIANA zone for timestamps and relative calendar-day boundaries.

classstringNoOptional CSS class

This component has no bindable public state.

This component declares no callback event props.