The current active view of the component.
The options used to format the months and the weekdays in the calendar views.
The orientation of the calendar header.
Whether to render the calendar header part.
When the calendar selection is set to multiple the header is always hidden.
Whether to show the dates that do not belong to the current active month.
The orientation of the calendar months when more than one month is being shown.
The resource strings for localization.
The number of months displayed in the days view.
Represents a calendar that lets users to select a date value in a variety of different ways.
Slot
Slot
title - Renders the title of the calendar header.
Slot
header-date - Renders content instead of the current date/range in the calendar header.
Csspart
header - The header element of the calendar.
Csspart
header-title - The header title element of the calendar.
Csspart
header-date - The header date element of the calendar.
Csspart
content - The content element which contains the views and navigation elements of the calendar.
Csspart
content-vertical - The content element which contains the views and navigation elements of the calendar in vertical orientation.
Csspart
navigation - The navigation container element of the calendar.
Csspart
months-navigation - The months navigation button element of the calendar.
Csspart
years-navigation - The years navigation button element of the calendar.
Csspart
years-range - The years range element of the calendar.
Csspart
navigation-buttons - The navigation buttons container of the calendar.
Csspart
navigation-button - Previous/next navigation button of the calendar.
Csspart
days-view-container - The days view container element of the calendar.
Csspart
days-view - Days view element of the calendar.
Csspart
months-view - The months view element of the calendar.
Csspart
years-view - The years view element of the calendar.
Csspart
days-row - Days row element of the calendar.
Csspart
label - Week header label element of the calendar.
Csspart
week-number - Week number element of the calendar.
Csspart
week-number-inner - Week number inner element of the calendar.
Csspart
date - Date element of the calendar.
Csspart
date-inner - Date inner element of the calendar.
Csspart
first - The first selected date element of the calendar in range selection.
Csspart
last - The last selected date element of the calendar in range selection.
Csspart
inactive - Inactive date element of the calendar.
Csspart
hidden - Hidden date element of the calendar.
Csspart
weekend - Weekend date element of the calendar.
Csspart
range - Range selected element of the calendar.
Csspart
special - Special date element of the calendar.
Csspart
disabled - Disabled date element of the calendar.
Csspart
single - Single selected date element of the calendar.
Csspart
preview - Range selection preview date element of the calendar.
Csspart
month - Month element of the calendar.
Csspart
month-inner - Month inner element of the calendar.
Csspart
year - Year element of the calendar.
Csspart
year-inner - Year inner element of the calendar.
Csspart
selected - Indicates selected state. Applies to date, month and year elements of the calendar.
Csspart
current - Indicates current state. Applies to date, month and year elements of the calendar.