DateRangePickerPopupSettings
Represents the settings that can be passed to the Popup inside the DateRangePicker.
anchor? HTMLElement
Specifies the element which will be used as an anchor (see example). The Popup opens next to that element.
anchorAlign? Align
Specifies the pivot point of the anchor (see example).
animate? boolean | PopupAnimation
Controls the Popup animation (see example). By default, the opening and closing animations are enabled.
appendTo? HTMLElement
Defines the container to which the Popup will be appended. Defaults to body
.
className? string | Array<string>
Specifies a list of CSS classes that will be added to the Popup element.
close? (event: CloseEvent) => void
Depricated. Use onClose
event instead.
collision? Collision
Configures the collision behavior of the Popup (see example).
id? string
Specifies the id that will be added to the Popup element.
offset? Offset
Specifies the absolute position of the element (see example). The Popup opens next to that point. The pivot point of the Popup is defined by the popupAlign
configuration option. The boundary detection is applied by using the window viewport.
onClose? (event: CloseEvent) => void
Fires after the Popup is closed.
onOpen? (event: OpenEvent) => void
Fires after the Popup is opened and the opening animation ends.
open? (event: OpenEvent) => void
Depricated. Use onOpen
event instead.
popupAlign? Align
Specifies the pivot point of the Popup (see example).
popupClass? string | Array<string>
Specifies a list of CSS classes that will be added to the internal animated element (see example).
style? CSSProperties
Represents the styles that are applied to the Popup.