Feature Showcase
Explore the powerful features of Shadcn Big Calendar through interactive demos. Each example includes working code, detailed explanations, and implementation guidance.
Custom className Styling
Apply custom CSS classes to events using the eventPropGetter function. Style events based on categories, priorities, or any custom logic.
Time Display with Events
Show time information alongside event titles using custom event components. Perfect for displaying durations and schedules at a glance.
Generic Data Props
Extend events with custom data properties and display them in interactive modals. Build rich, data-driven calendar experiences.
Getting Started
Each feature demo includes complete, working code examples that you can copy and integrate into your own projects. The examples use TypeScript for type safety and follow React best practices with proper hooks usage and memoization.