[]
Calendar offers many advanced features beyond simple scheduling. These features are listed below:
Set its value to a Day that you want to display in the first column of the calendar.
Provides the currently selected date by the user.
Set its value to restrict range of the latest date that a user can select in the calendar.
Set its value to restrict range of the earliest date that a user can select in the calendar.
Indicates whether the calendar displays a month or a year.
Property | Type | Values | Description |
|---|---|---|---|
focus-mode | Boolean | true / false | true: Selected date displays a focus border. false: No border is displayed after selection. |
key-action-tab | CalendarTabKeyAction | None / All | None: Browser handles tab navigation normally. All: Allows tabbing through all interactive elements in the calendar. |
aria-label | String | User-defined | Provides an ARIA label for accessibility tools such as screen readers. |