Shadcn.io is not affiliated with official shadcn/ui
React Timezone Converter Calendar Block
React multi-timezone time converter block for Next.js with city selector, UTC offset comparison, business hours overlay, and meeting time finder built with shadcn/ui and Tailwind CSS
Plan cross-timezone meetings effortlessly with this React and Next.js timezone converter block. Compare local times across multiple cities, see UTC offsets at a glance, and identify overlapping business hours for distributed teams. Built with TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS. Perfect for remote team coordination, international scheduling, and global event planning.
React Timezone Converter Calendar Block preview
Installation
Related Components
Shared Availability
Team availability overlay
Event RSVP
Event response manager
Sync Settings
Calendar sync configuration
On-Call Rotation
On-call schedule manager
Travel Itinerary
Trip timeline planner
Release Calendar
Software release timeline
FAQ
Was this page helpful?
Sign in to leave feedback.
React Horizontal Timeline Calendar Block
React horizontal timeline calendar block for Next.js with scrollable day view, event blocks at time positions, color-coded categories, duration bars, and current time indicator using shadcn/ui and Tailwind CSS
React Travel Itinerary Calendar Block
React travel itinerary timeline block for Next.js with flights, hotels, activities per day, map markers, and trip progress tracking built with shadcn/ui and Tailwind CSS