devextreme-react
Version:
DevExtreme React UI and Visualization Components
561 lines (559 loc) • 26.8 kB
TypeScript
/*!
* devextreme-react
* Version: 25.1.5
* Build date: Wed Sep 03 2025
*
* Copyright (c) 2012 - 2025 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-react
*/
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, SchedulerPredefinedToolbarItem, DateNavigatorItemProperties, SchedulerPredefinedDateNavigatorItem, dxSchedulerToolbarItem, AllDayPanelMode, AppointmentCollectorTemplateData, AppointmentTemplateData, AppointmentTooltipTemplateData, CellAppointmentsLimit, dxSchedulerScrolling } from "devextreme/ui/scheduler";
import type { ContentReadyEvent as ButtonGroupContentReadyEvent, DisposingEvent as ButtonGroupDisposingEvent, InitializedEvent as ButtonGroupInitializedEvent, dxButtonGroupItem, ItemClickEvent, OptionChangedEvent, SelectionChangedEvent } from "devextreme/ui/button_group";
import type { event } from "devextreme/events/events.types";
import type { LocateInMenuMode, ShowTextMode } from "devextreme/ui/toolbar";
import type { ToolbarItemLocation, template, ToolbarItemComponent, ButtonType, SingleMultipleOrNone, ButtonStyle, ScrollMode, FirstDayOfWeek, Orientation } from "devextreme/common";
import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
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 DataSource from "devextreme/data/data_source";
type ReplaceFieldTypes<TSource, TReplacement> = {
[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<ReplaceFieldTypes<Properties, ISchedulerOptionsNarrowedEvents> & IHtmlOptions & {
appointmentCollectorRender?: (...params: any) => React.ReactNode;
appointmentCollectorComponent?: React.ComponentType<any>;
appointmentRender?: (...params: any) => React.ReactNode;
appointmentComponent?: React.ComponentType<any>;
appointmentTooltipRender?: (...params: any) => React.ReactNode;
appointmentTooltipComponent?: React.ComponentType<any>;
dataCellRender?: (...params: any) => React.ReactNode;
dataCellComponent?: React.ComponentType<any>;
dateCellRender?: (...params: any) => React.ReactNode;
dateCellComponent?: React.ComponentType<any>;
dropDownAppointmentRender?: (...params: any) => React.ReactNode;
dropDownAppointmentComponent?: React.ComponentType<any>;
resourceCellRender?: (...params: any) => React.ReactNode;
resourceCellComponent?: React.ComponentType<any>;
timeCellRender?: (...params: any) => React.ReactNode;
timeCellComponent?: React.ComponentType<any>;
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<ISchedulerOptions> & {
ref?: Ref<SchedulerRef>;
}) => ReactElement | null;
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<React.PropsWithChildren<{
autoScroll?: boolean | undefined;
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) | 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 IEditingProps = React.PropsWithChildren<{
allowAdding?: boolean;
allowDeleting?: boolean;
allowDragging?: boolean;
allowResizing?: boolean;
allowTimeZoneEditing?: boolean;
allowUpdating?: boolean;
}>;
declare const Editing: ((props: IEditingProps) => React.FunctionComponentElement<React.PropsWithChildren<{
allowAdding?: boolean | undefined;
allowDeleting?: boolean | undefined;
allowDragging?: boolean | undefined;
allowResizing?: boolean | undefined;
allowTimeZoneEditing?: boolean | undefined;
allowUpdating?: boolean | undefined;
} & {
children?: React.ReactNode;
} & {
elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
}>>) & NestedComponentMeta;
type IItemProps = React.PropsWithChildren<{
cssClass?: string | undefined;
disabled?: boolean;
html?: string;
locateInMenu?: LocateInMenuMode;
location?: ToolbarItemLocation;
menuItemTemplate?: (() => string | any) | template;
name?: SchedulerPredefinedToolbarItem;
options?: DateNavigatorItemProperties | Record<string, any>;
showText?: ShowTextMode;
template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
text?: string;
visible?: boolean;
widget?: ToolbarItemComponent;
elementAttr?: Record<string, any>;
hint?: string;
icon?: string;
type?: ButtonType | string;
menuItemRender?: (...params: any) => React.ReactNode;
menuItemComponent?: React.ComponentType<any>;
render?: (...params: any) => React.ReactNode;
component?: React.ComponentType<any>;
}>;
declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
cssClass?: string | undefined;
disabled?: boolean | undefined;
html?: string | undefined;
locateInMenu?: LocateInMenuMode | undefined;
location?: ToolbarItemLocation | undefined;
menuItemTemplate?: template | (() => string | any) | undefined;
name?: SchedulerPredefinedToolbarItem | undefined;
options?: Record<string, any> | 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;
elementAttr?: Record<string, any> | undefined;
hint?: string | undefined;
icon?: string | undefined;
type?: string | 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;
type IOptionsProps = React.PropsWithChildren<{
accessKey?: string | undefined;
activeStateEnabled?: boolean;
buttonTemplate?: ((buttonData: any, buttonContent: any) => string | any) | template;
disabled?: boolean;
elementAttr?: Record<string, any>;
focusStateEnabled?: boolean;
height?: number | string | undefined;
hint?: string | undefined;
hoverStateEnabled?: boolean;
items?: Array<dxButtonGroupItem | SchedulerPredefinedDateNavigatorItem>;
keyExpr?: (() => void) | string;
onContentReady?: ((e: ButtonGroupContentReadyEvent) => void);
onDisposing?: ((e: ButtonGroupDisposingEvent) => void);
onInitialized?: ((e: ButtonGroupInitializedEvent) => void);
onItemClick?: ((e: ItemClickEvent) => void);
onOptionChanged?: ((e: OptionChangedEvent) => void);
onSelectionChanged?: ((e: SelectionChangedEvent) => void);
rtlEnabled?: boolean;
selectedItemKeys?: Array<any>;
selectedItems?: Array<any>;
selectionMode?: SingleMultipleOrNone;
stylingMode?: ButtonStyle;
tabIndex?: number;
visible?: boolean;
width?: number | string | undefined;
defaultSelectedItemKeys?: Array<any>;
onSelectedItemKeysChange?: (value: Array<any>) => void;
defaultSelectedItems?: Array<any>;
onSelectedItemsChange?: (value: Array<any>) => void;
buttonRender?: (...params: any) => React.ReactNode;
buttonComponent?: React.ComponentType<any>;
}>;
declare const Options: ((props: IOptionsProps) => React.FunctionComponentElement<React.PropsWithChildren<{
accessKey?: string | undefined;
activeStateEnabled?: boolean | undefined;
buttonTemplate?: template | ((buttonData: any, buttonContent: any) => string | any) | undefined;
disabled?: boolean | undefined;
elementAttr?: Record<string, any> | 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: OptionChangedEvent) => 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<any>) => void) | undefined;
defaultSelectedItems?: any[] | undefined;
onSelectedItemsChange?: ((value: Array<any>) => void) | undefined;
buttonRender?: ((...params: any) => React.ReactNode) | undefined;
buttonComponent?: React.ComponentType<any> | undefined;
} & {
children?: React.ReactNode;
} & {
elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
}>>) & NestedComponentMeta;
type IOptionsItemProps = React.PropsWithChildren<{
disabled?: boolean;
elementAttr?: Record<string, any>;
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<any>;
}>;
declare const OptionsItem: ((props: IOptionsItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
disabled?: boolean | undefined;
elementAttr?: Record<string, any> | 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<any> | undefined;
} & {
children?: React.ReactNode;
} & {
elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
}>>) & NestedComponentMeta;
type IResourceProps = React.PropsWithChildren<{
allowMultiple?: boolean;
colorExpr?: string;
dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string;
displayExpr?: ((resource: any) => string) | string;
fieldExpr?: string;
label?: string;
useColorAsDefault?: boolean;
valueExpr?: (() => void) | string;
}>;
declare const Resource: ((props: IResourceProps) => React.FunctionComponentElement<React.PropsWithChildren<{
allowMultiple?: boolean | undefined;
colorExpr?: string | undefined;
dataSource?: string | any[] | DataSource<any, any> | DataSourceOptions<any, any, any, any> | Store<any, any> | null | undefined;
displayExpr?: string | ((resource: any) => string) | undefined;
fieldExpr?: 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<React.PropsWithChildren<{
mode?: ScrollMode | undefined;
} & {
children?: React.ReactNode;
} & {
elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
}>>) & NestedComponentMeta;
type IToolbarProps = React.PropsWithChildren<{
disabled?: boolean;
items?: Array<dxSchedulerToolbarItem | SchedulerPredefinedToolbarItem>;
multiline?: boolean;
visible?: boolean | undefined;
}>;
declare const Toolbar: ((props: IToolbarProps) => React.FunctionComponentElement<React.PropsWithChildren<{
disabled?: boolean | undefined;
items?: (SchedulerPredefinedToolbarItem | SchedulerTypes.ToolbarItem)[] | undefined;
multiline?: boolean | undefined;
visible?: boolean | 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;
name?: SchedulerPredefinedToolbarItem;
options?: DateNavigatorItemProperties | Record<string, any>;
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<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;
name?: SchedulerPredefinedToolbarItem | undefined;
options?: Record<string, any> | 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<any> | undefined;
render?: ((...params: any) => React.ReactNode) | undefined;
component?: React.ComponentType<any> | 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<string, any>;
targetedAppointmentData: Record<string, any>;
}, itemIndex: number, contentElement: any) => string | any) | template;
appointmentTooltipTemplate?: ((model: AppointmentTooltipTemplateData | {
appointmentData: Record<string, any>;
targetedAppointmentData: Record<string, any>;
}, 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;
dropDownAppointmentTemplate?: ((itemData: any, itemIndex: number, contentElement: any) => string | any) | template;
endDayHour?: number;
firstDayOfWeek?: FirstDayOfWeek | undefined;
groupByDate?: boolean;
groupOrientation?: Orientation;
groups?: Array<string>;
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<any>;
appointmentRender?: (...params: any) => React.ReactNode;
appointmentComponent?: React.ComponentType<any>;
appointmentTooltipRender?: (...params: any) => React.ReactNode;
appointmentTooltipComponent?: React.ComponentType<any>;
dataCellRender?: (...params: any) => React.ReactNode;
dataCellComponent?: React.ComponentType<any>;
dateCellRender?: (...params: any) => React.ReactNode;
dateCellComponent?: React.ComponentType<any>;
dropDownAppointmentRender?: (...params: any) => React.ReactNode;
dropDownAppointmentComponent?: React.ComponentType<any>;
resourceCellRender?: (...params: any) => React.ReactNode;
resourceCellComponent?: React.ComponentType<any>;
timeCellRender?: (...params: any) => React.ReactNode;
timeCellComponent?: React.ComponentType<any>;
}>;
declare const View: ((props: IViewProps) => React.FunctionComponentElement<React.PropsWithChildren<{
agendaDuration?: number | undefined;
allDayPanelMode?: AllDayPanelMode | undefined;
appointmentCollectorTemplate?: template | ((data: AppointmentCollectorTemplateData, collectorElement: any) => string | any) | undefined;
appointmentTemplate?: template | ((model: AppointmentTemplateData | {
appointmentData: Record<string, any>;
targetedAppointmentData: Record<string, any>;
}, itemIndex: number, contentElement: any) => string | any) | undefined;
appointmentTooltipTemplate?: template | ((model: AppointmentTooltipTemplateData | {
appointmentData: Record<string, any>;
targetedAppointmentData: Record<string, any>;
}, 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;
dropDownAppointmentTemplate?: template | ((itemData: any, itemIndex: number, contentElement: 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<any> | undefined;
appointmentRender?: ((...params: any) => React.ReactNode) | undefined;
appointmentComponent?: React.ComponentType<any> | undefined;
appointmentTooltipRender?: ((...params: any) => React.ReactNode) | undefined;
appointmentTooltipComponent?: React.ComponentType<any> | undefined;
dataCellRender?: ((...params: any) => React.ReactNode) | undefined;
dataCellComponent?: React.ComponentType<any> | undefined;
dateCellRender?: ((...params: any) => React.ReactNode) | undefined;
dateCellComponent?: React.ComponentType<any> | undefined;
dropDownAppointmentRender?: ((...params: any) => React.ReactNode) | undefined;
dropDownAppointmentComponent?: React.ComponentType<any> | undefined;
resourceCellRender?: ((...params: any) => React.ReactNode) | undefined;
resourceCellComponent?: React.ComponentType<any> | undefined;
timeCellRender?: ((...params: any) => React.ReactNode) | undefined;
timeCellComponent?: React.ComponentType<any> | undefined;
} & {
children?: React.ReactNode;
} & {
elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
}>>) & NestedComponentMeta;
export default Scheduler;
export { Scheduler, ISchedulerOptions, SchedulerRef, AppointmentDragging, IAppointmentDraggingProps, Editing, IEditingProps, Item, IItemProps, Options, IOptionsProps, OptionsItem, IOptionsItemProps, Resource, IResourceProps, Scrolling, IScrollingProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, View, IViewProps };
import type * as SchedulerTypes from 'devextreme/ui/scheduler_types';
export { SchedulerTypes };