/** * DevExtreme (ui/scheduler.d.ts) * Version: 25.2.5 * Build date: Fri Feb 20 2026 * * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ import { UserDefinedElement, DxElement, } from '../core/element'; import { template, FirstDayOfWeek, Orientation, ScrollMode, ToolbarItemLocation, } from '../common'; import DataSource, { DataSourceLike } from '../data/data_source'; import { EventInfo, NativeEventInfo, InitializedEventInfo, ChangedOptionInfo, Cancelable, DxEvent, PointerInteractionEvent, } from '../events'; import { dxButtonGroupOptions, dxButtonGroupItem } from './button_group'; import { CollectionWidgetItem, } from './collection/ui.collection_widget.base'; import dxDraggable from './draggable'; import dxForm, { Properties as FormProperties } from './form'; import dxPopup, { Properties as PopupProperties } from './popup'; import dxSortable from './sortable'; import { dxToolbarItem } from './toolbar'; import Widget, { WidgetOptions, } from './widget/ui.widget'; interface AppointmentDraggingEvent { readonly component: dxScheduler; readonly event?: DxEvent; readonly itemData?: any; readonly itemElement?: DxElement; readonly fromData?: any; } /** * * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution. */ export interface TargetedAppointmentInfo { /** * */ readonly appointmentData: Appointment; /** * */ readonly targetedAppointmentData?: Appointment; } export { FirstDayOfWeek, Orientation, ScrollMode, }; export type AllDayPanelMode = 'all' | 'allDay' | 'hidden'; export type CellAppointmentsLimit = 'auto' | 'unlimited'; export type RecurrenceEditMode = 'dialog' | 'occurrence' | 'series'; export type AppointmentFormIconsShowMode = 'both' | 'main' | 'recurrence' | 'none'; /** * */ export type AppointmentFormProperties = FormProperties & { /** * */ iconsShowMode?: AppointmentFormIconsShowMode; }; export type ViewType = 'agenda' | 'day' | 'month' | 'timelineDay' | 'timelineMonth' | 'timelineWeek' | 'timelineWorkWeek' | 'week' | 'workWeek'; export type SchedulerScrollToAlign = 'start' | 'center'; export type SchedulerPredefinedToolbarItem = 'today' | 'dateNavigator' | 'viewSwitcher'; export type SchedulerPredefinedDateNavigatorItem = 'prev' | 'next' | 'dateInterval'; /** * The type of the appointmentAdded event handler's argument. */ export type AppointmentAddedEvent = EventInfo & { /** * */ readonly appointmentData: Appointment; /** * */ readonly error?: Error; }; /** * The type of the appointmentAdding event handler's argument. */ export type AppointmentAddingEvent = EventInfo & { /** * */ readonly appointmentData: Appointment; /** * */ cancel: boolean | PromiseLike; }; /** * The type of the appointmentClick event handler's argument. */ export type AppointmentClickEvent = Cancelable & NativeEventInfo & TargetedAppointmentInfo & { /** * */ readonly appointmentElement: DxElement; }; /** * The type of the appointmentContextMenu event handler's argument. */ export type AppointmentContextMenuEvent = NativeEventInfo & TargetedAppointmentInfo & { /** * */ readonly appointmentElement: DxElement; }; /** * The type of the appointmentDblClick event handler's argument. */ export type AppointmentDblClickEvent = Cancelable & NativeEventInfo & TargetedAppointmentInfo & { /** * */ readonly appointmentElement: DxElement; }; /** * The type of the appointmentDeleted event handler's argument. */ export type AppointmentDeletedEvent = EventInfo & { /** * */ readonly appointmentData: Appointment; /** * */ readonly error?: Error; }; /** * The type of the appointmentDeleting event handler's argument. */ export type AppointmentDeletingEvent = EventInfo & { /** * */ readonly appointmentData: Appointment; /** * */ cancel: boolean | PromiseLike; }; /** * The type of the appointmentFormOpening event handler's argument. */ export type AppointmentFormOpeningEvent = Cancelable & EventInfo & { /** * */ readonly appointmentData?: Appointment; /** * */ readonly form: dxForm; /** * */ readonly popup: dxPopup; }; /** * Specifies appointments information in AppointmentTooltipShowingEvent. */ export type AppointmentTooltipShowingAppointmentInfo = { readonly appointmentData: Appointment; readonly currentAppointmentData: Appointment; readonly color: PromiseLike; }; /** * The type of the appointmentTooltipShowing event handler's argument. */ export type AppointmentTooltipShowingEvent = Cancelable & EventInfo & { /** * */ readonly targetElement: DxElement; /** * */ readonly appointments: AppointmentTooltipShowingAppointmentInfo[]; }; /** * The type of the appointmentRendered event handler's argument. */ export type AppointmentRenderedEvent = EventInfo & TargetedAppointmentInfo & { /** * */ readonly appointmentElement: DxElement; }; /** * The type of the appointmentUpdated event handler's argument. */ export type AppointmentUpdatedEvent = EventInfo & { /** * */ readonly appointmentData: Appointment; /** * */ readonly error?: Error; }; /** * The type of the appointmentUpdating event handler's argument. */ export type AppointmentUpdatingEvent = EventInfo & { /** * */ readonly oldData: any; /** * */ readonly newData: any; /** * */ cancel?: boolean | PromiseLike; }; /** * The type of the cellClick event handler's argument. */ export type CellClickEvent = Cancelable & NativeEventInfo & { /** * */ readonly cellData: any; /** * */ readonly cellElement: DxElement; }; /** * The type of the cellContextMenu event handler's argument. */ export type CellContextMenuEvent = NativeEventInfo & { /** * */ readonly cellData: any; /** * */ readonly cellElement: DxElement; }; /** * The type of the contentReady event handler's argument. */ export type ContentReadyEvent = EventInfo; /** * The type of the disposing event handler's argument. */ export type DisposingEvent = EventInfo; /** * The type of the initialized event handler's argument. */ export type InitializedEvent = InitializedEventInfo; /** * The type of the optionChanged event handler's argument. */ export type OptionChangedEvent = EventInfo & ChangedOptionInfo; export type AppointmentDraggingAddEvent = AppointmentDraggingEvent & { readonly fromComponent?: dxSortable | dxDraggable; readonly toComponent?: dxSortable | dxDraggable; readonly toData?: any; }; export type AppointmentDraggingEndEvent = Cancelable & AppointmentDraggingEvent & { readonly fromComponent?: dxSortable | dxDraggable; readonly toComponent?: dxSortable | dxDraggable; readonly toData?: any; readonly toItemData?: any; }; export type AppointmentDraggingMoveEvent = Cancelable & AppointmentDraggingEvent & { readonly fromComponent?: dxSortable | dxDraggable; readonly toComponent?: dxSortable | dxDraggable; readonly toData?: any; }; export type AppointmentDraggingStartEvent = Cancelable & Omit & { itemData?: any; }; export type AppointmentDraggingRemoveEvent = AppointmentDraggingEvent & { readonly fromComponent?: dxSortable | dxDraggable; readonly toComponent?: dxSortable | dxDraggable; }; /** * */ export type AppointmentTemplateData = TargetedAppointmentInfo; /** * */ export type AppointmentTooltipTemplateData = TargetedAppointmentInfo & { /** * */ readonly isButtonClicked: boolean; }; /** * Information about a cell overflow indicator. */ export type AppointmentCollectorTemplateData = { /** * The count of hidden appointments. */ readonly appointmentCount: number; /** * Initially hidden appointments that are displayed after a user clicks an overflow indicator. */ readonly items: Appointment[]; /** * Indicates whether the overflow indicator is compact. */ readonly isCompact: boolean; }; export type DateNavigatorTextInfo = { readonly startDate: Date; readonly endDate: Date; readonly text: string; }; /** * * @deprecated * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution. */ export interface dxSchedulerOptions extends WidgetOptions { /** * Specifies whether the UI component adapts to small screens. */ adaptivityEnabled?: boolean; /** * Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */ allDayExpr?: string; /** * Specifies a custom template for cell overflow indicators. */ appointmentCollectorTemplate?: template | ((data: AppointmentCollectorTemplateData, collectorElement: DxElement) => string | UserDefinedElement); /** * Configures appointment reordering using drag and drop gestures. */ appointmentDragging?: { /** * Enables automatic scrolling while dragging an appointment beyond the viewport. */ autoScroll?: boolean; /** * A container for custom data. */ data?: any | undefined; /** * Allows you to group several UI components so that users can drag and drop appointments between them. */ group?: string | undefined; /** * A function that is called when a new appointment is added. */ onAdd?: ((e: AppointmentDraggingAddEvent) => void); /** * A function that is called when the dragged appointment's position is changed. */ onDragEnd?: ((e: AppointmentDraggingEndEvent) => void); /** * A function that is called every time a draggable appointment is moved. */ onDragMove?: ((e: AppointmentDraggingMoveEvent) => void); /** * A function that is called when the drag gesture is initialized. */ onDragStart?: ((e: AppointmentDraggingStartEvent) => void); /** * A function that is called when a draggable appointment is removed. */ onRemove?: ((e: AppointmentDraggingRemoveEvent) => void); /** * Specifies the distance in pixels from the edge of viewport at which scrolling should start. Applies only if autoScroll is true. */ scrollSensitivity?: number; /** * Specifies the scrolling speed when dragging an appointment beyond the viewport. Applies only if autoScroll is true. */ scrollSpeed?: number; }; /** * Specifies a custom template for appointments. */ appointmentTemplate?: template | ((model: AppointmentTemplateData, itemIndex: number, contentElement: DxElement) => string | UserDefinedElement); /** * Specifies a custom template for tooltips displayed when users click an appointment or cell overflow indicator. */ appointmentTooltipTemplate?: template | ((model: AppointmentTooltipTemplateData, itemIndex: number, contentElement: DxElement) => string | UserDefinedElement); /** * Specifies cell duration in minutes. This property's value should divide the interval between startDayHour and endDayHour into even parts. */ cellDuration?: number; /** * Specifies whether or not an end user can scroll the view in both directions at the same time. */ crossScrollingEnabled?: boolean; /** * Specifies the current date. */ currentDate?: Date | number | string; /** * Specifies the displayed view. Accepts name or type of a view available in the views array. */ currentView?: ViewType | string; /** * Customizes the date navigator's text. */ customizeDateNavigatorText?: ((info: DateNavigatorTextInfo) => string) | undefined; /** * Specifies a custom template for table cells. */ dataCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * Binds the UI component to data. */ dataSource?: DataSourceLike | null; /** * Specifies a custom template for day scale items. */ dateCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * Specifies the format in which date-time values should be sent to the server. */ dateSerializationFormat?: string | undefined; /** * Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */ descriptionExpr?: string; /** * Configures appointment editing options, such as available operations. */ editing?: boolean | { /** * Specifies whether or not an end user can add appointments. */ allowAdding?: boolean; /** * Specifies whether or not an end user can delete appointments. */ allowDeleting?: boolean; /** * Specifies whether users can drag and drop appointments. */ allowDragging?: boolean; /** * Specifies whether or not an end user can change an appointment duration. note] Resizing a [recurring appointment and choosing 'Edit Series' in the 'Edit Recurring Appointment' popup changes the start date of the recurring appointment series. The component removes all appointments before the modified appointment. */ allowResizing?: boolean; /** * Specifies whether users can edit appointment time zones. */ allowTimeZoneEditing?: boolean; /** * Specifies whether or not an end user can change appointment properties. */ allowUpdating?: boolean; /** * Configures the Form component within the Scheduler's appointment edit form. */ form?: AppointmentFormProperties; /** * Configures the Popup component that contains the Scheduler appointment edit form. */ popup?: PopupProperties; }; /** * Specifies the name of the data source item field that defines the ending of an appointment. */ endDateExpr?: string; /** * Specifies the name of the data source item field that defines the timezone of the appointment end date. */ endDateTimeZoneExpr?: string; /** * Specifies the last hour on the time scale. Accepts integer values from 0 to 24. */ endDayHour?: number; /** * Specifies the first day of a week. Does not apply to the agenda view. */ firstDayOfWeek?: FirstDayOfWeek | undefined; /** * Specifies whether the UI component can be focused using keyboard navigation. */ focusStateEnabled?: boolean; /** * If true, appointments are grouped by date first and then by resource; opposite if false. Applies only if appointments are grouped and groupOrientation is 'horizontal'. */ groupByDate?: boolean; /** * Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */ groups?: Array; /** * Specifies the time interval between when the date-time indicator changes its position, in milliseconds. */ indicatorUpdateInterval?: number; /** * The latest date the UI component allows you to select. */ max?: Date | number | string | undefined; /** * Specifies the limit of full-sized appointments displayed per cell. Applies to all views except 'agenda'. */ maxAppointmentsPerCell?: number | CellAppointmentsLimit; /** * The earliest date the UI component allows you to select. */ min?: Date | number | string | undefined; /** * Specifies the text or HTML markup displayed by the UI component if the item collection is empty. Available for the Agenda view only. */ noDataText?: string; /** * A function that is executed after an appointment is added to the data source. */ onAppointmentAdded?: ((e: AppointmentAddedEvent) => void); /** * A function that is executed before an appointment is added to the data source. */ onAppointmentAdding?: ((e: AppointmentAddingEvent) => void); /** * A function that is executed when an appointment is clicked or tapped. */ onAppointmentClick?: ((e: AppointmentClickEvent) => void) | string; /** * A function that is executed when a user attempts to open the browser's context menu for an appointment. Allows you to replace this context menu with a custom context menu. */ onAppointmentContextMenu?: ((e: AppointmentContextMenuEvent) => void) | string; /** * A function that is executed when an appointment is double-clicked or double-tapped. */ onAppointmentDblClick?: ((e: AppointmentDblClickEvent) => void) | string; /** * A function that is executed after an appointment is deleted from the data source. */ onAppointmentDeleted?: ((e: AppointmentDeletedEvent) => void); /** * A function that is executed before an appointment is deleted from the data source. */ onAppointmentDeleting?: ((e: AppointmentDeletingEvent) => void); /** * Occurs before showing an appointment's tooltip. */ onAppointmentTooltipShowing?: ((e: AppointmentTooltipShowingEvent) => void); /** * A function that is executed before Scheduler displays the appointment edit form. */ onAppointmentFormOpening?: ((e: AppointmentFormOpeningEvent) => void); /** * A function that is executed when an appointment is rendered. */ onAppointmentRendered?: ((e: AppointmentRenderedEvent) => void); /** * A function that is executed after an appointment is updated in the data source. */ onAppointmentUpdated?: ((e: AppointmentUpdatedEvent) => void); /** * A function that is executed before an appointment is updated in the data source. */ onAppointmentUpdating?: ((e: AppointmentUpdatingEvent) => void); /** * A function that is executed when a view cell is clicked. */ onCellClick?: ((e: CellClickEvent) => void) | string; /** * A function that is executed when a user attempts to open the browser's context menu for a cell. Allows you to replace this context menu with a custom context menu. */ onCellContextMenu?: ((e: CellContextMenuEvent) => void) | string; /** * Specifies the edit mode for recurring appointments. */ recurrenceEditMode?: RecurrenceEditMode; /** * Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */ recurrenceExceptionExpr?: string; /** * Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */ recurrenceRuleExpr?: string; /** * Specifies whether filtering is performed on the server or client side. */ remoteFiltering?: boolean; /** * Specifies a custom template for resource headers. */ resourceCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * Specifies an array of resources available in the scheduler. */ resources?: Array<{ /** * Specifies whether you can assign several resources of this kind to an appointment. */ allowMultiple?: boolean; /** * Specifies the resource object field that is used as a resource color. */ colorExpr?: string; /** * Specifies available resource instances. */ dataSource?: DataSourceLike | null; /** * Specifies which field from the resource data objects provides values to be displayed in the resource editor. */ displayExpr?: string | ((resource: any) => string); /** * The name of the appointment object field that specifies a resource of this kind. */ fieldExpr?: string; /** * Specifies a resource icon. */ icon?: string; /** * Specifies a resource label. */ label?: string; /** * Specifies whether appointments are colored like this resource kind. */ useColorAsDefault?: boolean; /** * Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */ valueExpr?: string | Function; }>; /** * Configures scrolling. */ scrolling?: dxSchedulerScrolling; /** * The data of the currently selected cells. */ selectedCellData?: Array; /** * Specifies whether to apply shading to cover the timetable up to the current time. */ shadeUntilCurrentTime?: boolean; /** * Specifies the 'All-day' panel's visibility. Setting this property to false hides the panel along with the all-day appointments. */ showAllDayPanel?: boolean; /** * Specifies the current date-time indicator's visibility. */ showCurrentTimeIndicator?: boolean; /** * Specifies the name of the data source item field that defines the start of an appointment. */ startDateExpr?: string; /** * Specifies the name of the data source item field that defines the timezone of the appointment start date. */ startDateTimeZoneExpr?: string; /** * Specifies the first hour on the time scale. Accepts integer values from 0 to 24. */ startDayHour?: number; /** * Specifies the name of the data source item field that holds the subject of an appointment. */ textExpr?: string; /** * Specifies a custom template for time scale items. */ timeCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * Specifies the time zone for the Scheduler's grid. Accepts values from the IANA time zone database. */ timeZone?: string; /** * Specifies whether a user can switch views using tabs or a drop-down menu. */ useDropDownViewSwitcher?: boolean; /** * Specifies the display mode for the All day panel. */ allDayPanelMode?: AllDayPanelMode; /** * Specifies the minute offset applied to configured day durations in all views. */ offset?: number; /** * Specifies and configures the views to be available in the view switcher. */ views?: Array<'day' | 'week' | 'workWeek' | 'month' | 'timelineDay' | 'timelineWeek' | 'timelineWorkWeek' | 'timelineMonth' | 'agenda' | { /** * Specifies the number of dates that can be shown at a time in the agenda view. */ agendaDuration?: number; /** * Specifies a custom template for cell overflow indicators in this view. */ appointmentCollectorTemplate?: template | ((data: AppointmentCollectorTemplateData, collectorElement: DxElement) => string | UserDefinedElement); /** * Specifies a custom template for appointments. */ appointmentTemplate?: template | ((model: AppointmentTemplateData, itemIndex: number, contentElement: DxElement) => string | UserDefinedElement); /** * Specifies a custom template for tooltips displayed when users click an appointment or cell overflow indicator in this view. */ appointmentTooltipTemplate?: template | ((model: AppointmentTooltipTemplateData, itemIndex: number, contentElement: DxElement) => string | UserDefinedElement); /** * The cell duration in minutes. */ cellDuration?: number; /** * Specifies a custom template for table cells. */ dataCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * Specifies a custom template for date scale items. */ dateCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * Specifies the last hour on the view's time scale. Accepts integer values from 0 to 24. */ endDayHour?: number; /** * The first day of a week. Does not apply to the agenda view. */ firstDayOfWeek?: FirstDayOfWeek | undefined; /** * If true, appointments are grouped by date first and then by resource; opposite if false. Applies only if appointments are grouped and groupOrientation is 'horizontal'. */ groupByDate?: boolean; /** * Arranges resource headers vertically (in a column) or horizontally (in a row). */ groupOrientation?: Orientation; /** * The resource kinds by which appointments are grouped. */ groups?: Array; /** * Multiplies the default view interval. Applies to all view types except 'agenda'. */ intervalCount?: number; /** * Specifies the limit of full-sized appointments displayed per cell. Applies to all views except 'agenda'. */ maxAppointmentsPerCell?: number | CellAppointmentsLimit; /** * A custom view name displayed in the view switcher. */ name?: string | undefined; /** * Specifies a custom template for resource headers. */ resourceCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * Specifies the date from which to start counting the view interval. Applies to all view types except 'agenda'. */ startDate?: Date | number | string | undefined; /** * Specifies the first hour on the view's time scale. Accepts integer values from 0 to 24. */ startDayHour?: number; /** * Specifies a custom template for time scale items. */ timeCellTemplate?: template | ((itemData: any, itemIndex: number, itemElement: DxElement) => string | UserDefinedElement); /** * The type of the view. */ type?: ViewType | undefined; /** * Configures scrolling for a view. */ scrolling?: dxSchedulerScrolling; /** * Specifies the display mode for the All day panel. */ allDayPanelMode?: AllDayPanelMode; /** * Specifies the minute offset applied to configured day durations in the view. */ offset?: number; }>; /** * Configures the toolbar. */ toolbar?: Toolbar | undefined; } /** * */ export type DateNavigatorItemProperties = dxButtonGroupOptions & { /** * */ items: Array; }; /** * @deprecated Use ToolbarItem instead * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution. */ export type dxSchedulerToolbarItem = ToolbarItem; /** * Configures toolbar items. */ export type ToolbarItem = dxToolbarItem & { /** * Specifies the name of the predefined toolbar item. */ name?: SchedulerPredefinedToolbarItem; /** * Configures the DevExtreme UI component used as a toolbar item. */ options?: DateNavigatorItemProperties | Object; /** * Specifies toolbar item location. */ location?: ToolbarItemLocation; }; /** * @deprecated Use Toolbar instead * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution. */ export type dxSchedulerToolbar = Toolbar; /** * Configures the toolbar. */ export type Toolbar = { /** * Configures toolbar items. */ items?: Array; /** * Specifies whether the toolbar is visible. */ visible?: boolean | undefined; /** * Specifies whether the toolbar arranges items into multiple lines when their combined width exceeds the toolbar width. */ multiline?: boolean; /** * Specifies whether the toolbar responds to user interaction. */ disabled?: boolean; }; /** * The Scheduler is a UI component that represents scheduled data and allows a user to manage and edit it. */ export default class dxScheduler extends Widget { /** * Adds an appointment. */ addAppointment(appointment: Appointment): void; /** * Deletes an appointment from the timetable and its object from the data source. */ deleteAppointment(appointment: Appointment): void; /** * Deletes a recurring appointment occurrence. */ deleteRecurrence( appointmentData: Appointment, date: Date | string, recurrenceEditMode: RecurrenceEditMode, ): void; getDataSource(): DataSource; /** * Gets the current view's end date. */ getEndViewDate(): Date; /** * Gets the current view's start date. */ getStartViewDate(): Date; /** * Hides an appointment edit form. */ hideAppointmentPopup(saveChanges?: boolean): void; /** * Hides an appointment's or cell overflow indicator's tooltip. */ hideAppointmentTooltip(): void; /** * Scrolls the current view to a specified position. Available for all views except 'agenda'. You should specify the height property to use this method. */ scrollTo(date: Date, group?: object, allDay?: boolean): void; /** * */ scrollTo(date: Date, options?: { group?: object; allDay?: boolean; alignInView?: SchedulerScrollToAlign; }): void; /** * Shows the appointment edit form. */ showAppointmentPopup(appointmentData?: Appointment, createNewAppointment?: boolean, currentAppointmentData?: Appointment): void; /** * Shows a tooltip for a target element. */ showAppointmentTooltip(appointmentData: Appointment, target: string | UserDefinedElement, currentAppointmentData?: Appointment): void; /** * Updates an appointment. */ updateAppointment(target: Appointment, appointment: Appointment): void; } /** * An object that describes an appointment in the Scheduler UI component. */ export type Appointment = dxSchedulerAppointment; /** * @deprecated Use the Scheduler's Appointment type instead * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution. */ export type dxSchedulerAppointment = CollectionWidgetItem & { /** * Specifies whether the appointment lasts all day. */ allDay?: boolean; /** * Specifies a detail description of the appointment. */ description?: string; /** * Specifies whether the appointment responds to user interaction. */ disabled?: boolean; /** * Specifies the ending of the appointment. */ endDate?: Date | string; /** * Specifies the time zone for an appointment's endDate. Accepts values from the IANA time zone database. */ endDateTimeZone?: string; /** * Specifies the HTML markup to be inserted into the appointment element. */ html?: string; /** * Specifies the start date and time of one or more appointments to exclude from a series. This property requires that you also set recurrenceRule. */ recurrenceException?: string; /** * Specifies a recurrence rule based on which the Scheduler generates an appointment series. */ recurrenceRule?: string; /** * Specifies the start of the appointment. */ startDate?: Date | string; /** * Specifies the time zone for an appointment's startDate. Accepts values from the IANA time zone database. */ startDateTimeZone?: string; /** * Specifies a template that should be used to render this appointment only. */ template?: template; /** * Specifies the subject of the appointment. */ text?: string; /** * Specifies whether or not an appointment must be displayed. */ visible?: boolean; } & Record; export type Properties = dxSchedulerOptions; /** * @deprecated use Properties instead * @deprecated Attention! This type is for internal purposes only. If you used it previously, please submit a ticket to our {@link https://supportcenter.devexpress.com/ticket/create Support Center}. We will check if there is an alternative solution. */ export type Options = dxSchedulerOptions; /** * */ export interface dxSchedulerScrolling { /** * Specifies the scrolling mode. */ mode?: ScrollMode; }