Shadcn.io is not affiliated with official shadcn/ui
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
Plan and visualize your entire trip with this React and Next.js travel itinerary block. View flights, hotel stays, and activities organized by day in a clean timeline, with booking references and timing details. Built with TypeScript, shadcn/ui Badge, Button, and Progress components, and Tailwind CSS. Perfect for travel apps, trip planning tools, and corporate travel management dashboards.
React Travel Itinerary Calendar Block preview
Installation
Related Components
Timezone Converter
Multi-timezone display
Event RSVP
Event response manager
Shared Availability
Team availability overlay
Sync Settings
Calendar sync configuration
Editorial Calendar
Content planning calendar
Social Media Planner
Post scheduling queue
FAQ
Was this page helpful?
Sign in to leave feedback.
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
React Weather Forecast Calendar Block
A React 7-day weather forecast calendar block for Next.js with temperature, conditions, wind speed, and daily weather icons built with shadcn/ui and Tailwind CSS