Blocks
We have built a collection of 30+ calendar blocks that you can use to build your own calendar components. See call calendar blocks in the Blocks Library page.Installation
- CLI
- Manual
About
The<Calendar /> component is built on top of the Bits UI Calendar component, which uses the @internationalized/date package to handle dates.
If you’re looking for a range calendar, check out the Range Calendar component.
Date Picker
You can use the<Calendar /> component to build a date picker. See the Date Picker page for more information.
Examples
Range Calendar
Month and Year Selector
Date of Birth Picker
Date and Time Picker
Natural Language Picker
This component uses thechrono-node library to parse natural language dates.
Upgrade Guide
You can upgrade to the latest version of the<Calendar /> component by running the following command:
Yes. If you have made any changes to the Calendar component, you will need to merge your changes with the new version.
Installing Blocks
After upgrading theCalendar component, you can add the new blocks with the following: