Shadcn.io is not affiliated with official shadcn/ui
Relative Time
Multi-timezone world clock with live updates for React
Relative Time preview
Scroll to load preview
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.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the relative-time component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.