Shadcn.io is not affiliated with official shadcn/ui
Calendar
Full month calendar with event tracking and searchable month/year pickers for React
Calendar preview
Scroll to load preview
A month grid where you can track deadlines and events. Features show as color-coded dots on their due dates. Searchable dropdowns let you jump to any month or year. Supports different locales and week start days. When a day has too many items, it shows "+N more". Good for roadmaps, release calendars, or project planning.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this component for you — no copy-paste, no CLI:
use shadcnio to install the calendar component into my projectRelated Components
FAQ
Was this page helpful?
Sign in to leave feedback.