The DatePicker enables you to configure its popup Calendar.
The DatePicker allows you to switch between the different Calendar layouts by using the
calendarType input property.
By default, the Calendar type is set to
calendarType values are:
The DatePicker allows you to enable the navigation animation in the Classic Calendar by using the
animateCalendarNavigation input property.
By default, the navigation animation is disabled.
The DatePicker enables you to handle the configuration of the focused calendar dates.
The Calendar always displays a focused date and, by default, the focused date is today's date. To change the focused date, use the
focusedDate property by setting it to a specific
Date value. The
To define the first view that the Calendar initially renders, use the
CalendarView type defines the following possible view options:
month—Shows the days of the month.
year—Shows the months of the year.
decade—Shows the years of the decade.
century—Shows the decades of the century.
The DatePicker enables you to control the view depth to which the user can navigate.
In the calendar of the DatePicker, you can render a column which displays the number of the weeks within the current
To show the calendar week number column, set the