DateRangePickerPopupSettings
Represents the settings that can be passed to the Popup inside the DateRangePicker.
Definition
Package:@progress/kendo-react-dateinputs
Properties
anchor?
null | 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.
true
appendTo?
null | HTMLElement
Defines the container to which the Popup will be appended. Defaults to body.
- If set to
nullthe Popup will be rendered without React Portal.
document.body
className?
string | string[]
Specifies a list of CSS classes that will be added to the Popup element.
collision?
Collision
Configures the collision behavior of the Popup (see example).
id?
string
Specifies the id that will be added to the Popup element.
margin?
Margin
Configures the margin value that will be added to the popup dimensions in pixels and leaves a blank space between the popup and the anchor.
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.
onMouseDownOutside?
(event: MouseDownOutsideEvent) => void
Fires when the mousedown event is triggered outside the Popup.
onOpen?
(event: OpenEvent) => void
Fires after the Popup is opened and the opening animation ends.
onPosition?
(event: PositionEvent) => void
Fires after the Popup position is set.
popupAlign?
Align
Specifies the pivot point of the Popup (see example).
popupClass?
string | string[] | { [key: string]: boolean }
Specifies a list of CSS classes that will be added to the internal animated element (see example).
positionMode?
PositionMode
Specifies the position mode of the component. By default, the Popup uses absolute positioning.
To make the Popup acquire fixed positioning, set this option to fixed.
"absolute"
scale?
number
Used to set the document scale when using a scale transform.
The document or container scale is required to compute the popup position correctly. Detecting the scale is not reliable and must be set by providing a value for SCALE.
Using this token is not necessary for user-applied browser zoom.
show?
boolean
Controls the Popup visibility (see example). Defaults to false.
false
style?
CSSProperties
Represents the styles that are applied to the Popup.