MonthPicker & MonthRangePicker components bring dedicated month selection to shadcn-ui projects.
These components solve the common problem of needing month-level granularity in date selection interfaces.
Key features:
π Separate components for single months and month ranges
π¨ Full shadcn-ui integration with consistent styling
βοΈ Extensive customization through props and callbacks
π« Built-in date constraints and disabled date support
β‘ Quick selection presets for common date ranges
βΏ Accessibility features from Radix UI foundation
π§ Complete TypeScript support with form integration
The components handle everything from basic month selection to complex business requirements like financial reporting periods.
Installation takes one command with the shadcn CLI, and the components work seamlessly with existing form libraries and validation schemas.
π Blog Post
π GitHub Repo
π Live Demo
Top comments (0)