Shadcn.io is not affiliated with official shadcn/ui
React Calendar Agenda List Block
A chronological agenda list view with grouped date headers, event times, category indicators, and expandable event cards built with React, Next.js, shadcn/ui, and Tailwind CSS
Browse upcoming events in a clean chronological list grouped by date. Each day section shows events with times, category dots, location details, and expandable descriptions. Built with TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS. Ideal for daily planners, meeting schedules, and event management dashboards.
React Calendar Agenda List Block preview
Installation
Related Components
Monthly View
Full month calendar grid
Weekly Planner
Week view with time slots
Event Details
Event detail card with RSVP
Mini Widget
Compact calendar widget
Task Deadlines
Deadline tracking view
Content Schedule
Content publishing calendar
FAQ
Was this page helpful?
Sign in to leave feedback.
Blog Writing Prompt
Daily writing prompt section with featured prompt, topic badge, word count suggestion, start button, and past prompts
React Calendar Availability Picker Block
An interactive availability selector with a toggleable day/time grid for scheduling preferences built with React, Next.js, shadcn/ui Switch component, and Tailwind CSS