Relative Time

A component that displays time in various timezones.

EST
March 10, 2026
12:03:37 PM
GMT
March 10, 2026
04:03:37 PM
JST
March 11, 2026
01:03:37 AM

Installation

npx kibo-ui 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
Tuesday, March 10, 2026
12:03:38 PM
GMT
Tuesday, March 10, 2026
04:03:38 PM
JST
Tuesday, March 10, 2026
01:03:38 AM

Custom time format

EST
March 10, 2026
04:03 PM
GMT
March 10, 2026
04:03 PM
JST
March 11, 2026
04:03 PM

Controlled time

EST
March 10, 2026
12:03:38 PM
GMT
March 10, 2026
04:03:38 PM
JST
March 11, 2026
01:03:38 AM