Components
Calendar
A date-based UI component that enables users to view and select dates, supporting scheduling and event tracking.
Basic
A calendar displays one or more date grids, allowing users to select a single date.
Preview
Code
March 2025
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
23 | 24 | 25 | 26 | 27 | 28 | 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 | 1 | 2 | 3 | 4 | 5 |
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
Composed Components
When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.
The Calendar comes packed with several components to enhance functionality and provide a seamless experience.
Manual Installation
Make sure you also install the composed components and the required packages for the component to function properly.
Examples
Check out the calendar in action in the Date Picker and Date Range Picker documentation.
Get premium Blocks
Create stunning, professional-grade layouts that not only save time but also elevate the quality of your projects.