Date and time

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.

Event date, April 2025

30
31
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
1
2
3

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.

Buttons play a crucial role in functionality, whether for submitting a form or navigating to another page.

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.

Previous
Toolbar
Next
Range Calendar