Calendar

Full month calendar with event tracking and searchable month/year pickers for React

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.

Calendar preview

Scroll to load preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/calendar.json

npx shadcn@latest add https://www.shadcn.io/r/calendar.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/calendar.json

bunx shadcn@latest add https://www.shadcn.io/r/calendar.json

Gantt

Timeline chart

Mini Calendar

Compact picker

Kanban

Task board

FAQ

Was this page helpful?

Counter

Animated counter with plus/minus buttons and smooth number transitions for React

Mini Calendar

Compact horizontal date picker with navigation arrows for React

Calendar

Calendar preview

Installation

Related Components

Gantt

Mini Calendar

Kanban

FAQ

How do I display features?

How do I change locale?

How do I control state externally?

What if many features on one day?