devextreme-react 26.1.2-beta → 26.1.3

package/cjs/date-range-box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,762 +11,762 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-import * as React from "react";
-import { Ref, ReactElement } from "react";
-import dxDateRangeBox, { Properties } from "devextreme/ui/date_range_box";
-import { IHtmlOptions, NestedComponentMeta } from "./core/component";
-import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/date_range_box";
-import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent, ClickEvent } from "devextreme/ui/button";
-import type { DisposingEvent as CalendarDisposingEvent, InitializedEvent as CalendarInitializedEvent, ValueChangedEvent as CalendarValueChangedEvent, DisabledDate, CalendarZoomLevel, OptionChangedEvent, CalendarSelectionMode, WeekNumberRule } from "devextreme/ui/calendar";
-import type { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from "devextreme/common/core/animation";
-import type { HorizontalAlignment, VerticalAlignment, TextEditorButtonLocation, template, DayOfWeek, ValidationMessageMode, Position as CommonPosition, ValidationStatus, Format, PositionAlignment, Direction, ButtonStyle, ButtonType, ToolbarItemLocation, ToolbarItemComponent } from "devextreme/common";
-import type { event } from "devextreme/events/events.types";
-import type { EventInfo } from "devextreme/common/core/events";
-import type { Component } from "devextreme/core/component";
-import type { dxPopupToolbarItem, ToolbarLocation } from "devextreme/ui/popup";
-import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
-import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
-import type dxOverlay from "devextreme/ui/overlay";
-import type DOMComponent from "devextreme/core/dom_component";
-import type dxPopup from "devextreme/ui/popup";
-type ReplaceFieldTypes<TSource, TReplacement> = {
-    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
-};
-type IDateRangeBoxOptionsNarrowedEvents = {
-    onChange?: ((e: ChangeEvent) => void);
-    onClosed?: ((e: ClosedEvent) => void);
-    onContentReady?: ((e: ContentReadyEvent) => void);
-    onCopy?: ((e: CopyEvent) => void);
-    onCut?: ((e: CutEvent) => void);
-    onDisposing?: ((e: DisposingEvent) => void);
-    onEnterKey?: ((e: EnterKeyEvent) => void);
-    onFocusIn?: ((e: FocusInEvent) => void);
-    onFocusOut?: ((e: FocusOutEvent) => void);
-    onInitialized?: ((e: InitializedEvent) => void);
-    onInput?: ((e: InputEvent) => void);
-    onKeyDown?: ((e: KeyDownEvent) => void);
-    onKeyUp?: ((e: KeyUpEvent) => void);
-    onOpened?: ((e: OpenedEvent) => void);
-    onPaste?: ((e: PasteEvent) => void);
-    onValueChanged?: ((e: ValueChangedEvent) => void);
-};
-type IDateRangeBoxOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IDateRangeBoxOptionsNarrowedEvents> & IHtmlOptions & {
-    dropDownButtonRender?: (...params: any) => React.ReactNode;
-    dropDownButtonComponent?: React.ComponentType<any>;
-    defaultEndDate?: Date | null | number | string;
-    defaultOpened?: boolean;
-    defaultStartDate?: Date | null | number | string;
-    defaultValue?: Array<Date | null | number | string>;
-    onEndDateChange?: (value: Date | null | number | string) => void;
-    onOpenedChange?: (value: boolean) => void;
-    onStartDateChange?: (value: Date | null | number | string) => void;
-    onValueChange?: (value: Array<Date | null | number | string>) => void;
-}>;
-interface DateRangeBoxRef {
-    instance: () => dxDateRangeBox;
-}
-declare const DateRangeBox: (props: React.PropsWithChildren<IDateRangeBoxOptions> & {
-    ref?: Ref<DateRangeBoxRef>;
-}) => ReactElement | null;
-type IAnimationProps = React.PropsWithChildren<{
-    hide?: AnimationConfig;
-    show?: AnimationConfig;
-}>;
-declare const Animation: ((props: IAnimationProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    hide?: AnimationConfig | undefined;
-    show?: AnimationConfig | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IAtProps = React.PropsWithChildren<{
-    x?: HorizontalAlignment;
-    y?: VerticalAlignment;
-}>;
-declare const At: ((props: IAtProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    x?: HorizontalAlignment | undefined;
-    y?: VerticalAlignment | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IBoundaryOffsetProps = React.PropsWithChildren<{
-    x?: number;
-    y?: number;
-}>;
-declare const BoundaryOffset: ((props: IBoundaryOffsetProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    x?: number | undefined;
-    y?: number | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IButtonProps = React.PropsWithChildren<{
-    location?: TextEditorButtonLocation;
-    name?: string | undefined;
-    options?: dxButtonOptions | undefined;
-}>;
-declare const Button: ((props: IButtonProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    location?: TextEditorButtonLocation | undefined;
-    name?: string | undefined;
-    options?: dxButtonOptions | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type ICalendarOptionsProps = React.PropsWithChildren<{
-    accessKey?: string | undefined;
-    activeStateEnabled?: boolean;
-    cellTemplate?: ((itemData: {
-        date: Date;
-        text: string;
-        view: string;
-    }, itemIndex: number, itemElement: any) => string | any) | template;
-    dateSerializationFormat?: string | undefined;
-    disabled?: boolean;
-    disabledDates?: Array<Date> | ((data: DisabledDate) => boolean);
-    elementAttr?: Record<string, any>;
-    firstDayOfWeek?: DayOfWeek | undefined;
-    focusStateEnabled?: boolean;
-    height?: number | string | undefined;
-    hint?: string | undefined;
-    hoverStateEnabled?: boolean;
-    isDirty?: boolean;
-    isValid?: boolean;
-    max?: Date | null | number | string;
-    maxZoomLevel?: CalendarZoomLevel;
-    min?: Date | null | number | string;
-    minZoomLevel?: CalendarZoomLevel;
-    name?: string;
-    onDisposing?: ((e: CalendarDisposingEvent) => void);
-    onInitialized?: ((e: CalendarInitializedEvent) => void);
-    onOptionChanged?: ((e: OptionChangedEvent) => void);
-    onValueChanged?: ((e: CalendarValueChangedEvent) => void);
-    readOnly?: boolean;
-    rtlEnabled?: boolean;
-    selectionMode?: CalendarSelectionMode;
-    selectWeekOnClick?: boolean;
-    showTodayButton?: boolean;
-    showWeekNumbers?: boolean;
-    tabIndex?: number;
-    todayButtonText?: string;
-    validationError?: any;
-    validationErrors?: Array<any>;
-    validationMessageMode?: ValidationMessageMode;
-    validationMessagePosition?: CommonPosition;
-    validationStatus?: ValidationStatus;
-    value?: Array<Date | null | number | string> | Date | null | number | string;
-    visible?: boolean;
-    weekNumberRule?: WeekNumberRule;
-    width?: number | string | undefined;
-    zoomLevel?: CalendarZoomLevel;
-    defaultValue?: Array<Date | null | number | string> | Date | null | number | string;
-    onValueChange?: (value: Array<Date | null | number | string> | Date | null | number | string) => void;
-    defaultZoomLevel?: CalendarZoomLevel;
-    onZoomLevelChange?: (value: CalendarZoomLevel) => void;
-    cellRender?: (...params: any) => React.ReactNode;
-    cellComponent?: React.ComponentType<any>;
-}>;
-declare const CalendarOptions: ((props: ICalendarOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    accessKey?: string | undefined;
-    activeStateEnabled?: boolean | undefined;
-    cellTemplate?: template | ((itemData: {
-        date: Date;
-        text: string;
-        view: string;
-    }, itemIndex: number, itemElement: any) => string | any) | undefined;
-    dateSerializationFormat?: string | undefined;
-    disabled?: boolean | undefined;
-    disabledDates?: Date[] | ((data: DisabledDate) => boolean) | undefined;
-    elementAttr?: Record<string, any> | undefined;
-    firstDayOfWeek?: DayOfWeek | undefined;
-    focusStateEnabled?: boolean | undefined;
-    height?: number | string | undefined;
-    hint?: string | undefined;
-    hoverStateEnabled?: boolean | undefined;
-    isDirty?: boolean | undefined;
-    isValid?: boolean | undefined;
-    max?: string | number | Date | null | undefined;
-    maxZoomLevel?: CalendarZoomLevel | undefined;
-    min?: string | number | Date | null | undefined;
-    minZoomLevel?: CalendarZoomLevel | undefined;
-    name?: string | undefined;
-    onDisposing?: ((e: CalendarDisposingEvent) => void) | undefined;
-    onInitialized?: ((e: CalendarInitializedEvent) => void) | undefined;
-    onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined;
-    onValueChanged?: ((e: CalendarValueChangedEvent) => void) | undefined;
-    readOnly?: boolean | undefined;
-    rtlEnabled?: boolean | undefined;
-    selectionMode?: CalendarSelectionMode | undefined;
-    selectWeekOnClick?: boolean | undefined;
-    showTodayButton?: boolean | undefined;
-    showWeekNumbers?: boolean | undefined;
-    tabIndex?: number | undefined;
-    todayButtonText?: string | undefined;
-    validationError?: any;
-    validationErrors?: any[] | undefined;
-    validationMessageMode?: ValidationMessageMode | undefined;
-    validationMessagePosition?: CommonPosition | undefined;
-    validationStatus?: ValidationStatus | undefined;
-    value?: string | number | Date | (string | number | Date | null)[] | null | undefined;
-    visible?: boolean | undefined;
-    weekNumberRule?: WeekNumberRule | undefined;
-    width?: number | string | undefined;
-    zoomLevel?: CalendarZoomLevel | undefined;
-    defaultValue?: string | number | Date | (string | number | Date | null)[] | null | undefined;
-    onValueChange?: ((value: Array<Date | null | number | string> | Date | null | number | string) => void) | undefined;
-    defaultZoomLevel?: CalendarZoomLevel | undefined;
-    onZoomLevelChange?: ((value: CalendarZoomLevel) => void) | undefined;
-    cellRender?: ((...params: any) => React.ReactNode) | undefined;
-    cellComponent?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type ICollisionProps = React.PropsWithChildren<{
-    x?: CollisionResolution;
-    y?: CollisionResolution;
-}>;
-declare const Collision: ((props: ICollisionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    x?: CollisionResolution | undefined;
-    y?: CollisionResolution | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IDisplayFormatProps = React.PropsWithChildren<{
-    currency?: string;
-    formatter?: ((value: number | Date) => string);
-    parser?: ((value: string) => number | Date);
-    precision?: number;
-    type?: Format | string;
-    useCurrencyAccountingStyle?: boolean;
-}>;
-declare const DisplayFormat: ((props: IDisplayFormatProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    currency?: string | undefined;
-    formatter?: ((value: number | Date) => string) | undefined;
-    parser?: ((value: string) => number | Date) | undefined;
-    precision?: number | undefined;
-    type?: string | undefined;
-    useCurrencyAccountingStyle?: boolean | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IDropDownOptionsProps = React.PropsWithChildren<{
-    accessKey?: string | undefined;
-    animation?: Record<string, any> | {
-        hide?: AnimationConfig;
-        show?: AnimationConfig;
-    };
-    container?: any | string | undefined;
-    contentTemplate?: ((contentElement: any) => string | any) | template;
-    deferRendering?: boolean;
-    disabled?: boolean;
-    dragAndResizeArea?: any | string | undefined;
-    dragEnabled?: boolean;
-    dragOutsideBoundary?: boolean;
-    enableBodyScroll?: boolean;
-    focusStateEnabled?: boolean;
-    fullScreen?: boolean;
-    height?: number | string;
-    hideOnOutsideClick?: boolean | ((event: event) => boolean);
-    hideOnParentScroll?: boolean;
-    hint?: string | undefined;
-    hoverStateEnabled?: boolean;
-    maxHeight?: number | string;
-    maxWidth?: number | string;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    onContentReady?: ((e: EventInfo<any>) => void);
-    onDisposing?: ((e: EventInfo<any>) => void);
-    onHidden?: ((e: EventInfo<any>) => void);
-    onHiding?: ((e: {
-        cancel: boolean | any;
-        component: dxOverlay<any>;
-        element: any;
-        model: any;
-    }) => void);
-    onInitialized?: ((e: {
-        component: Component<any>;
-        element: any;
-    }) => void);
-    onOptionChanged?: ((e: {
-        component: DOMComponent;
-        element: any;
-        fullName: string;
-        model: any;
-        name: string;
-        previousValue: any;
-        value: any;
-    }) => void);
-    onResize?: ((e: {
-        component: dxPopup;
-        element: any;
-        event: event;
-        height: number;
-        model: any;
-        width: number;
-    }) => void);
-    onResizeEnd?: ((e: {
-        component: dxPopup;
-        element: any;
-        event: event;
-        height: number;
-        model: any;
-        width: number;
-    }) => void);
-    onResizeStart?: ((e: {
-        component: dxPopup;
-        element: any;
-        event: event;
-        height: number;
-        model: any;
-        width: number;
-    }) => void);
-    onShowing?: ((e: {
-        cancel: boolean | any;
-        component: dxOverlay<any>;
-        element: any;
-        model: any;
-    }) => void);
-    onShown?: ((e: EventInfo<any>) => void);
-    onTitleRendered?: ((e: {
-        component: dxPopup;
-        element: any;
-        model: any;
-        titleElement: any;
-    }) => void);
-    position?: (() => void) | PositionAlignment | PositionConfig;
-    resizeEnabled?: boolean;
-    restorePosition?: boolean;
-    rtlEnabled?: boolean;
-    shading?: boolean;
-    shadingColor?: string;
-    showCloseButton?: boolean;
-    showTitle?: boolean;
-    tabFocusLoopEnabled?: boolean;
-    tabIndex?: number;
-    title?: string;
-    titleTemplate?: ((titleElement: any) => string | any) | template;
-    toolbarItems?: Array<dxPopupToolbarItem>;
-    visible?: boolean;
-    width?: number | string;
-    wrapperAttr?: any;
-    defaultHeight?: number | string;
-    onHeightChange?: (value: number | string) => void;
-    defaultPosition?: (() => void) | PositionAlignment | PositionConfig;
-    onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void;
-    defaultVisible?: boolean;
-    onVisibleChange?: (value: boolean) => void;
-    defaultWidth?: number | string;
-    onWidthChange?: (value: number | string) => void;
-    contentRender?: (...params: any) => React.ReactNode;
-    contentComponent?: React.ComponentType<any>;
-    titleRender?: (...params: any) => React.ReactNode;
-    titleComponent?: React.ComponentType<any>;
-}>;
-declare const DropDownOptions: ((props: IDropDownOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    accessKey?: string | undefined;
-    animation?: Record<string, any> | {
-        hide?: AnimationConfig | undefined;
-        show?: AnimationConfig | undefined;
-    } | undefined;
-    container?: any | string | undefined;
-    contentTemplate?: template | ((contentElement: any) => string | any) | undefined;
-    deferRendering?: boolean | undefined;
-    disabled?: boolean | undefined;
-    dragAndResizeArea?: any | string | undefined;
-    dragEnabled?: boolean | undefined;
-    dragOutsideBoundary?: boolean | undefined;
-    enableBodyScroll?: boolean | undefined;
-    focusStateEnabled?: boolean | undefined;
-    fullScreen?: boolean | undefined;
-    height?: string | number | undefined;
-    hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
-    hideOnParentScroll?: boolean | undefined;
-    hint?: string | undefined;
-    hoverStateEnabled?: boolean | undefined;
-    maxHeight?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    minHeight?: string | number | undefined;
-    minWidth?: string | number | undefined;
-    onContentReady?: ((e: EventInfo<any>) => void) | undefined;
-    onDisposing?: ((e: EventInfo<any>) => void) | undefined;
-    onHidden?: ((e: EventInfo<any>) => void) | undefined;
-    onHiding?: ((e: {
-        cancel: boolean | any;
-        component: dxOverlay<any>;
-        element: any;
-        model: any;
-    }) => void) | undefined;
-    onInitialized?: ((e: {
-        component: Component<any>;
-        element: any;
-    }) => void) | undefined;
-    onOptionChanged?: ((e: {
-        component: DOMComponent;
-        element: any;
-        fullName: string;
-        model: any;
-        name: string;
-        previousValue: any;
-        value: any;
-    }) => void) | undefined;
-    onResize?: ((e: {
-        component: dxPopup;
-        element: any;
-        event: event;
-        height: number;
-        model: any;
-        width: number;
-    }) => void) | undefined;
-    onResizeEnd?: ((e: {
-        component: dxPopup;
-        element: any;
-        event: event;
-        height: number;
-        model: any;
-        width: number;
-    }) => void) | undefined;
-    onResizeStart?: ((e: {
-        component: dxPopup;
-        element: any;
-        event: event;
-        height: number;
-        model: any;
-        width: number;
-    }) => void) | undefined;
-    onShowing?: ((e: {
-        cancel: boolean | any;
-        component: dxOverlay<any>;
-        element: any;
-        model: any;
-    }) => void) | undefined;
-    onShown?: ((e: EventInfo<any>) => void) | undefined;
-    onTitleRendered?: ((e: {
-        component: dxPopup;
-        element: any;
-        model: any;
-        titleElement: any;
-    }) => void) | undefined;
-    position?: PositionConfig | PositionAlignment | (() => void) | undefined;
-    resizeEnabled?: boolean | undefined;
-    restorePosition?: boolean | undefined;
-    rtlEnabled?: boolean | undefined;
-    shading?: boolean | undefined;
-    shadingColor?: string | undefined;
-    showCloseButton?: boolean | undefined;
-    showTitle?: boolean | undefined;
-    tabFocusLoopEnabled?: boolean | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    titleTemplate?: template | ((titleElement: any) => string | any) | undefined;
-    toolbarItems?: import("devextreme/ui/popup").ToolbarItem[] | undefined;
-    visible?: boolean | undefined;
-    width?: string | number | undefined;
-    wrapperAttr?: any;
-    defaultHeight?: string | number | undefined;
-    onHeightChange?: ((value: number | string) => void) | undefined;
-    defaultPosition?: PositionConfig | PositionAlignment | (() => void) | undefined;
-    onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined;
-    defaultVisible?: boolean | undefined;
-    onVisibleChange?: ((value: boolean) => void) | undefined;
-    defaultWidth?: string | number | undefined;
-    onWidthChange?: ((value: number | string) => void) | undefined;
-    contentRender?: ((...params: any) => React.ReactNode) | undefined;
-    contentComponent?: React.ComponentType<any> | undefined;
-    titleRender?: ((...params: any) => React.ReactNode) | undefined;
-    titleComponent?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IFromProps = React.PropsWithChildren<{
-    left?: number;
-    opacity?: number;
-    position?: PositionConfig;
-    scale?: number;
-    top?: number;
-}>;
-declare const From: ((props: IFromProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    left?: number | undefined;
-    opacity?: number | undefined;
-    position?: PositionConfig | undefined;
-    scale?: number | undefined;
-    top?: number | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IHideProps = React.PropsWithChildren<{
-    complete?: (($element: any, config: AnimationConfig) => void);
-    delay?: number;
-    direction?: Direction | undefined;
-    duration?: number;
-    easing?: string;
-    from?: AnimationState;
-    staggerDelay?: number | undefined;
-    start?: (($element: any, config: AnimationConfig) => void);
-    to?: AnimationState;
-    type?: AnimationType;
-}>;
-declare const Hide: ((props: IHideProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    complete?: (($element: any, config: AnimationConfig) => void) | undefined;
-    delay?: number | undefined;
-    direction?: Direction | undefined;
-    duration?: number | undefined;
-    easing?: string | undefined;
-    from?: AnimationState | undefined;
-    staggerDelay?: number | undefined;
-    start?: (($element: any, config: AnimationConfig) => void) | undefined;
-    to?: AnimationState | undefined;
-    type?: AnimationType | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IMyProps = React.PropsWithChildren<{
-    x?: HorizontalAlignment;
-    y?: VerticalAlignment;
-}>;
-declare const My: ((props: IMyProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    x?: HorizontalAlignment | undefined;
-    y?: VerticalAlignment | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IOffsetProps = React.PropsWithChildren<{
-    x?: number;
-    y?: number;
-}>;
-declare const Offset: ((props: IOffsetProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    x?: number | undefined;
-    y?: number | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IOptionsProps = React.PropsWithChildren<{
-    accessKey?: string | undefined;
-    activeStateEnabled?: boolean;
-    disabled?: boolean;
-    elementAttr?: Record<string, any>;
-    focusStateEnabled?: boolean;
-    height?: number | string | undefined;
-    hint?: string | undefined;
-    hoverStateEnabled?: boolean;
-    icon?: string;
-    onClick?: ((e: ClickEvent) => void);
-    onContentReady?: ((e: ButtonContentReadyEvent) => void);
-    onDisposing?: ((e: ButtonDisposingEvent) => void);
-    onInitialized?: ((e: ButtonInitializedEvent) => void);
-    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void);
-    rtlEnabled?: boolean;
-    stylingMode?: ButtonStyle;
-    tabIndex?: number;
-    template?: ((buttonData: {
-        icon: string;
-        text: string;
-    }, contentElement: any) => string | any) | template;
-    text?: string;
-    type?: ButtonType | string;
-    useSubmitBehavior?: boolean;
-    validationGroup?: string | undefined;
-    visible?: boolean;
-    width?: number | string | undefined;
-    render?: (...params: any) => React.ReactNode;
-    component?: React.ComponentType<any>;
-}>;
-declare const Options: ((props: IOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    accessKey?: string | undefined;
-    activeStateEnabled?: boolean | undefined;
-    disabled?: boolean | undefined;
-    elementAttr?: Record<string, any> | undefined;
-    focusStateEnabled?: boolean | undefined;
-    height?: number | string | undefined;
-    hint?: string | undefined;
-    hoverStateEnabled?: boolean | undefined;
-    icon?: string | undefined;
-    onClick?: ((e: ClickEvent) => void) | undefined;
-    onContentReady?: ((e: ButtonContentReadyEvent) => void) | undefined;
-    onDisposing?: ((e: ButtonDisposingEvent) => void) | undefined;
-    onInitialized?: ((e: ButtonInitializedEvent) => void) | undefined;
-    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void) | undefined;
-    rtlEnabled?: boolean | undefined;
-    stylingMode?: ButtonStyle | undefined;
-    tabIndex?: number | undefined;
-    template?: template | ((buttonData: {
-        icon: string;
-        text: string;
-    }, contentElement: any) => string | any) | undefined;
-    text?: string | undefined;
-    type?: string | undefined;
-    useSubmitBehavior?: boolean | undefined;
-    validationGroup?: string | undefined;
-    visible?: boolean | undefined;
-    width?: number | string | undefined;
-    render?: ((...params: any) => React.ReactNode) | undefined;
-    component?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IPositionProps = React.PropsWithChildren<{
-    at?: Record<string, any> | PositionAlignment | {
-        x?: HorizontalAlignment;
-        y?: VerticalAlignment;
-    };
-    boundary?: any | string;
-    boundaryOffset?: Record<string, any> | string | {
-        x?: number;
-        y?: number;
-    };
-    collision?: CollisionResolutionCombination | Record<string, any> | {
-        x?: CollisionResolution;
-        y?: CollisionResolution;
-    };
-    my?: Record<string, any> | PositionAlignment | {
-        x?: HorizontalAlignment;
-        y?: VerticalAlignment;
-    };
-    of?: any | string;
-    offset?: Record<string, any> | string | {
-        x?: number;
-        y?: number;
-    };
-}>;
-declare const Position: ((props: IPositionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    at?: Record<string, any> | PositionAlignment | {
-        x?: HorizontalAlignment | undefined;
-        y?: VerticalAlignment | undefined;
-    } | undefined;
-    boundary?: any | string;
-    boundaryOffset?: string | Record<string, any> | {
-        x?: number | undefined;
-        y?: number | undefined;
-    } | undefined;
-    collision?: Record<string, any> | CollisionResolutionCombination | {
-        x?: CollisionResolution | undefined;
-        y?: CollisionResolution | undefined;
-    } | undefined;
-    my?: Record<string, any> | PositionAlignment | {
-        x?: HorizontalAlignment | undefined;
-        y?: VerticalAlignment | undefined;
-    } | undefined;
-    of?: any | string;
-    offset?: string | Record<string, any> | {
-        x?: number | undefined;
-        y?: number | undefined;
-    } | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IShowProps = React.PropsWithChildren<{
-    complete?: (($element: any, config: AnimationConfig) => void);
-    delay?: number;
-    direction?: Direction | undefined;
-    duration?: number;
-    easing?: string;
-    from?: AnimationState;
-    staggerDelay?: number | undefined;
-    start?: (($element: any, config: AnimationConfig) => void);
-    to?: AnimationState;
-    type?: AnimationType;
-}>;
-declare const Show: ((props: IShowProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    complete?: (($element: any, config: AnimationConfig) => void) | undefined;
-    delay?: number | undefined;
-    direction?: Direction | undefined;
-    duration?: number | undefined;
-    easing?: string | undefined;
-    from?: AnimationState | undefined;
-    staggerDelay?: number | undefined;
-    start?: (($element: any, config: AnimationConfig) => void) | undefined;
-    to?: AnimationState | undefined;
-    type?: AnimationType | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IToProps = React.PropsWithChildren<{
-    left?: number;
-    opacity?: number;
-    position?: PositionConfig;
-    scale?: number;
-    top?: number;
-}>;
-declare const To: ((props: IToProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    left?: number | undefined;
-    opacity?: number | undefined;
-    position?: PositionConfig | undefined;
-    scale?: number | undefined;
-    top?: number | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-type IToolbarItemProps = React.PropsWithChildren<{
-    cssClass?: string | undefined;
-    disabled?: boolean;
-    html?: string;
-    locateInMenu?: LocateInMenuMode;
-    location?: ToolbarItemLocation;
-    menuItemTemplate?: (() => string | any) | template;
-    options?: any;
-    showText?: ShowTextMode;
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
-    text?: string;
-    toolbar?: ToolbarLocation;
-    visible?: boolean;
-    widget?: ToolbarItemComponent;
-    menuItemRender?: (...params: any) => React.ReactNode;
-    menuItemComponent?: React.ComponentType<any>;
-    render?: (...params: any) => React.ReactNode;
-    component?: React.ComponentType<any>;
-}>;
-declare const ToolbarItem: ((props: IToolbarItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    cssClass?: string | undefined;
-    disabled?: boolean | undefined;
-    html?: string | undefined;
-    locateInMenu?: LocateInMenuMode | undefined;
-    location?: ToolbarItemLocation | undefined;
-    menuItemTemplate?: template | (() => string | any) | undefined;
-    options?: any;
-    showText?: ShowTextMode | undefined;
-    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
-    text?: string | undefined;
-    toolbar?: ToolbarLocation | undefined;
-    visible?: boolean | undefined;
-    widget?: ToolbarItemComponent | undefined;
-    menuItemRender?: ((...params: any) => React.ReactNode) | undefined;
-    menuItemComponent?: React.ComponentType<any> | undefined;
-    render?: ((...params: any) => React.ReactNode) | undefined;
-    component?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-export default DateRangeBox;
-export { DateRangeBox, IDateRangeBoxOptions, DateRangeBoxRef, Animation, IAnimationProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, Button, IButtonProps, CalendarOptions, ICalendarOptionsProps, Collision, ICollisionProps, DisplayFormat, IDisplayFormatProps, DropDownOptions, IDropDownOptionsProps, From, IFromProps, Hide, IHideProps, My, IMyProps, Offset, IOffsetProps, Options, IOptionsProps, Position, IPositionProps, Show, IShowProps, To, IToProps, ToolbarItem, IToolbarItemProps };
-import type * as DateRangeBoxTypes from 'devextreme/ui/date_range_box_types';
-export { DateRangeBoxTypes };
+import * as React from "react";
+import { Ref, ReactElement } from "react";
+import dxDateRangeBox, { Properties } from "devextreme/ui/date_range_box";
+import { IHtmlOptions, NestedComponentMeta } from "./core/component";
+import type { ChangeEvent, ClosedEvent, ContentReadyEvent, CopyEvent, CutEvent, DisposingEvent, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent, InputEvent, KeyDownEvent, KeyUpEvent, OpenedEvent, PasteEvent, ValueChangedEvent } from "devextreme/ui/date_range_box";
+import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, OptionChangedEvent as ButtonOptionChangedEvent, ClickEvent } from "devextreme/ui/button";
+import type { DisposingEvent as CalendarDisposingEvent, InitializedEvent as CalendarInitializedEvent, ValueChangedEvent as CalendarValueChangedEvent, DisabledDate, CalendarZoomLevel, OptionChangedEvent, CalendarSelectionMode, WeekNumberRule } from "devextreme/ui/calendar";
+import type { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from "devextreme/common/core/animation";
+import type { HorizontalAlignment, VerticalAlignment, TextEditorButtonLocation, template, DayOfWeek, ValidationMessageMode, Position as CommonPosition, ValidationStatus, Format, PositionAlignment, Direction, ButtonStyle, ButtonType, ToolbarItemLocation, ToolbarItemComponent } from "devextreme/common";
+import type { event } from "devextreme/events/events.types";
+import type { EventInfo } from "devextreme/common/core/events";
+import type { Component } from "devextreme/core/component";
+import type { dxPopupToolbarItem, ToolbarLocation } from "devextreme/ui/popup";
+import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
+import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type dxOverlay from "devextreme/ui/overlay";
+import type DOMComponent from "devextreme/core/dom_component";
+import type dxPopup from "devextreme/ui/popup";
+type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+type IDateRangeBoxOptionsNarrowedEvents = {
+    onChange?: ((e: ChangeEvent) => void);
+    onClosed?: ((e: ClosedEvent) => void);
+    onContentReady?: ((e: ContentReadyEvent) => void);
+    onCopy?: ((e: CopyEvent) => void);
+    onCut?: ((e: CutEvent) => void);
+    onDisposing?: ((e: DisposingEvent) => void);
+    onEnterKey?: ((e: EnterKeyEvent) => void);
+    onFocusIn?: ((e: FocusInEvent) => void);
+    onFocusOut?: ((e: FocusOutEvent) => void);
+    onInitialized?: ((e: InitializedEvent) => void);
+    onInput?: ((e: InputEvent) => void);
+    onKeyDown?: ((e: KeyDownEvent) => void);
+    onKeyUp?: ((e: KeyUpEvent) => void);
+    onOpened?: ((e: OpenedEvent) => void);
+    onPaste?: ((e: PasteEvent) => void);
+    onValueChanged?: ((e: ValueChangedEvent) => void);
+};
+type IDateRangeBoxOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IDateRangeBoxOptionsNarrowedEvents> & IHtmlOptions & {
+    dropDownButtonRender?: (...params: any) => React.ReactNode;
+    dropDownButtonComponent?: React.ComponentType<any>;
+    defaultEndDate?: Date | null | number | string;
+    defaultOpened?: boolean;
+    defaultStartDate?: Date | null | number | string;
+    defaultValue?: Array<Date | null | number | string>;
+    onEndDateChange?: (value: Date | null | number | string) => void;
+    onOpenedChange?: (value: boolean) => void;
+    onStartDateChange?: (value: Date | null | number | string) => void;
+    onValueChange?: (value: Array<Date | null | number | string>) => void;
+}>;
+interface DateRangeBoxRef {
+    instance: () => dxDateRangeBox;
+}
+declare const DateRangeBox: (props: React.PropsWithChildren<IDateRangeBoxOptions> & {
+    ref?: Ref<DateRangeBoxRef>;
+}) => ReactElement | null;
+type IAnimationProps = React.PropsWithChildren<{
+    hide?: AnimationConfig;
+    show?: AnimationConfig;
+}>;
+declare const Animation: ((props: IAnimationProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    hide?: AnimationConfig | undefined;
+    show?: AnimationConfig | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IAtProps = React.PropsWithChildren<{
+    x?: HorizontalAlignment;
+    y?: VerticalAlignment;
+}>;
+declare const At: ((props: IAtProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: HorizontalAlignment | undefined;
+    y?: VerticalAlignment | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IBoundaryOffsetProps = React.PropsWithChildren<{
+    x?: number;
+    y?: number;
+}>;
+declare const BoundaryOffset: ((props: IBoundaryOffsetProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: number | undefined;
+    y?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IButtonProps = React.PropsWithChildren<{
+    location?: TextEditorButtonLocation;
+    name?: string | undefined;
+    options?: dxButtonOptions | undefined;
+}>;
+declare const Button: ((props: IButtonProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    location?: TextEditorButtonLocation | undefined;
+    name?: string | undefined;
+    options?: dxButtonOptions | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ICalendarOptionsProps = React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean;
+    cellTemplate?: ((itemData: {
+        date: Date;
+        text: string;
+        view: string;
+    }, itemIndex: number, itemElement: any) => string | any) | template;
+    dateSerializationFormat?: string | undefined;
+    disabled?: boolean;
+    disabledDates?: Array<Date> | ((data: DisabledDate) => boolean);
+    elementAttr?: Record<string, any>;
+    firstDayOfWeek?: DayOfWeek | undefined;
+    focusStateEnabled?: boolean;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean;
+    isDirty?: boolean;
+    isValid?: boolean;
+    max?: Date | null | number | string;
+    maxZoomLevel?: CalendarZoomLevel;
+    min?: Date | null | number | string;
+    minZoomLevel?: CalendarZoomLevel;
+    name?: string;
+    onDisposing?: ((e: CalendarDisposingEvent) => void);
+    onInitialized?: ((e: CalendarInitializedEvent) => void);
+    onOptionChanged?: ((e: OptionChangedEvent) => void);
+    onValueChanged?: ((e: CalendarValueChangedEvent) => void);
+    readOnly?: boolean;
+    rtlEnabled?: boolean;
+    selectionMode?: CalendarSelectionMode;
+    selectWeekOnClick?: boolean;
+    showTodayButton?: boolean;
+    showWeekNumbers?: boolean;
+    tabIndex?: number;
+    todayButtonText?: string;
+    validationError?: any;
+    validationErrors?: Array<any>;
+    validationMessageMode?: ValidationMessageMode;
+    validationMessagePosition?: CommonPosition;
+    validationStatus?: ValidationStatus;
+    value?: Array<Date | null | number | string> | Date | null | number | string;
+    visible?: boolean;
+    weekNumberRule?: WeekNumberRule;
+    width?: number | string | undefined;
+    zoomLevel?: CalendarZoomLevel;
+    defaultValue?: Array<Date | null | number | string> | Date | null | number | string;
+    onValueChange?: (value: Array<Date | null | number | string> | Date | null | number | string) => void;
+    defaultZoomLevel?: CalendarZoomLevel;
+    onZoomLevelChange?: (value: CalendarZoomLevel) => void;
+    cellRender?: (...params: any) => React.ReactNode;
+    cellComponent?: React.ComponentType<any>;
+}>;
+declare const CalendarOptions: ((props: ICalendarOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean | undefined;
+    cellTemplate?: template | ((itemData: {
+        date: Date;
+        text: string;
+        view: string;
+    }, itemIndex: number, itemElement: any) => string | any) | undefined;
+    dateSerializationFormat?: string | undefined;
+    disabled?: boolean | undefined;
+    disabledDates?: Date[] | ((data: DisabledDate) => boolean) | undefined;
+    elementAttr?: Record<string, any> | undefined;
+    firstDayOfWeek?: DayOfWeek | undefined;
+    focusStateEnabled?: boolean | undefined;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    isDirty?: boolean | undefined;
+    isValid?: boolean | undefined;
+    max?: string | number | Date | null | undefined;
+    maxZoomLevel?: CalendarZoomLevel | undefined;
+    min?: string | number | Date | null | undefined;
+    minZoomLevel?: CalendarZoomLevel | undefined;
+    name?: string | undefined;
+    onDisposing?: ((e: CalendarDisposingEvent) => void) | undefined;
+    onInitialized?: ((e: CalendarInitializedEvent) => void) | undefined;
+    onOptionChanged?: ((e: OptionChangedEvent) => void) | undefined;
+    onValueChanged?: ((e: CalendarValueChangedEvent) => void) | undefined;
+    readOnly?: boolean | undefined;
+    rtlEnabled?: boolean | undefined;
+    selectionMode?: CalendarSelectionMode | undefined;
+    selectWeekOnClick?: boolean | undefined;
+    showTodayButton?: boolean | undefined;
+    showWeekNumbers?: boolean | undefined;
+    tabIndex?: number | undefined;
+    todayButtonText?: string | undefined;
+    validationError?: any;
+    validationErrors?: any[] | undefined;
+    validationMessageMode?: ValidationMessageMode | undefined;
+    validationMessagePosition?: CommonPosition | undefined;
+    validationStatus?: ValidationStatus | undefined;
+    value?: string | number | Date | (string | number | Date | null)[] | null | undefined;
+    visible?: boolean | undefined;
+    weekNumberRule?: WeekNumberRule | undefined;
+    width?: number | string | undefined;
+    zoomLevel?: CalendarZoomLevel | undefined;
+    defaultValue?: string | number | Date | (string | number | Date | null)[] | null | undefined;
+    onValueChange?: ((value: Array<Date | null | number | string> | Date | null | number | string) => void) | undefined;
+    defaultZoomLevel?: CalendarZoomLevel | undefined;
+    onZoomLevelChange?: ((value: CalendarZoomLevel) => void) | undefined;
+    cellRender?: ((...params: any) => React.ReactNode) | undefined;
+    cellComponent?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type ICollisionProps = React.PropsWithChildren<{
+    x?: CollisionResolution;
+    y?: CollisionResolution;
+}>;
+declare const Collision: ((props: ICollisionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: CollisionResolution | undefined;
+    y?: CollisionResolution | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IDisplayFormatProps = React.PropsWithChildren<{
+    currency?: string;
+    formatter?: ((value: number | Date) => string);
+    parser?: ((value: string) => number | Date);
+    precision?: number;
+    type?: Format | string;
+    useCurrencyAccountingStyle?: boolean;
+}>;
+declare const DisplayFormat: ((props: IDisplayFormatProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    currency?: string | undefined;
+    formatter?: ((value: number | Date) => string) | undefined;
+    parser?: ((value: string) => number | Date) | undefined;
+    precision?: number | undefined;
+    type?: string | undefined;
+    useCurrencyAccountingStyle?: boolean | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IDropDownOptionsProps = React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    animation?: Record<string, any> | {
+        hide?: AnimationConfig;
+        show?: AnimationConfig;
+    };
+    container?: any | string | undefined;
+    contentTemplate?: ((contentElement: any) => string | any) | template;
+    deferRendering?: boolean;
+    disabled?: boolean;
+    dragAndResizeArea?: any | string | undefined;
+    dragEnabled?: boolean;
+    dragOutsideBoundary?: boolean;
+    enableBodyScroll?: boolean;
+    focusStateEnabled?: boolean;
+    fullScreen?: boolean;
+    height?: number | string;
+    hideOnOutsideClick?: boolean | ((event: event) => boolean);
+    hideOnParentScroll?: boolean;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean;
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
+    onContentReady?: ((e: EventInfo<any>) => void);
+    onDisposing?: ((e: EventInfo<any>) => void);
+    onHidden?: ((e: EventInfo<any>) => void);
+    onHiding?: ((e: {
+        cancel: boolean | any;
+        component: dxOverlay<any>;
+        element: any;
+        model: any;
+    }) => void);
+    onInitialized?: ((e: {
+        component: Component<any>;
+        element: any;
+    }) => void);
+    onOptionChanged?: ((e: {
+        component: DOMComponent;
+        element: any;
+        fullName: string;
+        model: any;
+        name: string;
+        previousValue: any;
+        value: any;
+    }) => void);
+    onResize?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void);
+    onResizeEnd?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void);
+    onResizeStart?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void);
+    onShowing?: ((e: {
+        cancel: boolean | any;
+        component: dxOverlay<any>;
+        element: any;
+        model: any;
+    }) => void);
+    onShown?: ((e: EventInfo<any>) => void);
+    onTitleRendered?: ((e: {
+        component: dxPopup;
+        element: any;
+        model: any;
+        titleElement: any;
+    }) => void);
+    position?: (() => void) | PositionAlignment | PositionConfig;
+    resizeEnabled?: boolean;
+    restorePosition?: boolean;
+    rtlEnabled?: boolean;
+    shading?: boolean;
+    shadingColor?: string;
+    showCloseButton?: boolean;
+    showTitle?: boolean;
+    tabFocusLoopEnabled?: boolean;
+    tabIndex?: number;
+    title?: string;
+    titleTemplate?: ((titleElement: any) => string | any) | template;
+    toolbarItems?: Array<dxPopupToolbarItem>;
+    visible?: boolean;
+    width?: number | string;
+    wrapperAttr?: any;
+    defaultHeight?: number | string;
+    onHeightChange?: (value: number | string) => void;
+    defaultPosition?: (() => void) | PositionAlignment | PositionConfig;
+    onPositionChange?: (value: (() => void) | PositionAlignment | PositionConfig) => void;
+    defaultVisible?: boolean;
+    onVisibleChange?: (value: boolean) => void;
+    defaultWidth?: number | string;
+    onWidthChange?: (value: number | string) => void;
+    contentRender?: (...params: any) => React.ReactNode;
+    contentComponent?: React.ComponentType<any>;
+    titleRender?: (...params: any) => React.ReactNode;
+    titleComponent?: React.ComponentType<any>;
+}>;
+declare const DropDownOptions: ((props: IDropDownOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    animation?: Record<string, any> | {
+        hide?: AnimationConfig | undefined;
+        show?: AnimationConfig | undefined;
+    } | undefined;
+    container?: any | string | undefined;
+    contentTemplate?: template | ((contentElement: any) => string | any) | undefined;
+    deferRendering?: boolean | undefined;
+    disabled?: boolean | undefined;
+    dragAndResizeArea?: any | string | undefined;
+    dragEnabled?: boolean | undefined;
+    dragOutsideBoundary?: boolean | undefined;
+    enableBodyScroll?: boolean | undefined;
+    focusStateEnabled?: boolean | undefined;
+    fullScreen?: boolean | undefined;
+    height?: string | number | undefined;
+    hideOnOutsideClick?: boolean | ((event: event) => boolean) | undefined;
+    hideOnParentScroll?: boolean | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    onContentReady?: ((e: EventInfo<any>) => void) | undefined;
+    onDisposing?: ((e: EventInfo<any>) => void) | undefined;
+    onHidden?: ((e: EventInfo<any>) => void) | undefined;
+    onHiding?: ((e: {
+        cancel: boolean | any;
+        component: dxOverlay<any>;
+        element: any;
+        model: any;
+    }) => void) | undefined;
+    onInitialized?: ((e: {
+        component: Component<any>;
+        element: any;
+    }) => void) | undefined;
+    onOptionChanged?: ((e: {
+        component: DOMComponent;
+        element: any;
+        fullName: string;
+        model: any;
+        name: string;
+        previousValue: any;
+        value: any;
+    }) => void) | undefined;
+    onResize?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void) | undefined;
+    onResizeEnd?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void) | undefined;
+    onResizeStart?: ((e: {
+        component: dxPopup;
+        element: any;
+        event: event;
+        height: number;
+        model: any;
+        width: number;
+    }) => void) | undefined;
+    onShowing?: ((e: {
+        cancel: boolean | any;
+        component: dxOverlay<any>;
+        element: any;
+        model: any;
+    }) => void) | undefined;
+    onShown?: ((e: EventInfo<any>) => void) | undefined;
+    onTitleRendered?: ((e: {
+        component: dxPopup;
+        element: any;
+        model: any;
+        titleElement: any;
+    }) => void) | undefined;
+    position?: PositionConfig | PositionAlignment | (() => void) | undefined;
+    resizeEnabled?: boolean | undefined;
+    restorePosition?: boolean | undefined;
+    rtlEnabled?: boolean | undefined;
+    shading?: boolean | undefined;
+    shadingColor?: string | undefined;
+    showCloseButton?: boolean | undefined;
+    showTitle?: boolean | undefined;
+    tabFocusLoopEnabled?: boolean | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    titleTemplate?: template | ((titleElement: any) => string | any) | undefined;
+    toolbarItems?: import("devextreme/ui/popup").ToolbarItem[] | undefined;
+    visible?: boolean | undefined;
+    width?: string | number | undefined;
+    wrapperAttr?: any;
+    defaultHeight?: string | number | undefined;
+    onHeightChange?: ((value: number | string) => void) | undefined;
+    defaultPosition?: PositionConfig | PositionAlignment | (() => void) | undefined;
+    onPositionChange?: ((value: (() => void) | PositionAlignment | PositionConfig) => void) | undefined;
+    defaultVisible?: boolean | undefined;
+    onVisibleChange?: ((value: boolean) => void) | undefined;
+    defaultWidth?: string | number | undefined;
+    onWidthChange?: ((value: number | string) => void) | undefined;
+    contentRender?: ((...params: any) => React.ReactNode) | undefined;
+    contentComponent?: React.ComponentType<any> | undefined;
+    titleRender?: ((...params: any) => React.ReactNode) | undefined;
+    titleComponent?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IFromProps = React.PropsWithChildren<{
+    left?: number;
+    opacity?: number;
+    position?: PositionConfig;
+    scale?: number;
+    top?: number;
+}>;
+declare const From: ((props: IFromProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    left?: number | undefined;
+    opacity?: number | undefined;
+    position?: PositionConfig | undefined;
+    scale?: number | undefined;
+    top?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IHideProps = React.PropsWithChildren<{
+    complete?: (($element: any, config: AnimationConfig) => void);
+    delay?: number;
+    direction?: Direction | undefined;
+    duration?: number;
+    easing?: string;
+    from?: AnimationState;
+    staggerDelay?: number | undefined;
+    start?: (($element: any, config: AnimationConfig) => void);
+    to?: AnimationState;
+    type?: AnimationType;
+}>;
+declare const Hide: ((props: IHideProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    complete?: (($element: any, config: AnimationConfig) => void) | undefined;
+    delay?: number | undefined;
+    direction?: Direction | undefined;
+    duration?: number | undefined;
+    easing?: string | undefined;
+    from?: AnimationState | undefined;
+    staggerDelay?: number | undefined;
+    start?: (($element: any, config: AnimationConfig) => void) | undefined;
+    to?: AnimationState | undefined;
+    type?: AnimationType | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IMyProps = React.PropsWithChildren<{
+    x?: HorizontalAlignment;
+    y?: VerticalAlignment;
+}>;
+declare const My: ((props: IMyProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: HorizontalAlignment | undefined;
+    y?: VerticalAlignment | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IOffsetProps = React.PropsWithChildren<{
+    x?: number;
+    y?: number;
+}>;
+declare const Offset: ((props: IOffsetProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    x?: number | undefined;
+    y?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IOptionsProps = React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean;
+    disabled?: boolean;
+    elementAttr?: Record<string, any>;
+    focusStateEnabled?: boolean;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean;
+    icon?: string;
+    onClick?: ((e: ClickEvent) => void);
+    onContentReady?: ((e: ButtonContentReadyEvent) => void);
+    onDisposing?: ((e: ButtonDisposingEvent) => void);
+    onInitialized?: ((e: ButtonInitializedEvent) => void);
+    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void);
+    rtlEnabled?: boolean;
+    stylingMode?: ButtonStyle;
+    tabIndex?: number;
+    template?: ((buttonData: {
+        icon: string;
+        text: string;
+    }, contentElement: any) => string | any) | template;
+    text?: string;
+    type?: ButtonType | string;
+    useSubmitBehavior?: boolean;
+    validationGroup?: string | undefined;
+    visible?: boolean;
+    width?: number | string | undefined;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const Options: ((props: IOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    accessKey?: string | undefined;
+    activeStateEnabled?: boolean | undefined;
+    disabled?: boolean | undefined;
+    elementAttr?: Record<string, any> | undefined;
+    focusStateEnabled?: boolean | undefined;
+    height?: number | string | undefined;
+    hint?: string | undefined;
+    hoverStateEnabled?: boolean | undefined;
+    icon?: string | undefined;
+    onClick?: ((e: ClickEvent) => void) | undefined;
+    onContentReady?: ((e: ButtonContentReadyEvent) => void) | undefined;
+    onDisposing?: ((e: ButtonDisposingEvent) => void) | undefined;
+    onInitialized?: ((e: ButtonInitializedEvent) => void) | undefined;
+    onOptionChanged?: ((e: ButtonOptionChangedEvent) => void) | undefined;
+    rtlEnabled?: boolean | undefined;
+    stylingMode?: ButtonStyle | undefined;
+    tabIndex?: number | undefined;
+    template?: template | ((buttonData: {
+        icon: string;
+        text: string;
+    }, contentElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    type?: string | undefined;
+    useSubmitBehavior?: boolean | undefined;
+    validationGroup?: string | undefined;
+    visible?: boolean | undefined;
+    width?: number | string | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IPositionProps = React.PropsWithChildren<{
+    at?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment;
+        y?: VerticalAlignment;
+    };
+    boundary?: any | string;
+    boundaryOffset?: Record<string, any> | string | {
+        x?: number;
+        y?: number;
+    };
+    collision?: CollisionResolutionCombination | Record<string, any> | {
+        x?: CollisionResolution;
+        y?: CollisionResolution;
+    };
+    my?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment;
+        y?: VerticalAlignment;
+    };
+    of?: any | string;
+    offset?: Record<string, any> | string | {
+        x?: number;
+        y?: number;
+    };
+}>;
+declare const Position: ((props: IPositionProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    at?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment | undefined;
+        y?: VerticalAlignment | undefined;
+    } | undefined;
+    boundary?: any | string;
+    boundaryOffset?: string | Record<string, any> | {
+        x?: number | undefined;
+        y?: number | undefined;
+    } | undefined;
+    collision?: Record<string, any> | CollisionResolutionCombination | {
+        x?: CollisionResolution | undefined;
+        y?: CollisionResolution | undefined;
+    } | undefined;
+    my?: Record<string, any> | PositionAlignment | {
+        x?: HorizontalAlignment | undefined;
+        y?: VerticalAlignment | undefined;
+    } | undefined;
+    of?: any | string;
+    offset?: string | Record<string, any> | {
+        x?: number | undefined;
+        y?: number | undefined;
+    } | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IShowProps = React.PropsWithChildren<{
+    complete?: (($element: any, config: AnimationConfig) => void);
+    delay?: number;
+    direction?: Direction | undefined;
+    duration?: number;
+    easing?: string;
+    from?: AnimationState;
+    staggerDelay?: number | undefined;
+    start?: (($element: any, config: AnimationConfig) => void);
+    to?: AnimationState;
+    type?: AnimationType;
+}>;
+declare const Show: ((props: IShowProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    complete?: (($element: any, config: AnimationConfig) => void) | undefined;
+    delay?: number | undefined;
+    direction?: Direction | undefined;
+    duration?: number | undefined;
+    easing?: string | undefined;
+    from?: AnimationState | undefined;
+    staggerDelay?: number | undefined;
+    start?: (($element: any, config: AnimationConfig) => void) | undefined;
+    to?: AnimationState | undefined;
+    type?: AnimationType | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IToProps = React.PropsWithChildren<{
+    left?: number;
+    opacity?: number;
+    position?: PositionConfig;
+    scale?: number;
+    top?: number;
+}>;
+declare const To: ((props: IToProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    left?: number | undefined;
+    opacity?: number | undefined;
+    position?: PositionConfig | undefined;
+    scale?: number | undefined;
+    top?: number | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+type IToolbarItemProps = React.PropsWithChildren<{
+    cssClass?: string | undefined;
+    disabled?: boolean;
+    html?: string;
+    locateInMenu?: LocateInMenuMode;
+    location?: ToolbarItemLocation;
+    menuItemTemplate?: (() => string | any) | template;
+    options?: any;
+    showText?: ShowTextMode;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
+    text?: string;
+    toolbar?: ToolbarLocation;
+    visible?: boolean;
+    widget?: ToolbarItemComponent;
+    menuItemRender?: (...params: any) => React.ReactNode;
+    menuItemComponent?: React.ComponentType<any>;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const ToolbarItem: ((props: IToolbarItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    cssClass?: string | undefined;
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    locateInMenu?: LocateInMenuMode | undefined;
+    location?: ToolbarItemLocation | undefined;
+    menuItemTemplate?: template | (() => string | any) | undefined;
+    options?: any;
+    showText?: ShowTextMode | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    toolbar?: ToolbarLocation | undefined;
+    visible?: boolean | undefined;
+    widget?: ToolbarItemComponent | undefined;
+    menuItemRender?: ((...params: any) => React.ReactNode) | undefined;
+    menuItemComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+export default DateRangeBox;
+export { DateRangeBox, IDateRangeBoxOptions, DateRangeBoxRef, Animation, IAnimationProps, At, IAtProps, BoundaryOffset, IBoundaryOffsetProps, Button, IButtonProps, CalendarOptions, ICalendarOptionsProps, Collision, ICollisionProps, DisplayFormat, IDisplayFormatProps, DropDownOptions, IDropDownOptionsProps, From, IFromProps, Hide, IHideProps, My, IMyProps, Offset, IOffsetProps, Options, IOptionsProps, Position, IPositionProps, Show, IShowProps, To, IToProps, ToolbarItem, IToolbarItemProps };
+import type * as DateRangeBoxTypes from 'devextreme/ui/date_range_box_types';
+export { DateRangeBoxTypes };