Relative Time

“5 minutes ago”, “in 3 days”: a date described relative to now, kept up to date while the page is open.

Last deploy 5 minutes ago

Installation#

pnpm dlx shadcn@latest add @balick/relative-time

Or pass the full URL: https://ui.balick.me/r/relative-time.json

Usage#

import { RelativeTime } from "@/components/ui/relative-time"

export function Published({ date }: { date: string }) {
  return <RelativeTime date={date} />
}

Props#

Prop	Type	Default	Description
`date` The moment to describe. Required.	`Date \| string \| number`	—	The moment to describe. Required.
`locale` Language of the text, as a BCP 47 tag such as "fr".	`string`	"en"	Language of the text, as a BCP 47 tag such as "fr".