DateInputsPopupSettings

Name	Type	Default	Description
anchor?	"null" | HTMLElement		Specifies the element which will be used as an anchor (see example). The Popup opens next to that element. jsx <Popup anchor={document.getElementById('anchorElement')} />
anchorAlign?	Align		Specifies the pivot point of the anchor (see example). jsx <Popup anchorAlign={{ horizontal: 'left', vertical: 'top' }} />
animate?	boolean		Controls the popup animation. By default, the open and close animations are enabled.
appendTo?	HTMLElement		Controls the popup container. By default, the popup is appended to the body element.
className?	string | string[]		Specifies a list of CSS classes that will be added to the Popup element. jsx <Popup className="custom-class" />
collision?	Collision		Configures the collision behavior of the Popup (see example). jsx <Popup collision={{ horizontal: 'fit', vertical: 'flip' }} />
id?	string		Specifies the id that will be added to the Popup element. jsx <Popup id="popup-id" />
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. jsx <Popup margin={{ horizontal: 10, vertical: 10 }} />
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. jsx <Popup offset={{ left: 100, top: 200 }} />
onClose?	(event: CloseEvent) => void		Fires after the Popup is closed. jsx <Popup onClose={(event) => console.log('Popup closed')} />
onMouseDownOutside?	(event: MouseDownOutsideEvent) => void		Fires when the mousedown event is triggered outside the Popup. jsx <Popup onMouseDownOutside={(event) => console.log('onMouseDownOutside')} />
onOpen?	(event: OpenEvent) => void		Fires after the Popup is opened and the opening animation ends. jsx <Popup onOpen={(event) => console.log('Popup opened')} />
onPosition?	(event: PositionEvent) => void		Fires after the Popup position is set. jsx <Popup onPosition={(event) => console.log('Popup positioned')} />
popupAlign?	Align		Specifies the pivot point of the Popup (see example). jsx <Popup popupAlign={{ horizontal: 'center', vertical: 'bottom' }} />
popupClass?	string		Specifies a list of CSS classes that are used for styling the popup.
positionMode?	PositionMode		Specifies the position mode of the component. By default, the Popup uses fixed positioning. To make the Popup acquire absolute positioning, set this option to absolute. jsx <Popup positionMode="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. jsx <Popup scale={1.5} />
show?	boolean		Controls the Popup visibility (see example). Defaults to false. jsx <Popup show={true} />
style?	CSSProperties		Represents the styles that are applied to the Popup. jsx <Popup style={{ width: '200px', height: '100px' }} />