WorldClock Pro

Live Multi-Timezone Date & Time Display Component

A powerful, real-time world clock component designed for modern interfaces. It displays accurate date and time across one or multiple timezones with smooth live updates, making it ideal for dashboards, global products, and professional UI designs.

Core Features:

Multi-Timezone Support

• Show a single timezone or multiple timezones at once

• Supports a complete list of global regions (IANA timezones)

• Automatically removes duplicate regions

• Displays timezone names with GMT offsets (e.g., India (GMT+5:30))

• Option to use the user’s local timezone automatically

Real-Time Updates

• Updates every second with high precision

• Smart timing system prevents delays or drift

• Option to show or hide seconds

Time Display Options

• Choose between:

  • 12-hour format → 10:45 PM

  • 24-hour format → 22:45

• AM/PM style customization:

  • AM / PM

  • am / pm

• Fully adapts to selected language/region (locale)

Date Display Options

• Option to show or hide date

• Option to include weekday:

  • Mon or Monday

• Month display styles:

  • Jan

  • January

  • 01

• Year formats:

  • 26

  • 2026

• Custom date formats:

  • 15/01/2026

  • 01/15/2026

  • 2026-01-15

  • 15-01-2026

  • Default format based on user’s region

Layout & Structure

• Inline layout → Date and time in one line

• Stacked layout → Date and time on separate lines

• Control spacing between elements (horizontal & vertical)

• Alignment options:

  • Left

  • Center

  • Right

Separator Options (Inline Mode)

• Add a separator between date and time:

  • Dot → •

  • Pipe → |

  • Dash → -

Advanced Styling Control

• Two styling modes:

  • Unified → Same style for all text

  • Separate → Customize each part individually

• Customize individually:

  • Date

  • Time

  • Separator

  • Timezone label

• Full typography control:

  • Font family

  • Font size

  • Font weight

  • Line height

  • Letter spacing

• Custom colors for each element

• Timezone labels appear with subtle opacity for better hierarchy

• Fully responsive and auto-adjusts to content

Perfect For

• Dashboards

• SaaS applications

• Global platforms

• Hero sections

• Event countdowns and schedules

Designed and Developed by Sheikh Abdul Aziz