Calendar
This component is used to display days of the month
This component adds a calendar on the page and provides ability to set you custom date item renderer for every date in the month. This functionality empowers developers to tailor the appearance and behaviour of date selections according to specific project requirements.
Customize the calendar
This component allows you to customize calendar elements the way you want. The component provides DateComponent prop. This prop expects your component to render instead of the standard date component.
The following data will be passed to your passed component, based on which you can render.
CalendarRenderDateProps
Property | Type | Description |
---|---|---|
|
| Rendered date |
|
| Index of weekday |
|
| This date is not from current month |
|
| Today's date |
|
| True if this date is selected |
|
| True if this date is disabled |
|
| True, when the cursor is over this date. Can be used to work with date ranges |
|
| Callback to change selected date |
Properties
Property | Type | Description |
---|---|---|
|
| Current month |
|
| List of selected dates |
|
| Date over which the cursor is located. Can be used for date ranges. |
|
| Callback is called when user clicks on the date |
|
| Custom Date component |
|
| Makes calendar as read-only |
|
| Custom CSS class |
History
Altrone 2.1
: initial release
Last updated