Shadcn.io is not affiliated with official shadcn/ui
Account Time Zone Schedule
A world clock and working hours configuration card for React and Next.js with primary timezone display, per-day schedule selectors, secondary team timezones, and calendar sync settings built with shadcn/ui and Tailwind CSS
Configure your timezone, working hours, and team collaboration windows with this world clock settings block for React and Next.js. Features a large primary clock display, per-day start/end time selectors with enable toggles, secondary timezone comparisons showing relative offsets, auto-detect timezone toggle, and calendar sync options. Built with TypeScript, shadcn/ui Select, Switch, Badge, and Button components, motion/react animations, and Tailwind CSS. Perfect for remote team scheduling tools, availability managers, and global workforce platforms.
Related Components
Account Notifications
Notification preferences
Notification Schedule
Schedule notification delivery
Account Preferences
General account preferences
Account Language & Region
Language and region settings
Account Appearance
Appearance and theme settings
Scheduled Actions
Manage scheduled actions
FAQ
Was this page helpful?
Sign in to leave feedback.
Third Party Apps
A third-party app permissions manager for React and Next.js with expandable permission details, stale app warnings, revoke actions, and access level badges built with shadcn/ui and Tailwind CSS
Trusted Devices
A trusted device management card for React and Next.js with device trust levels, expiry countdowns, auto-expire settings, current device detection, and trust limit indicators built with shadcn/ui and Tailwind CSS