Format Date

Formats a date with Intl — relative ("2 days ago"), short/medium/long absolute, or ISO.

Formats

relative
short
medium
long
iso
format-date.html
html
1 <nana-format-date date="2026-01-01" format="relative"></nana-format-date>
2 <nana-format-date date="2026-01-01" format="long"></nana-format-date>

Import

main.ts
ts
1 import "@nana-tec/ui-components/format-date";

Props

AttributeTypeDefault
dateDate | string | numbernow
formatrelative | short | medium | long | isomedium
localestring