Calendar
A calendar component displays dates and events in a daily, weekly, monthly, or agenda view.
It's interactive, allowing users to pick dates, schedule events, and browse through different time periods. Calendars are essential for applications that involve date-related functionalities like appointments, bookings, or event planning. They often support customizations like marking special dates or integrating with other data sources.
Examples
Various examples showcasing different configurations of the component
Su
Mo
Tu
We
Th
Fr
Sa
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
31
1
2
3
4
5
6
7
8
9
10
Property
Value
Date
1/30/2024
Properties
Each component can be customized and configured based on product requirements. You can modify the component on Canonic by clicking on the component and opening the configuration panel.
Property
Description
Default Value
Type
Date
The initial date displayed on the calendar.
Today
Date
Size
The size of the calendar.
Large
String
Triggers
Components expose certain events such as clicking. You can use these events to perform actions such as navigation, fetching data and controlling other components. The events exposed by this component are listed below.
Property
Description
On change
Handler called when the date changes.