CalendarView consists of various elements that help in navigating through the calendar UI.

Navigation and Title Elements

CalendarView comprises the following navigation and title elements:

• Navigation buttons: CalendarView consists of Previous and Next navigation buttons that allow you to navigate to the previous or the next month respectively.
• Titles: CalendarView includes three titles, which are described below:
  • Month and Year title: The month title, also known as calendar title appears at the top of calendar by default and displays the month and year.
  • Week title: The week title appears to the left of calendar and displays the week numbers.
  • Day title: The day title appears beneath the month title and displays the weekday names.

The following image labels the elements that make up the calendar navigation system.

MonthView Elements

CalendarView consists of the following Month View elements:

• Ordinary dates: Indicates the dates that belong to the current month.
• Today's dates: Indicates today's date with a filled rectangular box around the date.
• Other month dates: Indicates the dates that belong to next and previous months, but lie in the same week as that of first or last date of the current month.

The following image labels the elements that make up the CalendarView's Month View Area:

Popup Month and Year Selectors

CalendarView also provides users with Popup month and year selectors, as shown in the GIF below:

CalendarView includes popup month and year selectors that appear when you click on the Month and Year title. These selectors allow you to jump to a specific month or year by selecting the same from the list.