Shadcn.io is not affiliated with official shadcn/ui
Dialog World Clock
World clock dialog with multiple timezone display, time difference calculation, current time updates, and city search
Track time across the globe instantly. This React world clock dialog provides multiple timezone displays with city names, automatic time difference calculation from local time, live updating current times, and easy city search to add new locations. Built with shadcn/ui Dialog, Input, Button, and ScrollArea components using Tailwind CSS, users monitor multiple time zones with clear visual presentation. Add cities, view times, calculate differences—perfect for remote team coordination, travel planning, international business, or any Next.js application where tracking multiple time zones helps users stay synchronized globally.
Related Components
React Dialog Block Countdown Timer
Time tracking
React Dialog Block Pomodoro Timer
Time management
React Dialog Block Sleep Timer
Time-based
React Dialog Block Calendar Event
Scheduling
React Dialog Block Settings
Preferences
React Dialog Block Search
City search
FAQ
Was this page helpful?
Sign in to leave feedback.
Wifi Connect
WiFi connect dialog with network selection, password input, and connection status for React IoT apps
Accordion Expand
An accordion-style stepper where the active step expands to reveal form content while completed and upcoming steps stay collapsed built with React, Next.js, shadcn/ui, and Tailwind CSS