Relative Time

A component that displays time in various timezones.

EST
June 15, 2025
10:30:31 PM
GMT
June 16, 2025
03:30:31 AM
JST
June 16, 2025
11:30:31 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
Monday, June 16, 2025
10:30:31 PM
GMT
Monday, June 16, 2025
03:30:31 AM
JST
Monday, June 16, 2025
11:30:31 AM

Custom time format

EST
June 15, 2025
02:30 AM
GMT
June 16, 2025
02:30 AM
JST
June 16, 2025
02:30 AM

Controlled time

EST
June 15, 2025
10:30:31 PM
GMT
June 16, 2025
03:30:31 AM
JST
June 16, 2025
11:30:31 AM