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