ModeSelector

Displays a UI which allows selection of calendar modes. The modes can be displayed as a ButtonGroup or a single Button with a menu. Which presentation is used depends on the minified config property. By default, this is set responsively in order to present the best UI for different screen sizes.

The buttons to select each mode may be accessed from the Calendar's widgetMap. The name is created from the mode name plus 'ShowButton', so the button to show the week mode would be accessed by myCalendar.widgetMap.weekShowButton

If the mode selector is minified, and the modes are offered through a menu. The menu items to select each mode may be accessed from the Calendar's widgetMap. The name is created from the mode name plus 'ShowMenuItem', so the menu item to show the week mode would be accessed by myCalendar.widgetMap.weekShowMenuItem

Configs

97

Common

listenersEvents

Other

The button or button config object that will display a popup menu to select the calendar mode.

The button group or button group config object that will display the calendar modes, one per button.

minifiable: Boolean= true

Set to false to prevent this widget from assuming is minified form automatically (for example, due to overflow handling.

When this value is true (the default), the minifiable widget's minified config may be set to true to reduce toolbar overflow.

minified: Boolean= false

Set to true to present this widget in its minimal form.

titleProperty: String= title

The config property that will be used as the readable title for each mode.

columnWidget
defaultFocusContainer
labelPositionContainer
renditionContainer
rtlRTL
spanWidget

Accessibility

ariaLabelWidget
keyMapKeyMap

Content

defaultsContainer
itemsContainer
lazyItemsContainer
namedItemsContainer
textContentContainer

CSS

borderContainer
clsWidget
colorWidget
htmlClsWidget
itemClsContainer
styleWidget
uiWidget

DOM

adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
tagWidget
titleWidget

Float & align

alignWidget
anchorWidget
centeredWidget
draggableWidget
floatingWidget
xWidget
yWidget

Layout

alignSelfWidget
dockWidget
flexWidget
heightWidget
hiddenWidget
hideWhenEmptyContainer
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget

misc

tabBarItemsContainer

Misc

dataFieldWidget
disabledWidget
localeClassLocalizable
localizableLocalizable
maskedWidget
ownerWidget
readOnlyWidget
refWidget
rippleWidget
tabWidget
tooltipWidget

Record

recordContainer

Scrolling

Properties

84

Class hierarchy

isModeSelector: Boolean= truereadonly
Identifies an object as an instance of ModeSelector class, or subclass thereof.
isModeSelector: Boolean= truereadonlystatic
Identifies an object as an instance of ModeSelector class, or subclass thereof.
isContainerContainer
isDelayableDelayable
isEventsEvents
isKeyMapKeyMap
isLocalizableLocalizable
isWidgetWidget

Other

The Button that will toggle the display of non-working days.

This property will only exist if the Calendar's includeWeekendsButton has been set to true

If that property is set to false, this property will still yield a button instance, but it will be hidden by CSS rules.

The MenuItem that will toggle the display of non-working days when the Calendar UI is narrow and the modes are selected using a menu.

This property will only exist if the Calendar's includeWeekendsButton has been set to true and the Calendar is in Responsive small mode.

$namestaticWidget
columnWidget
firstItemContainer
hasChangesContainer
isValidContainer
itemsContainer
labelPositionContainer
lastItemContainer
renditionContainer
rtlRTL
spanWidget
typestaticWidget
valuesContainer

Accessibility

keyMapKeyMap

CSS

clsWidget

DOM

appendToWidget
contentWidget
datasetWidget
elementWidget
htmlWidget
idWidget
styleWidget

Float & align

xWidget
yWidget

Layout

alignSelfWidget
flexWidget
heightWidget
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
widthWidget

Lifecycle

configBase

Misc

cellInfoWidget
disabledWidget
localeHelperLocalizable
localeManagerLocalizable
readOnlyWidget
refWidget
tabWidget
tooltipWidget

Record

recordContainer

Visibility

hiddenWidget
isVisibleWidget

Widget hierarchy

ownerWidget
parentWidget
widgetMapContainer

Functions

67

Configuration

applyDefaultsstaticBase

Events

Float & align

alignToWidget
setXYWidget
showByWidget
toFrontWidget

Lifecycle

createstaticWidget
destroystaticBase
initClassstaticWidget

Misc

attachTooltipstaticWidget
fromElementstaticWidget
fromSelectorstaticWidget
getByIdstaticWidget
isOfTypeNamestaticBase
mixinstaticBase
optionalLstaticLocalizable

Other

addContainer
composeWidget
createOnFrameDelayable
disableWidget
enableWidget
focusWidget
getAtContainer
getWidgetByIdContainer
insertContainer
LstaticLocalizable
maskWidget
onEvents
recomposeWidget
relayAllEvents
removeContainer
removeAllContainer
resetValuesContainer
setValuesContainer
triggerEvents
unEvents
unmaskWidget

Visibility

hideWidget
showWidget

Widget hierarchy

closestWidget
containsWidget
ownsWidget
queryWidget
queryAllWidget
upWidget

Events

16
catchAllEvents
destroyEvents
focusInWidget
focusOutWidget
hideWidget
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
showWidget

Event handlers

16

Typedefs

6

CSS variables

31

Inherited