A Calendar can be implemented using the following UI elements:
● A view that determines whether a year, a single week or a single day is displayed:
○ CalendarYearView displays an entire year or several months, depending on the number of months defined in the property visibleMonths.
○ CalendarMonthView displays a single month.
○ CalendarWeekView displays a single week, either five or seven days, depending on the value specified in the property weekType.
○ CalendarDayView displays a single day.
○ HierarchicalCalendarMonthView is a special view to display a month, which allows you to display different calendars in a hierarchical structure, e. g. a team calendar.
Using CalendarWeekView or CalendarDayView you can display a timescale, CalendarYearView displays entire days.
● CalendarEntry for calendar entries. Using CalendarYearView only full day entries are displayed, CalendarWeekView and CalendarDayView display all entries.
● Day Patterns: you can define patterns for single days using the DayPattern and for recurring days, e. g. for every Monday using the RecurrenceDayPattern.
● WorkingTime. You can insert a WorkingTime UI element into a day pattern to define the start and the duration of the working time of the correspondent day or days.
● You can assign a CalendarPaginator, which is placed in a ToolBar, to allow the user to browse the correspondent time units.
● You can assign a Legend UI Element to explain the used colors.
The figure below shows a typical structure of a calendar view:
A calendar view, in this case a CalendarMonthView, including an CalendarEntry and a DayPattern. The DayPattern contains a WorkingTime.