Relative Time
A component that displays time in various timezones.
EST
July 3, 2025
02:58:45 PM
GMT
July 3, 2025
07:58:45 PM
JST
July 4, 2025
03:58:45 AM
Installation
npx kibo-ui@latest add relative-time
Features
- Displays multiple timezones simultaneously
- Supports both controlled and uncontrolled time states
- Auto-updates every second when no time is provided
- Customizable date and time format options
- Clean, minimal UI with timezone labels and formatted times
- Responsive layout with flex positioning
Examples
Custom date format
EST
Thursday, July 3, 2025
02:58:45 PM
GMT
Thursday, July 3, 2025
07:58:45 PM
JST
Thursday, July 3, 2025
03:58:45 AM
Custom time format
EST
July 3, 2025
06:58 PM
GMT
July 3, 2025
06:58 PM
JST
July 4, 2025
06:58 PM
Controlled time
EST
July 3, 2025
02:58:45 PM
GMT
July 3, 2025
07:58:45 PM
JST
July 4, 2025
03:58:45 AM