atomic · pure presentation

<atproto-time>

Renders a relative time string ('3h', '2d', 'Mar 8') from any ISO datetime. No network.

Live

One hour ago:

Last week:

Old:

<atproto-time datetime="2026-04-19T13:00:00Z"></atproto-time>

Name	Type	Default	Description
`datetime` *	`string`	—	ISO 8601 datetime. Anything Date can parse.

External CSS can target these via atproto-time::part(<name>) { ... }.

Part	What it is
`time`	The inner <time datetime='...'> element.