/*! * devextreme-react * Version: 25.2.7 * Build date: Tue May 05 2026 * * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/DevExtreme */ import * as React from "react"; import { Ref, ReactElement } from "react"; import dxScheduler, { Properties } from "devextreme/ui/scheduler"; import { IHtmlOptions, NestedComponentMeta } from "./core/component"; import type { ViewType, AppointmentAddedEvent, AppointmentAddingEvent, AppointmentClickEvent, AppointmentContextMenuEvent, AppointmentDblClickEvent, AppointmentDeletedEvent, AppointmentDeletingEvent, AppointmentFormOpeningEvent, AppointmentRenderedEvent, AppointmentTooltipShowingEvent, AppointmentUpdatedEvent, AppointmentUpdatingEvent, CellClickEvent, CellContextMenuEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, AppointmentFormProperties, AppointmentFormIconsShowMode, SchedulerPredefinedToolbarItem, DateNavigatorItemProperties, SchedulerPredefinedDateNavigatorItem, dxSchedulerToolbarItem, AllDayPanelMode, AppointmentCollectorTemplateData, AppointmentTemplateData, AppointmentTooltipTemplateData, CellAppointmentsLimit, dxSchedulerScrolling } from "devextreme/ui/scheduler"; import type { ContentReadyEvent as ButtonContentReadyEvent, DisposingEvent as ButtonDisposingEvent, InitializedEvent as ButtonInitializedEvent, dxButtonOptions, ClickEvent, OptionChangedEvent } from "devextreme/ui/button"; import type { ContentReadyEvent as FormContentReadyEvent, DisposingEvent as FormDisposingEvent, InitializedEvent as FormInitializedEvent, FormItemType, FormPredefinedButtonItem, OptionChangedEvent as FormOptionChangedEvent, dxFormSimpleItem, dxFormGroupItem, dxFormTabbedItem, dxFormEmptyItem, dxFormButtonItem, LabelLocation, FormLabelMode, EditorEnterKeyEvent, FieldDataChangedEvent, SmartPastedEvent, SmartPastingEvent, FormItemComponent } from "devextreme/ui/form"; import type { ContentReadyEvent as ButtonGroupContentReadyEvent, DisposingEvent as ButtonGroupDisposingEvent, InitializedEvent as ButtonGroupInitializedEvent, OptionChangedEvent as ButtonGroupOptionChangedEvent, dxButtonGroupItem, ItemClickEvent, SelectionChangedEvent } from "devextreme/ui/button_group"; import type { ContentReadyEvent as TabPanelContentReadyEvent, DisposingEvent as TabPanelDisposingEvent, InitializedEvent as TabPanelInitializedEvent, OptionChangedEvent as TabPanelOptionChangedEvent, dxTabPanelOptions, ItemClickEvent as TabPanelItemClickEvent, SelectionChangedEvent as TabPanelSelectionChangedEvent, dxTabPanelItem, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from "devextreme/ui/tab_panel"; import type { event } from "devextreme/events/events.types"; import type { ValidationRuleType, HorizontalAlignment, VerticalAlignment, ButtonStyle, template, ButtonType, ComparisonOperator, Mode, ToolbarItemLocation, ToolbarItemComponent, SingleMultipleOrNone, ScrollMode, TabsIconPosition, TabsStyle, Position, FirstDayOfWeek, Orientation } from "devextreme/common"; import type { AIIntegration } from "devextreme/common/ai-integration"; import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base"; import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar"; import type { DataSourceOptions } from "devextreme/data/data_source"; import type { Store } from "devextreme/data/store"; import type dxSortable from "devextreme/ui/sortable"; import type dxDraggable from "devextreme/ui/draggable"; import type dxForm from "devextreme/ui/form"; import type DataSource from "devextreme/data/data_source"; import type * as CommonTypes from "devextreme/common"; type ReplaceFieldTypes = { [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P]; }; type ISchedulerOptionsNarrowedEvents = { onAppointmentAdded?: ((e: AppointmentAddedEvent) => void); onAppointmentAdding?: ((e: AppointmentAddingEvent) => void); onAppointmentClick?: ((e: AppointmentClickEvent) => void); onAppointmentContextMenu?: ((e: AppointmentContextMenuEvent) => void); onAppointmentDblClick?: ((e: AppointmentDblClickEvent) => void); onAppointmentDeleted?: ((e: AppointmentDeletedEvent) => void); onAppointmentDeleting?: ((e: AppointmentDeletingEvent) => void); onAppointmentFormOpening?: ((e: AppointmentFormOpeningEvent) => void); onAppointmentRendered?: ((e: AppointmentRenderedEvent) => void); onAppointmentTooltipShowing?: ((e: AppointmentTooltipShowingEvent) => void); onAppointmentUpdated?: ((e: AppointmentUpdatedEvent) => void); onAppointmentUpdating?: ((e: AppointmentUpdatingEvent) => void); onCellClick?: ((e: CellClickEvent) => void); onCellContextMenu?: ((e: CellContextMenuEvent) => void); onContentReady?: ((e: ContentReadyEvent) => void); onDisposing?: ((e: DisposingEvent) => void); onInitialized?: ((e: InitializedEvent) => void); }; type ISchedulerOptions = React.PropsWithChildren & IHtmlOptions & { appointmentCollectorRender?: (...params: any) => React.ReactNode; appointmentCollectorComponent?: React.ComponentType; appointmentRender?: (...params: any) => React.ReactNode; appointmentComponent?: React.ComponentType; appointmentTooltipRender?: (...params: any) => React.ReactNode; appointmentTooltipComponent?: React.ComponentType; dataCellRender?: (...params: any) => React.ReactNode; dataCellComponent?: React.ComponentType; dateCellRender?: (...params: any) => React.ReactNode; dateCellComponent?: React.ComponentType; resourceCellRender?: (...params: any) => React.ReactNode; resourceCellComponent?: React.ComponentType; timeCellRender?: (...params: any) => React.ReactNode; timeCellComponent?: React.ComponentType; defaultCurrentDate?: Date | number | string; defaultCurrentView?: string | ViewType; onCurrentDateChange?: (value: Date | number | string) => void; onCurrentViewChange?: (value: string | ViewType) => void; }>; interface SchedulerRef { instance: () => dxScheduler; } declare const Scheduler: (props: React.PropsWithChildren & { ref?: Ref; }) => ReactElement | null; type IAIOptionsProps = React.PropsWithChildren<{ disabled?: boolean; instruction?: string | undefined; }>; declare const AIOptions: ((props: IAIOptionsProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAppointmentDraggingProps = React.PropsWithChildren<{ autoScroll?: boolean; data?: any | undefined; group?: string | undefined; onAdd?: ((e: { component: dxScheduler; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; }) => void); onDragEnd?: ((e: { cancel: boolean; component: dxScheduler; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toItemData: any; }) => void); onDragMove?: ((e: { cancel: boolean; component: dxScheduler; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; }) => void); onDragStart?: ((e: { cancel: boolean; component: dxScheduler; event: event; fromData: any; itemData: any; itemElement: any; }) => void); onRemove?: ((e: { component: dxScheduler; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; }) => void); scrollSensitivity?: number; scrollSpeed?: number; }>; declare const AppointmentDragging: ((props: IAppointmentDraggingProps) => React.FunctionComponentElement void) | undefined; onDragEnd?: ((e: { cancel: boolean; component: dxScheduler; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; toItemData: any; }) => void) | undefined; onDragMove?: ((e: { cancel: boolean; component: dxScheduler; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; toData: any; }) => void) | undefined; onDragStart?: ((e: { cancel: boolean; component: dxScheduler; event: event; fromData: any; itemData: any; itemElement: any; }) => void) | undefined; onRemove?: ((e: { component: dxScheduler; event: event; fromComponent: dxSortable | dxDraggable; fromData: any; itemData: any; itemElement: any; toComponent: dxSortable | dxDraggable; }) => void) | undefined; scrollSensitivity?: number | undefined; scrollSpeed?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IAsyncRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; reevaluate?: boolean; type?: ValidationRuleType; validationCallback?: ((options: { column: Record; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => any); }>; declare const AsyncRule: ((props: IAsyncRuleProps) => React.FunctionComponentElement; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => any) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IButtonItemProps = React.PropsWithChildren<{ buttonOptions?: dxButtonOptions | undefined; colSpan?: number | undefined; cssClass?: string | undefined; horizontalAlignment?: HorizontalAlignment; itemType?: FormItemType; name?: FormPredefinedButtonItem | string | undefined; verticalAlignment?: VerticalAlignment; visible?: boolean; visibleIndex?: number | undefined; }>; declare const ButtonItem: ((props: IButtonItemProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IButtonOptionsProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; disabled?: boolean; elementAttr?: Record; 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: OptionChangedEvent) => 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; }>; declare const ButtonOptions: ((props: IButtonOptionsProps) => React.FunctionComponentElement | 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: OptionChangedEvent) => 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 | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IColCountByScreenProps = React.PropsWithChildren<{ lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }>; declare const ColCountByScreen: ((props: IColCountByScreenProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ICompareRuleProps = React.PropsWithChildren<{ comparisonTarget?: (() => any); comparisonType?: ComparisonOperator; ignoreEmptyValue?: boolean; message?: string; type?: ValidationRuleType; }>; declare const CompareRule: ((props: ICompareRuleProps) => React.FunctionComponentElement any) | undefined; comparisonType?: ComparisonOperator | undefined; ignoreEmptyValue?: boolean | undefined; message?: string | undefined; type?: ValidationRuleType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICustomRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; reevaluate?: boolean; type?: ValidationRuleType; validationCallback?: ((options: { column: Record; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean); }>; declare const CustomRule: ((props: ICustomRuleProps) => React.FunctionComponentElement; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IEditingProps = React.PropsWithChildren<{ allowAdding?: boolean; allowDeleting?: boolean; allowDragging?: boolean; allowResizing?: boolean; allowTimeZoneEditing?: boolean; allowUpdating?: boolean; form?: AppointmentFormProperties; popup?: Record; }>; declare const Editing: ((props: IEditingProps) => React.FunctionComponentElement | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IEmailRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; type?: ValidationRuleType; }>; declare const EmailRule: ((props: IEmailRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IEmptyItemProps = React.PropsWithChildren<{ colSpan?: number | undefined; cssClass?: string | undefined; itemType?: FormItemType; name?: string | undefined; visible?: boolean; visibleIndex?: number | undefined; }>; declare const EmptyItem: ((props: IEmptyItemProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IFormProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; aiIntegration?: AIIntegration | undefined; alignItemLabels?: boolean; alignItemLabelsInAllGroups?: boolean; colCount?: Mode | number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; customizeItem?: ((item: dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem) => void); disabled?: boolean; elementAttr?: Record; focusStateEnabled?: boolean; formData?: any; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean; iconsShowMode?: AppointmentFormIconsShowMode; isDirty?: boolean; items?: Array; labelLocation?: LabelLocation; labelMode?: FormLabelMode; minColWidth?: number; onContentReady?: ((e: FormContentReadyEvent) => void); onDisposing?: ((e: FormDisposingEvent) => void); onEditorEnterKey?: ((e: EditorEnterKeyEvent) => void); onFieldDataChanged?: ((e: FieldDataChangedEvent) => void); onInitialized?: ((e: FormInitializedEvent) => void); onOptionChanged?: ((e: FormOptionChangedEvent) => void); onSmartPasted?: ((e: SmartPastedEvent) => void); onSmartPasting?: ((e: SmartPastingEvent) => void); optionalMark?: string; readOnly?: boolean; requiredMark?: string; requiredMessage?: string; rtlEnabled?: boolean; screenByWidth?: (() => void); scrollingEnabled?: boolean; showColonAfterLabel?: boolean; showOptionalMark?: boolean; showRequiredMark?: boolean; showValidationSummary?: boolean; tabIndex?: number; validationGroup?: string | undefined; visible?: boolean; width?: number | string | undefined; defaultFormData?: any; onFormDataChange?: (value: any) => void; }>; declare const Form: ((props: IFormProps) => React.FunctionComponentElement | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; } | undefined; customizeItem?: ((item: dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem) => void) | undefined; disabled?: boolean | undefined; elementAttr?: Record | undefined; focusStateEnabled?: boolean | undefined; formData?: any; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; iconsShowMode?: AppointmentFormIconsShowMode | undefined; isDirty?: boolean | undefined; items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined; labelLocation?: LabelLocation | undefined; labelMode?: FormLabelMode | undefined; minColWidth?: number | undefined; onContentReady?: ((e: FormContentReadyEvent) => void) | undefined; onDisposing?: ((e: FormDisposingEvent) => void) | undefined; onEditorEnterKey?: ((e: EditorEnterKeyEvent) => void) | undefined; onFieldDataChanged?: ((e: FieldDataChangedEvent) => void) | undefined; onInitialized?: ((e: FormInitializedEvent) => void) | undefined; onOptionChanged?: ((e: FormOptionChangedEvent) => void) | undefined; onSmartPasted?: ((e: SmartPastedEvent) => void) | undefined; onSmartPasting?: ((e: SmartPastingEvent) => void) | undefined; optionalMark?: string | undefined; readOnly?: boolean | undefined; requiredMark?: string | undefined; requiredMessage?: string | undefined; rtlEnabled?: boolean | undefined; screenByWidth?: (() => void) | undefined; scrollingEnabled?: boolean | undefined; showColonAfterLabel?: boolean | undefined; showOptionalMark?: boolean | undefined; showRequiredMark?: boolean | undefined; showValidationSummary?: boolean | undefined; tabIndex?: number | undefined; validationGroup?: string | undefined; visible?: boolean | undefined; width?: number | string | undefined; defaultFormData?: any; onFormDataChange?: ((value: any) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IGroupItemProps = React.PropsWithChildren<{ alignItemLabels?: boolean; caption?: string | undefined; captionTemplate?: ((data: { caption: string; component: dxForm; name: string; }, itemElement: any) => string | any) | template; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; colSpan?: number | undefined; cssClass?: string | undefined; items?: Array; itemType?: FormItemType; name?: string | undefined; template?: ((data: { component: dxForm; formData: Record; }, itemElement: any) => string | any) | template; visible?: boolean; visibleIndex?: number | undefined; captionRender?: (...params: any) => React.ReactNode; captionComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const GroupItem: ((props: IGroupItemProps) => React.FunctionComponentElement string | any) | undefined; colCount?: number | undefined; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; } | undefined; colSpan?: number | undefined; cssClass?: string | undefined; items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined; itemType?: FormItemType | undefined; name?: string | undefined; template?: template | ((data: { component: dxForm; formData: Record; }, itemElement: any) => string | any) | undefined; visible?: boolean | undefined; visibleIndex?: number | undefined; captionRender?: ((...params: any) => React.ReactNode) | undefined; captionComponent?: React.ComponentType | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IItemProps = React.PropsWithChildren<{ badge?: string; disabled?: boolean; html?: string; icon?: string; tabTemplate?: (() => string | any) | template; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; title?: string; visible?: boolean; aiOptions?: Record | { disabled?: boolean; instruction?: string | undefined; }; colSpan?: number | undefined; cssClass?: string | undefined; dataField?: string | undefined; editorOptions?: any | undefined; editorType?: FormItemComponent; helpText?: string | undefined; isRequired?: boolean | undefined; itemType?: FormItemType; label?: Record | { alignment?: HorizontalAlignment; location?: LabelLocation; showColon?: boolean; template?: ((itemData: { component: dxForm; dataField: string; editorOptions: any; editorType: string; name: string; text: string; }, itemElement: any) => string | any) | template; text?: string | undefined; visible?: boolean; }; name?: string | undefined | FormPredefinedButtonItem | SchedulerPredefinedToolbarItem; validationRules?: Array; visibleIndex?: number | undefined; alignItemLabels?: boolean; caption?: string | undefined; captionTemplate?: ((data: { caption: string; component: dxForm; name: string; }, itemElement: any) => string | any) | template; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; items?: Array; tabPanelOptions?: dxTabPanelOptions | undefined; tabs?: Array> | { alignItemLabels?: boolean; badge?: string | undefined; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; disabled?: boolean; icon?: string | undefined; items?: Array; tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined; template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined; title?: string | undefined; }[]; buttonOptions?: dxButtonOptions | undefined; horizontalAlignment?: HorizontalAlignment; verticalAlignment?: VerticalAlignment; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; options?: DateNavigatorItemProperties | Record; showText?: ShowTextMode; widget?: ToolbarItemComponent; elementAttr?: Record; hint?: string; type?: ButtonType | string; tabRender?: (...params: any) => React.ReactNode; tabComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; captionRender?: (...params: any) => React.ReactNode; captionComponent?: React.ComponentType; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType; }>; declare const Item: ((props: IItemProps) => React.FunctionComponentElement string | any) | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; title?: string | undefined; visible?: boolean | undefined; aiOptions?: Record | { disabled?: boolean | undefined; instruction?: string | undefined; } | undefined; colSpan?: number | undefined; cssClass?: string | undefined; dataField?: string | undefined; editorOptions?: any | undefined; editorType?: FormItemComponent | undefined; helpText?: string | undefined; isRequired?: boolean | undefined; itemType?: FormItemType | undefined; label?: Record | { alignment?: HorizontalAlignment | undefined; location?: LabelLocation | undefined; showColon?: boolean | undefined; template?: template | ((itemData: { component: dxForm; dataField: string; editorOptions: any; editorType: string; name: string; text: string; }, itemElement: any) => string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; } | undefined; name?: string | undefined | FormPredefinedButtonItem | SchedulerPredefinedToolbarItem; validationRules?: CommonTypes.ValidationRule[] | undefined; visibleIndex?: number | undefined; alignItemLabels?: boolean | undefined; caption?: string | undefined; captionTemplate?: template | ((data: { caption: string; component: dxForm; name: string; }, itemElement: any) => string | any) | undefined; colCount?: number | undefined; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; } | undefined; items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined; tabPanelOptions?: dxTabPanelOptions | undefined; tabs?: Record[] | { alignItemLabels?: boolean | undefined; badge?: string | undefined; colCount?: number | undefined; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; } | undefined; disabled?: boolean | undefined; icon?: string | undefined; items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined; tabTemplate?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined; template?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined; title?: string | undefined; }[] | undefined; buttonOptions?: dxButtonOptions | undefined; horizontalAlignment?: HorizontalAlignment | undefined; verticalAlignment?: VerticalAlignment | undefined; locateInMenu?: LocateInMenuMode | undefined; location?: ToolbarItemLocation | undefined; menuItemTemplate?: template | (() => string | any) | undefined; options?: Record | DateNavigatorItemProperties | undefined; showText?: ShowTextMode | undefined; widget?: ToolbarItemComponent | undefined; elementAttr?: Record | undefined; hint?: string | undefined; type?: string | undefined; tabRender?: ((...params: any) => React.ReactNode) | undefined; tabComponent?: React.ComponentType | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; captionRender?: ((...params: any) => React.ReactNode) | undefined; captionComponent?: React.ComponentType | undefined; menuItemRender?: ((...params: any) => React.ReactNode) | undefined; menuItemComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILabelProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment; location?: LabelLocation; showColon?: boolean; template?: ((itemData: { component: dxForm; dataField: string; editorOptions: any; editorType: string; name: string; text: string; }, itemElement: any) => string | any) | template; text?: string | undefined; visible?: boolean; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const Label: ((props: ILabelProps) => React.FunctionComponentElement string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type INumericRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; type?: ValidationRuleType; }>; declare const NumericRule: ((props: INumericRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IOptionsProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; buttonTemplate?: ((buttonData: any, buttonContent: any) => string | any) | template; disabled?: boolean; elementAttr?: Record; focusStateEnabled?: boolean; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean; items?: Array; keyExpr?: (() => void) | string; onContentReady?: ((e: ButtonGroupContentReadyEvent) => void); onDisposing?: ((e: ButtonGroupDisposingEvent) => void); onInitialized?: ((e: ButtonGroupInitializedEvent) => void); onItemClick?: ((e: ItemClickEvent) => void); onOptionChanged?: ((e: ButtonGroupOptionChangedEvent) => void); onSelectionChanged?: ((e: SelectionChangedEvent) => void); rtlEnabled?: boolean; selectedItemKeys?: Array; selectedItems?: Array; selectionMode?: SingleMultipleOrNone; stylingMode?: ButtonStyle; tabIndex?: number; visible?: boolean; width?: number | string | undefined; defaultSelectedItemKeys?: Array; onSelectedItemKeysChange?: (value: Array) => void; defaultSelectedItems?: Array; onSelectedItemsChange?: (value: Array) => void; buttonRender?: (...params: any) => React.ReactNode; buttonComponent?: React.ComponentType; }>; declare const Options: ((props: IOptionsProps) => React.FunctionComponentElement string | any) | undefined; disabled?: boolean | undefined; elementAttr?: Record | undefined; focusStateEnabled?: boolean | undefined; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; items?: (dxButtonGroupItem | SchedulerPredefinedDateNavigatorItem)[] | undefined; keyExpr?: string | (() => void) | undefined; onContentReady?: ((e: ButtonGroupContentReadyEvent) => void) | undefined; onDisposing?: ((e: ButtonGroupDisposingEvent) => void) | undefined; onInitialized?: ((e: ButtonGroupInitializedEvent) => void) | undefined; onItemClick?: ((e: ItemClickEvent) => void) | undefined; onOptionChanged?: ((e: ButtonGroupOptionChangedEvent) => void) | undefined; onSelectionChanged?: ((e: SelectionChangedEvent) => void) | undefined; rtlEnabled?: boolean | undefined; selectedItemKeys?: any[] | undefined; selectedItems?: any[] | undefined; selectionMode?: SingleMultipleOrNone | undefined; stylingMode?: ButtonStyle | undefined; tabIndex?: number | undefined; visible?: boolean | undefined; width?: number | string | undefined; defaultSelectedItemKeys?: any[] | undefined; onSelectedItemKeysChange?: ((value: Array) => void) | undefined; defaultSelectedItems?: any[] | undefined; onSelectedItemsChange?: ((value: Array) => void) | undefined; buttonRender?: ((...params: any) => React.ReactNode) | undefined; buttonComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IOptionsItemProps = React.PropsWithChildren<{ disabled?: boolean; elementAttr?: Record; hint?: string; icon?: string; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; type?: ButtonType | string; visible?: boolean; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const OptionsItem: ((props: IOptionsItemProps) => React.FunctionComponentElement | undefined; hint?: string | undefined; icon?: string | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; type?: string | undefined; visible?: boolean | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IPatternRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; message?: string; pattern?: RegExp | string; type?: ValidationRuleType; }>; declare const PatternRule: ((props: IPatternRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IRangeRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; max?: Date | number | string; message?: string; min?: Date | number | string; reevaluate?: boolean; type?: ValidationRuleType; }>; declare const RangeRule: ((props: IRangeRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IRequiredRuleProps = React.PropsWithChildren<{ message?: string; trim?: boolean; type?: ValidationRuleType; }>; declare const RequiredRule: ((props: IRequiredRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IResourceProps = React.PropsWithChildren<{ allowMultiple?: boolean; colorExpr?: string; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; displayExpr?: ((resource: any) => string) | string; fieldExpr?: string; icon?: string; label?: string; useColorAsDefault?: boolean; valueExpr?: (() => void) | string; }>; declare const Resource: ((props: IResourceProps) => React.FunctionComponentElement | DataSourceOptions | Store | null | undefined; displayExpr?: string | ((resource: any) => string) | undefined; fieldExpr?: string | undefined; icon?: string | undefined; label?: string | undefined; useColorAsDefault?: boolean | undefined; valueExpr?: string | (() => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IScrollingProps = React.PropsWithChildren<{ mode?: ScrollMode; }>; declare const Scrolling: ((props: IScrollingProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ISimpleItemProps = React.PropsWithChildren<{ aiOptions?: Record | { disabled?: boolean; instruction?: string | undefined; }; colSpan?: number | undefined; cssClass?: string | undefined; dataField?: string | undefined; editorOptions?: any | undefined; editorType?: FormItemComponent; helpText?: string | undefined; isRequired?: boolean | undefined; itemType?: FormItemType; label?: Record | { alignment?: HorizontalAlignment; location?: LabelLocation; showColon?: boolean; template?: ((itemData: { component: dxForm; dataField: string; editorOptions: any; editorType: string; name: string; text: string; }, itemElement: any) => string | any) | template; text?: string | undefined; visible?: boolean; }; name?: string | undefined; template?: ((data: { component: dxForm; dataField: string; editorOptions: Record; editorType: string; name: string; }, itemElement: any) => string | any) | template; validationRules?: Array; visible?: boolean; visibleIndex?: number | undefined; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const SimpleItem: ((props: ISimpleItemProps) => React.FunctionComponentElement | { disabled?: boolean | undefined; instruction?: string | undefined; } | undefined; colSpan?: number | undefined; cssClass?: string | undefined; dataField?: string | undefined; editorOptions?: any | undefined; editorType?: FormItemComponent | undefined; helpText?: string | undefined; isRequired?: boolean | undefined; itemType?: FormItemType | undefined; label?: Record | { alignment?: HorizontalAlignment | undefined; location?: LabelLocation | undefined; showColon?: boolean | undefined; template?: template | ((itemData: { component: dxForm; dataField: string; editorOptions: any; editorType: string; name: string; text: string; }, itemElement: any) => string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; } | undefined; name?: string | undefined; template?: template | ((data: { component: dxForm; dataField: string; editorOptions: Record; editorType: string; name: string; }, itemElement: any) => string | any) | undefined; validationRules?: CommonTypes.ValidationRule[] | undefined; visible?: boolean | undefined; visibleIndex?: number | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IStringLengthRuleProps = React.PropsWithChildren<{ ignoreEmptyValue?: boolean; max?: number; message?: string; min?: number; trim?: boolean; type?: ValidationRuleType; }>; declare const StringLengthRule: ((props: IStringLengthRuleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ITabProps = React.PropsWithChildren<{ alignItemLabels?: boolean; badge?: string | undefined; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; disabled?: boolean; icon?: string | undefined; items?: Array; tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined; template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined; title?: string | undefined; tabRender?: (...params: any) => React.ReactNode; tabComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const Tab: ((props: ITabProps) => React.FunctionComponentElement | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; } | undefined; disabled?: boolean | undefined; icon?: string | undefined; items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined; tabTemplate?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined; template?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined; title?: string | undefined; tabRender?: ((...params: any) => React.ReactNode) | undefined; tabComponent?: React.ComponentType | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ITabbedItemProps = React.PropsWithChildren<{ colSpan?: number | undefined; cssClass?: string | undefined; itemType?: FormItemType; name?: string | undefined; tabPanelOptions?: dxTabPanelOptions | undefined; tabs?: Array> | { alignItemLabels?: boolean; badge?: string | undefined; colCount?: number; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; }; disabled?: boolean; icon?: string | undefined; items?: Array; tabTemplate?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined; template?: ((tabData: any, tabIndex: number, tabElement: any) => any) | template | undefined; title?: string | undefined; }[]; visible?: boolean; visibleIndex?: number | undefined; }>; declare const TabbedItem: ((props: ITabbedItemProps) => React.FunctionComponentElement[] | { alignItemLabels?: boolean | undefined; badge?: string | undefined; colCount?: number | undefined; colCountByScreen?: Record | { lg?: number | undefined; md?: number | undefined; sm?: number | undefined; xs?: number | undefined; } | undefined; disabled?: boolean | undefined; icon?: string | undefined; items?: (dxFormSimpleItem | dxFormGroupItem | dxFormTabbedItem | dxFormEmptyItem | dxFormButtonItem)[] | undefined; tabTemplate?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined; template?: template | ((tabData: any, tabIndex: number, tabElement: any) => any) | undefined; title?: string | undefined; }[] | undefined; visible?: boolean | undefined; visibleIndex?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ITabPanelOptionsProps = React.PropsWithChildren<{ accessKey?: string | undefined; activeStateEnabled?: boolean; animationEnabled?: boolean; dataSource?: Array | DataSource | DataSourceOptions | null | Store | string; deferRendering?: boolean; disabled?: boolean; elementAttr?: Record; focusStateEnabled?: boolean; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean; iconPosition?: TabsIconPosition; itemHoldTimeout?: number; items?: Array; itemTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template; itemTitleTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template; keyExpr?: (() => void) | string; loop?: boolean; noDataText?: string; onContentReady?: ((e: TabPanelContentReadyEvent) => void); onDisposing?: ((e: TabPanelDisposingEvent) => void); onInitialized?: ((e: TabPanelInitializedEvent) => void); onItemClick?: ((e: TabPanelItemClickEvent) => void); onItemContextMenu?: ((e: ItemContextMenuEvent) => void); onItemHold?: ((e: ItemHoldEvent) => void); onItemRendered?: ((e: ItemRenderedEvent) => void); onOptionChanged?: ((e: TabPanelOptionChangedEvent) => void); onSelectionChanged?: ((e: TabPanelSelectionChangedEvent) => void); onSelectionChanging?: ((e: SelectionChangingEvent) => void); onTitleClick?: ((e: TitleClickEvent) => void); onTitleHold?: ((e: TitleHoldEvent) => void); onTitleRendered?: ((e: TitleRenderedEvent) => void); repaintChangesOnly?: boolean; rtlEnabled?: boolean; scrollByContent?: boolean; scrollingEnabled?: boolean; selectedIndex?: number; selectedItem?: any; showNavButtons?: boolean; stylingMode?: TabsStyle; swipeEnabled?: boolean; tabIndex?: number; tabsPosition?: Position; visible?: boolean; width?: number | string | undefined; defaultItems?: Array; onItemsChange?: (value: Array) => void; defaultSelectedIndex?: number; onSelectedIndexChange?: (value: number) => void; defaultSelectedItem?: any; onSelectedItemChange?: (value: any) => void; itemRender?: (...params: any) => React.ReactNode; itemComponent?: React.ComponentType; itemTitleRender?: (...params: any) => React.ReactNode; itemTitleComponent?: React.ComponentType; }>; declare const TabPanelOptions: ((props: ITabPanelOptionsProps) => React.FunctionComponentElement | DataSourceOptions | Store | null | undefined; deferRendering?: boolean | undefined; disabled?: boolean | undefined; elementAttr?: Record | undefined; focusStateEnabled?: boolean | undefined; height?: number | string | undefined; hint?: string | undefined; hoverStateEnabled?: boolean | undefined; iconPosition?: TabsIconPosition | undefined; itemHoldTimeout?: number | undefined; items?: any[] | undefined; itemTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined; itemTitleTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined; keyExpr?: string | (() => void) | undefined; loop?: boolean | undefined; noDataText?: string | undefined; onContentReady?: ((e: TabPanelContentReadyEvent) => void) | undefined; onDisposing?: ((e: TabPanelDisposingEvent) => void) | undefined; onInitialized?: ((e: TabPanelInitializedEvent) => void) | undefined; onItemClick?: ((e: TabPanelItemClickEvent) => void) | undefined; onItemContextMenu?: ((e: ItemContextMenuEvent) => void) | undefined; onItemHold?: ((e: ItemHoldEvent) => void) | undefined; onItemRendered?: ((e: ItemRenderedEvent) => void) | undefined; onOptionChanged?: ((e: TabPanelOptionChangedEvent) => void) | undefined; onSelectionChanged?: ((e: TabPanelSelectionChangedEvent) => void) | undefined; onSelectionChanging?: ((e: SelectionChangingEvent) => void) | undefined; onTitleClick?: ((e: TitleClickEvent) => void) | undefined; onTitleHold?: ((e: TitleHoldEvent) => void) | undefined; onTitleRendered?: ((e: TitleRenderedEvent) => void) | undefined; repaintChangesOnly?: boolean | undefined; rtlEnabled?: boolean | undefined; scrollByContent?: boolean | undefined; scrollingEnabled?: boolean | undefined; selectedIndex?: number | undefined; selectedItem?: any; showNavButtons?: boolean | undefined; stylingMode?: TabsStyle | undefined; swipeEnabled?: boolean | undefined; tabIndex?: number | undefined; tabsPosition?: Position | undefined; visible?: boolean | undefined; width?: number | string | undefined; defaultItems?: any[] | undefined; onItemsChange?: ((value: Array) => void) | undefined; defaultSelectedIndex?: number | undefined; onSelectedIndexChange?: ((value: number) => void) | undefined; defaultSelectedItem?: any; onSelectedItemChange?: ((value: any) => void) | undefined; itemRender?: ((...params: any) => React.ReactNode) | undefined; itemComponent?: React.ComponentType | undefined; itemTitleRender?: ((...params: any) => React.ReactNode) | undefined; itemTitleComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ITabPanelOptionsItemProps = React.PropsWithChildren<{ badge?: string; disabled?: boolean; html?: string; icon?: string; tabTemplate?: (() => string | any) | template; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; title?: string; visible?: boolean; tabRender?: (...params: any) => React.ReactNode; tabComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const TabPanelOptionsItem: ((props: ITabPanelOptionsItemProps) => React.FunctionComponentElement string | any) | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; title?: string | undefined; visible?: boolean | undefined; tabRender?: ((...params: any) => React.ReactNode) | undefined; tabComponent?: React.ComponentType | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IToolbarProps = React.PropsWithChildren<{ disabled?: boolean; items?: Array; multiline?: boolean; visible?: boolean | undefined; }>; declare const Toolbar: ((props: IToolbarProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IToolbarItemProps = React.PropsWithChildren<{ cssClass?: string | undefined; disabled?: boolean; html?: string; locateInMenu?: LocateInMenuMode; location?: ToolbarItemLocation; menuItemTemplate?: (() => string | any) | template; name?: SchedulerPredefinedToolbarItem; options?: DateNavigatorItemProperties | Record; showText?: ShowTextMode; template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template; text?: string; visible?: boolean; widget?: ToolbarItemComponent; menuItemRender?: (...params: any) => React.ReactNode; menuItemComponent?: React.ComponentType; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const ToolbarItem: ((props: IToolbarItemProps) => React.FunctionComponentElement string | any) | undefined; name?: SchedulerPredefinedToolbarItem | undefined; options?: Record | DateNavigatorItemProperties | undefined; showText?: ShowTextMode | undefined; template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined; text?: string | undefined; visible?: boolean | undefined; widget?: ToolbarItemComponent | undefined; menuItemRender?: ((...params: any) => React.ReactNode) | undefined; menuItemComponent?: React.ComponentType | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IValidationRuleProps = React.PropsWithChildren<{ message?: string; trim?: boolean; type?: ValidationRuleType; ignoreEmptyValue?: boolean; max?: Date | number | string; min?: Date | number | string; reevaluate?: boolean; validationCallback?: ((options: { column: Record; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean); comparisonTarget?: (() => any); comparisonType?: ComparisonOperator; pattern?: RegExp | string; }>; declare const ValidationRule: ((props: IValidationRuleProps) => React.FunctionComponentElement; data: Record; formItem: Record; rule: Record; validator: Record; value: any; }) => boolean) | undefined; comparisonTarget?: (() => any) | undefined; comparisonType?: ComparisonOperator | undefined; pattern?: string | RegExp | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IViewProps = React.PropsWithChildren<{ agendaDuration?: number; allDayPanelMode?: AllDayPanelMode; appointmentCollectorTemplate?: ((data: AppointmentCollectorTemplateData, collectorElement: any) => string | any) | template; appointmentTemplate?: ((model: AppointmentTemplateData | { appointmentData: Record; targetedAppointmentData: Record; }, itemIndex: number, contentElement: any) => string | any) | template; appointmentTooltipTemplate?: ((model: AppointmentTooltipTemplateData | { appointmentData: Record; targetedAppointmentData: Record; }, itemIndex: number, contentElement: any) => string | any) | template; cellDuration?: number; dataCellTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template; dateCellTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template; endDayHour?: number; firstDayOfWeek?: FirstDayOfWeek | undefined; groupByDate?: boolean; groupOrientation?: Orientation; groups?: Array; intervalCount?: number; maxAppointmentsPerCell?: CellAppointmentsLimit | number; name?: string | undefined; offset?: number; resourceCellTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template; scrolling?: dxSchedulerScrolling; startDate?: Date | number | string | undefined; startDayHour?: number; timeCellTemplate?: ((itemData: any, itemIndex: number, itemElement: any) => string | any) | template; type?: undefined | ViewType; appointmentCollectorRender?: (...params: any) => React.ReactNode; appointmentCollectorComponent?: React.ComponentType; appointmentRender?: (...params: any) => React.ReactNode; appointmentComponent?: React.ComponentType; appointmentTooltipRender?: (...params: any) => React.ReactNode; appointmentTooltipComponent?: React.ComponentType; dataCellRender?: (...params: any) => React.ReactNode; dataCellComponent?: React.ComponentType; dateCellRender?: (...params: any) => React.ReactNode; dateCellComponent?: React.ComponentType; resourceCellRender?: (...params: any) => React.ReactNode; resourceCellComponent?: React.ComponentType; timeCellRender?: (...params: any) => React.ReactNode; timeCellComponent?: React.ComponentType; }>; declare const View: ((props: IViewProps) => React.FunctionComponentElement string | any) | undefined; appointmentTemplate?: template | ((model: AppointmentTemplateData | { appointmentData: Record; targetedAppointmentData: Record; }, itemIndex: number, contentElement: any) => string | any) | undefined; appointmentTooltipTemplate?: template | ((model: AppointmentTooltipTemplateData | { appointmentData: Record; targetedAppointmentData: Record; }, itemIndex: number, contentElement: any) => string | any) | undefined; cellDuration?: number | undefined; dataCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined; dateCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined; endDayHour?: number | undefined; firstDayOfWeek?: FirstDayOfWeek | undefined; groupByDate?: boolean | undefined; groupOrientation?: Orientation | undefined; groups?: string[] | undefined; intervalCount?: number | undefined; maxAppointmentsPerCell?: number | CellAppointmentsLimit | undefined; name?: string | undefined; offset?: number | undefined; resourceCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined; scrolling?: dxSchedulerScrolling | undefined; startDate?: Date | number | string | undefined; startDayHour?: number | undefined; timeCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: any) => string | any) | undefined; type?: undefined | ViewType; appointmentCollectorRender?: ((...params: any) => React.ReactNode) | undefined; appointmentCollectorComponent?: React.ComponentType | undefined; appointmentRender?: ((...params: any) => React.ReactNode) | undefined; appointmentComponent?: React.ComponentType | undefined; appointmentTooltipRender?: ((...params: any) => React.ReactNode) | undefined; appointmentTooltipComponent?: React.ComponentType | undefined; dataCellRender?: ((...params: any) => React.ReactNode) | undefined; dataCellComponent?: React.ComponentType | undefined; dateCellRender?: ((...params: any) => React.ReactNode) | undefined; dateCellComponent?: React.ComponentType | undefined; resourceCellRender?: ((...params: any) => React.ReactNode) | undefined; resourceCellComponent?: React.ComponentType | undefined; timeCellRender?: ((...params: any) => React.ReactNode) | undefined; timeCellComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; export default Scheduler; export { Scheduler, ISchedulerOptions, SchedulerRef, AIOptions, IAIOptionsProps, AppointmentDragging, IAppointmentDraggingProps, AsyncRule, IAsyncRuleProps, ButtonItem, IButtonItemProps, ButtonOptions, IButtonOptionsProps, ColCountByScreen, IColCountByScreenProps, CompareRule, ICompareRuleProps, CustomRule, ICustomRuleProps, Editing, IEditingProps, EmailRule, IEmailRuleProps, EmptyItem, IEmptyItemProps, Form, IFormProps, GroupItem, IGroupItemProps, Item, IItemProps, Label, ILabelProps, NumericRule, INumericRuleProps, Options, IOptionsProps, OptionsItem, IOptionsItemProps, PatternRule, IPatternRuleProps, RangeRule, IRangeRuleProps, RequiredRule, IRequiredRuleProps, Resource, IResourceProps, Scrolling, IScrollingProps, SimpleItem, ISimpleItemProps, StringLengthRule, IStringLengthRuleProps, Tab, ITabProps, TabbedItem, ITabbedItemProps, TabPanelOptions, ITabPanelOptionsProps, TabPanelOptionsItem, ITabPanelOptionsItemProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, ValidationRule, IValidationRuleProps, View, IViewProps }; import type * as SchedulerTypes from 'devextreme/ui/scheduler_types'; export { SchedulerTypes };