Relative Time

Show the current time across multiple timezones, updating every second. Uses Intl.DateTimeFormat for proper formatting. Add as many timezones as you need with labels, flags, or city names. You can also pass a specific time instead of live updating. Useful for international dashboards, meeting schedulers, or anywhere you need to show times in different locations.

Relative Time preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/relative-time.json

npx shadcn@latest add https://www.shadcn.io/r/relative-time.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/relative-time.json

bunx shadcn@latest add https://www.shadcn.io/r/relative-time.json

Related Components

FAQ