DateRangePickerPopupSettings

Represents the settings that can be passed to the Popup inside the DateRangePicker.

Name	Type	Description
anchor	`string`	Specifies the element which will be used as an anchor (see example). The Popup opens next to that element.
anchorAlign?	`object`	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?	`string`	Defines the 'id' or 'ref' of the container to which the Popup will be appended. Defaults to `body`.
className?	`string \| string[]`	Specifies a list of CSS classes that will be added to the Popup element.
collision?	`object`	Configures the collision behavior of the Popup (see example).
direction?	`String`	Specifies the direction of the Expand Animation. Defaults to `down`.
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.
popupAlign?	`object`	Specifies the pivot point of the Popup (see example).
popupClass?	`string \| string[]`	Specifies a list of CSS classes that will be added to the internal animated element (see example).
style?	`any`	Represents the styles that are applied to the Popup.