DateRangePicker
This widget is used by DateRangeField to present a range of selected dates across multiple months.
Date range picker
//<code-header>
fiddle.title = 'Date range picker';
//</code-header>
new DateRangePicker({
appendTo : targetElement,
label : 'Date range picker',
style : 'margin-inline:2em'
});Configs
138
Configs
138Common
listenersEvents
Other
Enables OK/Cancel button bar to accept date range changes. A value of true shows the OK and Cancel buttons.
Unlike its base class MultiDatePicker, this config must be set to 'range'.
The selection defined by selection and the value defined by
value are synchronized. Use of value is preferred since
this widget is used together with DateRangeField which also uses value.
callOnFunctionsWidget
cellRendererMultiDatePicker
columnWidget
configureSlotCarousel
currentIndexCarousel
dateMultiDatePicker
dateFieldDefaultsAbstractDateRange
datePickerDefaultsMultiDatePicker
dateStepTriggersAbstractDateRange
defaultFocusContainer
disableReserveSlotsCarousel
drawerPanel
emptyHtmlCarousel
emptyTextCarousel
fieldEndDateAbstractDateRange
fieldStartDateAbstractDateRange
formatAbstractDateRange
headerRendererMultiDatePicker
inputFieldAlignContainer
labelPositionContainer
maxDateMultiDatePicker
minDateMultiDatePicker
navButtonsMultiDatePicker
rangeCarousel
renditionContainer
reserveSlotsCarousel
rtlRTL
scrollOnTabCarousel
shrinkWrapCarousel
slotsCarousel
snapCarousel
spanWidget
valueAbstractDateRange
verticalCarousel
weekRendererMultiDatePicker
weekStartDayMultiDatePicker
Content
bbarPanel
defaultsContainer
footerPanel
headerPanel
itemsContainer
lazyItemsContainer
namedItemsContainer
stripsPanel
tbarPanel
textContentContainer
toolsPanel
trapFocusPanel
CSS
bodyClsPanel
borderContainer
clsWidget
colorWidget
contentElementClsWidget
htmlClsWidget
itemClsContainer
styleWidget
uiPanel
DOM
adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
tagWidget
Float & align
alignWidget
anchorWidget
centeredWidget
constrainToWidget
draggableWidget
floatingWidget
hideAnimationWidget
maximizeOnMobileWidget
positionedWidget
scrollActionWidget
showAnimationWidget
xWidget
yWidget
Layout
alignSelfWidget
collapsedPanel
collapsiblePanel
dockWidget
flexWidget
heightWidget
hiddenWidget
hideWhenEmptyContainer
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget
misc
tabBarItemsContainer
Misc
bubbleEventsEvents
dataFieldWidget
defaultBindPropertyWidget
disabledWidget
elementAttributesWidget
iconPanel
ignoreParentReadOnlyWidget
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
maskDefaultsWidget
maskedWidget
monitorResizeWidget
ownerWidget
preventTooltipOnTouchWidget
readOnlyWidget
refWidget
rippleWidget
rootElementWidget
showTooltipWhenDisabledWidget
tabWidget
titlePanel
tooltipWidget
Scrolling
scrollableWidget
Properties
115
Properties
115Class hierarchy
Identifies an object as an instance of DateRangePicker class, or subclass thereof.
Identifies an object as an instance of DateRangePicker class, or subclass thereof.
isAbstractDateRangeAbstractDateRange
isCarouselCarousel
isContainerContainer
isDelayableDelayable
isEventsEvents
isKeyMapKeyMap
isLocalizableLocalizable
isMultiDatePickerMultiDatePicker
isPanelPanel
isRTLRTL
isStateState
isToolableToolable
isWidgetWidget
Other
Enables OK/Cancel button bar to accept date range changes. A value of true shows the OK and Cancel buttons.
columnWidget
configureSlotCarousel
currentIndexCarousel
emptyHtmlCarousel
emptyTextCarousel
fieldEndDateAbstractDateRange
fieldStartDateAbstractDateRange
firstItemContainer
formatAbstractDateRange
hasChangesContainer
inputFieldAlignContainer
isSettingValuesContainer
isStatefulState
isValidContainer
itemsContainer
labelPositionContainer
lastItemContainer
rangeCarousel
renditionContainer
reserveSlotsCarousel
rtlRTL
scrollingCarousel
scrollOnTabCarousel
selectionMultiDatePicker
shrinkWrapCarousel
slotsCarousel
snapCarousel
spanWidget
toolsPanel
valueAbstractDateRange
valuesContainer
verticalCarousel
CSS
clsWidget
DOM
appendToWidget
contentWidget
contentElementWidget
datasetWidget
elementWidget
focusableElementWidget
focusElementWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
overflowElementWidget
styleWidget
Layout
alignSelfWidget
collapsedPanel
collapsingPanel
expandingPanel
flexWidget
heightWidget
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
scrollableWidget
widthWidget
Misc
callOnFunctionsEvents
cellInfoWidget
disabledWidget
localeHelperLocalizable
localeManagerLocalizable
readOnlyWidget
refWidget
tabWidget
titlePanel
tooltipWidget
State
stateState
Widget hierarchy
containsFocusWidget
nextSiblingWidget
ownerWidget
parentWidget
previousSiblingWidget
visibleChildCountContainer
widgetMapContainer
Functions
81
Functions
81Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
downloadTestCaseBase
resolveCallbackBase
toggleCollapsedPanel
updateLocalizationLocalizable
Other
addContainer
addListenerEvents
announceAriaLiveWidget
backwardCarousel
collapsePanelPanel
composeWidget
createOnFrameDelayable
disableWidget
enableWidget
ensureVisibleMultiDatePicker
exitFullscreenWidget
expandPanelPanel
focusWidget
forwardCarousel
getAtContainer
getWidgetByIdContainer
goCarousel
gotoCarousel
hasListenerEvents
indexFromPosCarousel
insertContainer
maskWidget
onEvents
posFromIndexCarousel
processWidgetConfigContainer
recomposeWidget
relayAllEvents
removeContainer
removeAllContainer
removeAllListenersEvents
removeListenerEvents
requestFullscreenWidget
resetValuesContainer
resumeEventsEvents
revertFocusWidget
setValuesContainer
suspendEventsEvents
triggerEvents
unEvents
unmaskWidget
Widget hierarchy
closestWidget
containsWidget
eachAncestorWidget
eachWidgetWidget
ownsWidget
queryWidget
queryAllWidget
upWidget
Events
22
Events
22beforeDestroyEvents
beforeHideWidget
beforeSetRecordContainer
beforeShowWidget
beforeStateApplyState
beforeStateSaveState
catchAllEvents
collapsePanel
destroyEvents
dirtyStateChangeContainer
elementCreatedWidget
expandPanel
focusInWidget
focusOutWidget
hideWidget
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
selectionChangeMultiDatePicker
showWidget
toolClickPanel
Event handlers
22
Event handlers
22onBeforeDestroyEvents
onBeforeHideWidget
onBeforeSetRecordContainer
onBeforeShowWidget
onBeforeStateApplyState
onBeforeStateSaveState
onCatchAllEvents
onCollapsePanel
onDestroyEvents
onDirtyStateChangeContainer
onElementCreatedWidget
onExpandPanel
onFocusInWidget
onFocusOutWidget
onHideWidget
onPaintWidget
onReadOnlyWidget
onRecomposeWidget
onResizeWidget
onSelectionChangeMultiDatePicker
onShowWidget
onToolClickPanel
Typedefs
7
Typedefs
7AlignSpecWidget
BryntumListenerConfigEvents
CellWidgetContextWidget
ColorWidget
DelayableConfigDelayable
KeyMapConfigKeyMap
PanelHeaderPanel