CalendarWeekView 
Definition
The CalendarWeekView displays a time period of 1 week (5 or 7 days) with at least 8 hours per day and the option of displaying days broken down to quarters of hours.
The hours are displayed on the vertical axis, while the days are displayed on the horizontal axis. An additional row displays full day entries without a time.
Description of UI Element Properties
● accessibilityDescription
When accessibility is activated, the assigned text is added to the tooltip. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.
● contentHeight
Specifies the height of the content part of the CalendarWeekView. You can specify the height in CSS units, like em, ex or pixels.
● firstDayOfWeek
Determines the first day of the week, for example Sunday. The default setting auto calculates the first day of week the according to the local settings.
● firstVisibleDate
Specifies which date is displayed as the first date.
● firstVisibleTime
Specifies which time is displayed as the first time
● legendId
Specifies the ID of the assigned legend.
● scrollable
Defines whether the CalendarWeekView can be scrolled. Turning off the Scrolling the calendar control might push the surrounding container control.
● showWorkingTime
Determines whether the calendar should display differences between working time and free time.
● timescale
Specifies the time segments to be displayed timescale can take the following values and is represented by the enumeration type WDTimeScale:
○ halfHour. Each time slot represents a period of 30 minutes.
○ hour. Each time slot represents a period of one hour.
○ quarterHour. Each time slot represents a period of 15 minutes.
○ twoHours. Each time slot represents a period of two hours.
● timeZone
Determines the time zone in which entries are displayed. If no time zone is specified, the calendar uses the system time zone.
● weekType
Determines whether a working week or a entire week is displayed. weekType can take the following values and is represented by the enumeration type WDWeekDays:
○ fiveDayWeek
○ sevenDayWeek
Properties Overview
Name |
Interface |
Type |
Initial Value |
Bindable |
accessibilityDescription |
IWDAbstractCalendar |
String |
|
Bindable |
contentHeight |
IWDAbstractDayView |
String |
300px |
Bindable |
enabled |
IWDUIElement |
boolean |
true |
Bindable |
firstDayOfWeek |
IWDCalendarWeekView |
WDDayOfWeek |
auto |
Bindable |
firstVisibleDate |
IWDAbstractCalendar |
CctDate |
|
Bindable |
firstVisibleTime |
IWDAbstractDayView |
CctTime |
|
Bindable |
legendId |
IWDAbstractCalendar |
String |
|
Bindable |
scrollable |
IWDAbstractDayView |
boolean |
true |
bindable |
showWorkingTime |
IWDAbstractCalendar |
boolean |
true |
Bindable |
timescale |
IWDAbstractDayView |
WDTimeScale |
hour |
Bindable |
timeZone |
IWDAbstractCalendar |
TimeZone |
|
Bindable |
tooltip |
IWDUIElement |
String (TranslatableText) |
|
Bindable |
Visible |
IWDUIElement |
WDVisibility |
visible |
Bindable |
weekType |
IWDCalendarWeekView |
WDWeekDays |
fiveDayWeek |
Bindable |
Events
● onAllDaySelect (CctDate day)
The event is triggered when the user clicks in a free area in the row that displays the all day events. The parameter is the corresponding day. This event should be used to create a new full day entry.
● onDaySelect (CctDate day)
The event is triggered when the user clicks in an empty area of a day. The parameter is the corresponding day. This event should be used to create a new entry.
● onEntrySelect
This event is triggered when the user clicks on an entry.
● onTimeSelect (CctDateTime time)
This event is triggered when the user clicks in a free time area. Parameter is the corresponding time. This event should be used to create a new entry.