@progress/kendo-react-scheduler 13.3.0 → 13.4.0-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/Scheduler.d.ts +597 -0
  2. package/Scheduler.js +1 -1
  3. package/Scheduler.mjs +1 -1
  4. package/components/BaseView.d.ts +25 -0
  5. package/components/BaseView.js +1 -1
  6. package/components/BaseView.mjs +3 -3
  7. package/components/CurrentTimeMarket.d.ts +17 -0
  8. package/components/DateHeaderCell.d.ts +53 -0
  9. package/components/SchedulerForm.d.ts +87 -0
  10. package/components/SchedulerForm.mjs +3 -3
  11. package/components/SchedulerOccurrenceDialog.d.ts +58 -0
  12. package/components/SchedulerOccurrenceDialog.mjs +2 -2
  13. package/components/SchedulerRemoveDialog.d.ts +54 -0
  14. package/components/ShowMoreItemsButton.d.ts +33 -0
  15. package/components/TimeHeaderCell.d.ts +53 -0
  16. package/components/footer/SchedulerFooter.d.ts +37 -0
  17. package/components/footer/bussiness-hours/BussinessHours.d.ts +20 -0
  18. package/components/header/SchedulerHeader.d.ts +34 -0
  19. package/components/header/navigation/NavigationDatePicker.d.ts +12 -0
  20. package/components/header/navigation/SchedulerNavigation.d.ts +31 -0
  21. package/components/header/view-selector/SchedulerViewSelector.d.ts +31 -0
  22. package/components/header/view-selector/ViewSelectorItem.d.ts +16 -0
  23. package/components/header/view-selector/ViewSelectorList.d.ts +10 -0
  24. package/constants/index.d.ts +61 -0
  25. package/constants/index.js +1 -1
  26. package/constants/index.mjs +9 -9
  27. package/context/SchedulerContext.d.ts +234 -0
  28. package/context/SchedulerEditItemContext.d.ts +199 -0
  29. package/context/SchedulerEditSlotContext.d.ts +54 -0
  30. package/context/SchedulerEditTaskContext.d.ts +36 -0
  31. package/context/SchedulerResourceIteratorContext.d.ts +23 -0
  32. package/context/SchedulerViewContext.d.ts +97 -0
  33. package/context/index.d.ts +12 -0
  34. package/dist/cdn/js/kendo-react-scheduler.js +1 -1
  35. package/editors/FilterableComboBox.d.ts +12 -0
  36. package/editors/ResourceEditor.d.ts +22 -0
  37. package/editors/SchedulerFormEditor.d.ts +495 -0
  38. package/editors/SchedulerFormEditor.mjs +3 -3
  39. package/editors/ZonedDateTime.d.ts +25 -0
  40. package/editors/common.d.ts +19 -0
  41. package/hooks/index.d.ts +17 -0
  42. package/hooks/use-items-focus.d.ts +39 -0
  43. package/hooks/use-items-selection.d.ts +47 -0
  44. package/hooks/use-slots-focus.d.ts +47 -0
  45. package/hooks/use-slots-selection.d.ts +37 -0
  46. package/hooks/useAsyncMouseEnterLeave.d.ts +18 -0
  47. package/hooks/useCellSync.d.ts +17 -0
  48. package/hooks/useControlledState.d.ts +20 -0
  49. package/hooks/useEditable.d.ts +10 -0
  50. package/hooks/usePropOrState.d.ts +9 -0
  51. package/hooks/useRowSync.d.ts +18 -0
  52. package/hooks/useSchedulerItem.d.ts +14 -0
  53. package/hooks/useSchedulerSlot.d.ts +14 -0
  54. package/hooks/useSlotExpand.d.ts +12 -0
  55. package/hooks/useWorkHours.d.ts +9 -0
  56. package/index.d.mts +41 -4703
  57. package/index.d.ts +41 -4703
  58. package/items/SchedulerEditItem.d.ts +453 -0
  59. package/items/SchedulerEditItem.mjs +7 -7
  60. package/items/SchedulerItem.d.ts +222 -0
  61. package/items/SchedulerItemContent.d.ts +18 -0
  62. package/items/SchedulerProportionalViewItem.d.ts +19 -0
  63. package/items/SchedulerViewItem.d.ts +46 -0
  64. package/items/hooks/use-drag-item.d.ts +51 -0
  65. package/items/hooks/use-form-item.d.ts +25 -0
  66. package/items/hooks/use-remove-item.d.ts +33 -0
  67. package/items/hooks/use-resize-item.d.ts +57 -0
  68. package/items/hooks/use-series.d.ts +30 -0
  69. package/items/hooks/use-show-occurrence-dialog.d.ts +34 -0
  70. package/items/hooks/use-show-remove-item-dialog.d.ts +34 -0
  71. package/messages/index.d.ts +243 -0
  72. package/models/DataItem.d.ts +15 -0
  73. package/models/DateRange.d.ts +25 -0
  74. package/models/EditableProp.d.ts +36 -0
  75. package/models/Fields.d.ts +60 -0
  76. package/models/Group.d.ts +21 -0
  77. package/models/Item.d.ts +71 -0
  78. package/models/NavigationAction.d.ts +65 -0
  79. package/models/Occurrence.d.ts +59 -0
  80. package/models/Omit.d.ts +11 -0
  81. package/models/Orientation.d.ts +9 -0
  82. package/models/Range.d.ts +17 -0
  83. package/models/Rect.d.ts +22 -0
  84. package/models/Resource.d.ts +15 -0
  85. package/models/SchedulerGroup.d.ts +20 -0
  86. package/models/SchedulerHandle.d.ts +21 -0
  87. package/models/SchedulerModelFields.d.ts +69 -0
  88. package/models/SchedulerResource.d.ts +40 -0
  89. package/models/SchedulerView.d.ts +103 -0
  90. package/models/Slot.d.ts +57 -0
  91. package/models/events.d.ts +96 -0
  92. package/models/index.d.ts +26 -0
  93. package/package-metadata.d.ts +12 -0
  94. package/package-metadata.js +1 -1
  95. package/package-metadata.mjs +9 -16
  96. package/package.json +11 -11
  97. package/recurrence/RecurrenceEditor.d.ts +19 -0
  98. package/recurrence/RecurrenceEditor.mjs +3 -3
  99. package/recurrence/RecurrenceFrequencyEditor.d.ts +17 -0
  100. package/recurrence/RecurrenceRepeatOnWeekEditor.d.ts +20 -0
  101. package/recurrence/common.d.ts +64 -0
  102. package/recurrence/types/EndRule.d.ts +11 -0
  103. package/recurrence/types/Frequency.d.ts +11 -0
  104. package/recurrence/types/FrequencyEntity.d.ts +15 -0
  105. package/recurrence/types/MonthEntity.d.ts +14 -0
  106. package/recurrence/types/OffsetPosition.d.ts +11 -0
  107. package/recurrence/types/OffsetPositionEntity.d.ts +14 -0
  108. package/recurrence/types/RepeatOnRule.d.ts +11 -0
  109. package/recurrence/types/WeekDayEntity.d.ts +14 -0
  110. package/recurrence/types/WeekDayRule.d.ts +14 -0
  111. package/recurrence/utils/index.d.ts +7 -0
  112. package/reducers/editReducer.d.ts +40 -0
  113. package/reducers/index.d.ts +8 -0
  114. package/services/index.d.ts +11 -0
  115. package/services/itemsService.d.ts +19 -0
  116. package/services/occurrenceService.d.ts +10 -0
  117. package/services/occurrenceService.js +1 -1
  118. package/services/occurrenceService.mjs +12 -10
  119. package/services/rangeService.d.ts +10 -0
  120. package/services/slotsService.d.ts +13 -0
  121. package/slots/SchedulerEditSlot.d.ts +62 -0
  122. package/slots/SchedulerSlot.d.ts +140 -0
  123. package/slots/SchedulerViewSlot.d.ts +56 -0
  124. package/tasks/SchedulerEditTask.d.ts +93 -0
  125. package/tasks/SchedulerTask.d.ts +70 -0
  126. package/tasks/SchedulerViewTask.d.ts +44 -0
  127. package/utils/index.d.ts +177 -0
  128. package/views/agenda/AgendaView.d.ts +97 -0
  129. package/views/agenda/AgendaView.js +1 -1
  130. package/views/agenda/AgendaView.mjs +2 -2
  131. package/views/agenda/AgendaViewHeaderItem.d.ts +15 -0
  132. package/views/common/HorizontalResourceIterator.d.ts +33 -0
  133. package/views/common/HorizontalResourceIterator.js +1 -1
  134. package/views/common/HorizontalResourceIterator.mjs +33 -39
  135. package/views/common/SchedulerDrag.d.ts +46 -0
  136. package/views/common/SchedulerResize.d.ts +48 -0
  137. package/views/common/VerticalResourceIterator.d.ts +28 -0
  138. package/views/common/VerticalResourceIterator.js +1 -1
  139. package/views/common/VerticalResourceIterator.mjs +21 -21
  140. package/views/common/utils.d.ts +41 -0
  141. package/views/day/DayView.d.ts +38 -0
  142. package/views/day/DayView.mjs +3 -3
  143. package/views/day/DayViewAllDayRowContent.d.ts +15 -0
  144. package/views/day/DayViewGroupRowContent.d.ts +15 -0
  145. package/views/day/DayViewRowContent.d.ts +20 -0
  146. package/views/day/MultiDayView.d.ts +179 -0
  147. package/views/day/MultiDayView.mjs +8 -8
  148. package/views/month/MonthView.d.ts +104 -0
  149. package/views/month/MonthView.js +1 -1
  150. package/views/month/MonthView.mjs +5 -5
  151. package/views/time/MultiDayTimelineView.d.ts +183 -0
  152. package/views/time/MultiDayTimelineView.mjs +5 -5
  153. package/views/time/TimelineView.d.ts +38 -0
  154. package/views/time/TimelineView.mjs +3 -3
  155. package/views/time/TimelineViewAllEventsRowContent.d.ts +14 -0
  156. package/views/time/TimelineViewRowContent.d.ts +14 -0
  157. package/views/week/WeekView.d.ts +109 -0
  158. package/views/week/WeekView.mjs +1 -1
  159. package/views/week/WorkWeekView.d.ts +27 -0
  160. package/views/week/WorkWeekView.mjs +1 -1
package/index.d.mts CHANGED
@@ -5,4706 +5,44 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { BaseEvent as BaseEvent_2 } from '@progress/kendo-react-common';
9
- import { CheckboxHandle } from '@progress/kendo-react-inputs';
10
- import { CheckboxProps } from '@progress/kendo-react-inputs';
11
- import { ComboBoxProps } from '@progress/kendo-react-dropdowns';
12
- import { DateFormatOptions } from '@progress/kendo-react-intl';
13
- import { DatePickerCloseEvent } from '@progress/kendo-react-dateinputs';
14
- import { DatePickerOpenEvent } from '@progress/kendo-react-dateinputs';
15
- import { DatePickerProps } from '@progress/kendo-react-dateinputs';
16
- import { DateRange as DateRange_2 } from '../..';
17
- import { DateTimePickerCloseEvent } from '@progress/kendo-react-dateinputs';
18
- import { DateTimePickerOpenEvent } from '@progress/kendo-react-dateinputs';
19
- import { DateTimePickerProps } from '@progress/kendo-react-dateinputs';
20
- import { Day } from '@progress/kendo-date-math';
21
- import { DialogHandle } from '@progress/kendo-react-dialogs';
22
- import { DialogProps } from '@progress/kendo-react-dialogs';
23
- import { DropDownListProps } from '@progress/kendo-react-dropdowns';
24
- import { ErrorProps } from '@progress/kendo-react-labels';
25
- import { FieldProps } from '@progress/kendo-react-form';
26
- import { FieldRenderProps } from '@progress/kendo-react-form';
27
- import { FormElementHandle } from '@progress/kendo-react-form';
28
- import { FormElementProps } from '@progress/kendo-react-form';
29
- import { FormProps } from '@progress/kendo-react-form';
30
- import { FormRenderProps } from '@progress/kendo-react-form';
31
- import { InferProps } from 'prop-types';
32
- import { InputHandle } from '@progress/kendo-react-inputs';
33
- import { InputProps } from '@progress/kendo-react-inputs';
34
- import { IntlService } from '@progress/kendo-react-intl';
35
- import { JSX } from 'react/jsx-runtime';
36
- import { LabelProps } from '@progress/kendo-react-labels';
37
- import { LocalizationService } from '@progress/kendo-react-intl';
38
- import { MultiSelectProps } from '@progress/kendo-react-dropdowns';
39
- import * as React_2 from 'react';
40
- import { ReactNodeLike } from 'prop-types';
41
- import { RecurrenceEditorProps } from '../recurrence/RecurrenceEditor';
42
- import { Requireable } from 'prop-types';
43
- import { ResourceEditorProps } from './ResourceEditor';
44
- import { SchedulerFooterHandle as SchedulerFooterHandle_2 } from './components/footer/SchedulerFooter';
45
- import { SchedulerFormHandle as SchedulerFormHandle_2 } from '../components/SchedulerForm';
46
- import { SchedulerHeaderHandle as SchedulerHeaderHandle_2 } from './components/header/SchedulerHeader';
47
- import { SchedulerItemHandle as SchedulerItemHandle_2 } from '../../items/SchedulerItem';
48
- import { SchedulerNavigationHandle } from './components/header/navigation/SchedulerNavigation';
49
- import { SchedulerNavigationProps } from './components/header/navigation/SchedulerNavigation';
50
- import { SchedulerOccurrenceDialogHandle as SchedulerOccurrenceDialogHandle_2 } from '../components/SchedulerOccurrenceDialog';
51
- import { SchedulerRemoveDialogHandle as SchedulerRemoveDialogHandle_2 } from '../components/SchedulerRemoveDialog';
52
- import { SchedulerTaskHandle as SchedulerTaskHandle_2 } from './SchedulerTask';
53
- import { SchedulerViewDateRangeArgs as SchedulerViewDateRangeArgs_2 } from '../..';
54
- import { SchedulerViewItemHandle as SchedulerViewItemHandle_2 } from '../../items/SchedulerViewItem';
55
- import { SchedulerViewItemHandle as SchedulerViewItemHandle_3 } from './SchedulerViewItem';
56
- import { SchedulerViewSelectorHandle } from './components/header/view-selector/SchedulerViewSelector';
57
- import { SchedulerViewSelectorProps } from './components/header/view-selector/SchedulerViewSelector';
58
- import { SchedulerViewSlotHandle as SchedulerViewSlotHandle_2 } from './SchedulerViewSlot';
59
- import { SchedulerViewTaskHandle as SchedulerViewTaskHandle_2 } from './SchedulerViewTask';
60
- import { TextAreaHandle } from '@progress/kendo-react-inputs';
61
- import { TextAreaProps } from '@progress/kendo-react-inputs';
62
- import { ToolbarProps } from '@progress/kendo-react-buttons';
63
- import { ZonedDate } from '@progress/kendo-date-math';
64
-
65
- /**
66
- * Represents the KendoReact [AgendaView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda) Component.
67
- */
68
- export declare const AgendaView: React_2.FunctionComponent<AgendaViewProps>;
69
-
70
- /** @hidden */
71
- export declare const agendaViewDefaultProps: {
72
- name: string;
73
- title: (localization: LocalizationService) => string;
74
- dateRange: ({ intl, date, numberOfDays, timezone }: SchedulerViewDateRangeArgs) => DateRange;
75
- selectedDateFormat: string;
76
- selectedShortDateFormat: string;
77
- slotDuration: number;
78
- slotDivision: number;
79
- numberOfDays: number;
80
- };
81
-
82
- /**
83
- * Represents the properties of the KendoReact [AgendaView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/agendaview) Component.
84
- */
85
- export declare interface AgendaViewProps extends SchedulerViewProps {
86
- /**
87
- * Specifies the step by which the currently rendered days will be changed, when using the back and forwards buttons in the toolbar navigation.
88
- */
89
- step?: number;
90
- /**
91
- * Specifies the number of days that the view will render.
92
- * Defaults to `7`.
93
- */
94
- numberOfDays?: number;
95
- /**
96
- * The long-date format for displaying the
97
- * selected date in the Scheduler toolbar.
98
- * Defaults to `{0:D} - {1:D}`
99
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
100
- */
101
- selectedDateFormat?: string;
102
- /**
103
- * The short-date format for displaying the
104
- * selected date in the Scheduler toolbar.
105
- * Defaults to `{0:d} - {1-d}`
106
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
107
- */
108
- selectedShortDateFormat?: string;
109
- /**
110
- * Sets a custom `className` to the wrapping element of the `AgendaView`.
111
- */
112
- className?: string;
113
- /**
114
- * Sets a custom `id` to the wrapping element of the `AgendaView`.
115
- */
116
- id?: string;
117
- /**
118
- * Sets a custom `style` property to the wrapping element of the `AgendaView`.
119
- */
120
- style?: React_2.CSSProperties;
121
- /**
122
- * Overrides the general `editable` prop of the Scheduler for the specified view only.
123
- */
124
- editable?: EditableProp;
125
- /**
126
- * Overrides the `task` prop of the Scheduler for the specified view only.
127
- */
128
- task?: React_2.ComponentType<SchedulerTaskProps>;
129
- /**
130
- * Overrides the `viewTask` prop of the Scheduler for the specified view only.
131
- */
132
- viewTask?: React_2.ComponentType<SchedulerTaskProps>;
133
- /**
134
- * Overrides the `editTask` prop of the Scheduler for the specified view only.
135
- */
136
- editTask?: React_2.ComponentType<SchedulerTaskProps>;
137
- /**
138
- * Overrides the `slot` prop of the Scheduler for the specified view only.
139
- */
140
- slot?: React_2.ComponentType<SchedulerSlotProps>;
141
- /**
142
- * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
143
- */
144
- viewSlot?: React_2.ComponentType<SchedulerViewSlotProps>;
145
- /**
146
- * Overrides the `editSlot` prop of the Scheduler for the specified view only.
147
- */
148
- editSlot?: React_2.ComponentType<SchedulerEditSlotProps>;
149
- }
150
-
151
- /**
152
- * @hidden
153
- **/
154
- export declare interface BaseEvent<T> {
155
- target: T;
156
- }
157
-
158
- /**
159
- * Specifies the available [DataAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/data_action) types.
160
- */
161
- export declare enum DATA_ACTION {
162
- create = 0,
163
- update = 1,
164
- remove = 2
165
- }
166
-
167
- /**
168
- * Specifies the action which can be dispatched through the [SchedulerDataContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerdatacontext).
169
- *
170
- * For more information refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
171
- */
172
- export declare interface DataAction {
173
- /**
174
- * The `type` of the action. The available types are:
175
- * - `create`
176
- * - `update`
177
- * - `remove`
178
- */
179
- type: DATA_ACTION;
180
- /**
181
- * Specifies if the action should be applied to the whole series of a recurring item. If the item is not recurring, set `series` to `false`.
182
- */
183
- series: boolean;
184
- /**
185
- * Specifies the `dataItem` being edited.
186
- */
187
- dataItem: DataItem;
188
- }
189
-
190
- /**
191
- * Represents the items which the [`data`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-data) property accepts.
192
- * The `data` has no strict type. However, to visualize it correctly,
193
- * use it in combination with the [`modelFields`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-modelfields) property.
194
- * For more information, refer to the article on
195
- * [binding the Scheduler to data](https://www.telerik.com/kendo-react-ui/components/scheduler/data-binding).
196
- */
197
- export declare type DataItem = any;
198
-
199
- /**
200
- * Represents the DateHeaderCell component.
201
- */
202
- export declare const DateHeaderCell: React_2.ForwardRefExoticComponent<DateHeaderCellProps & React_2.RefAttributes<DateHeaderCellHandle | null>>;
203
-
204
- export declare const dateHeaderCellDefaultProps: {
205
- as: React_2.ForwardRefExoticComponent<DateHeaderCellProps & React_2.RefAttributes<unknown>>;
206
- format: string;
207
- };
208
-
209
- /**
210
- * Represents the target(element and props).
211
- */
212
- export declare interface DateHeaderCellHandle {
213
- /**
214
- * The current element or `null` if there is no one.
215
- */
216
- element: HTMLElement | null;
217
- /**
218
- * The props values of the DateHeaderCell.
219
- */
220
- props: DateHeaderCellProps;
221
- }
222
-
223
- /**
224
- * Represents the properties of [DateHeaderCell](https://www.telerik.com/kendo-react-ui/components/scheduler/api/dateheadercell) component.
225
- */
226
- export declare interface DateHeaderCellProps extends React_2.HTMLAttributes<HTMLDivElement> {
227
- /** @hidden */
228
- as?: React_2.ComponentType<DateHeaderCellProps>;
229
- /**
230
- * Represents the date format.
231
- */
232
- format?: string | DateFormatOptions;
233
- /**
234
- * Represents the current date.
235
- */
236
- date: Date;
237
- /**
238
- * Represents the start date.
239
- */
240
- start: Date;
241
- /**
242
- * Represents the end date.
243
- */
244
- end: Date;
245
- }
246
-
247
- /** @hidden */
248
- export declare interface DateRange {
249
- start: Date;
250
- end: Date;
251
- zonedStart: ZonedDate;
252
- zonedEnd: ZonedDate;
253
- }
254
-
255
- /**
256
- * Represents the KendoReact [DayView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/day) Component.
257
- */
258
- export declare const DayView: React_2.FunctionComponent<DayViewProps>;
259
-
260
- /** @hidden */
261
- export declare const dayViewDefaultProps: {
262
- name: string;
263
- title: (localization: any) => any;
264
- numberOfDays: number;
265
- slotDuration: number;
266
- slotDivisions: number;
267
- selectedDateFormat: string;
268
- selectedShortDateFormat: string;
269
- currentTimeMarker: boolean;
270
- dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs_2) => DateRange_2;
271
- startTime: string;
272
- endTime: string;
273
- isWorkDayStart: string;
274
- isWorkDayEnd: string;
275
- workWeekStart: Day;
276
- workWeekEnd: Day;
277
- showCurrentTime: boolean;
278
- defaultShowWorkHours: boolean;
279
- };
280
-
281
- /**
282
- * Represents the properties of the [DayView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/dayviewprops) Component.
283
- */
284
- export declare interface DayViewProps extends MultiDayViewProps {
285
- }
286
-
287
- /**
288
- * Represents the available `action` types for the `SchedulerItemDragItemAction` objects.
289
- *
290
- * The available types are:
291
- * - `DRAG_ITEM_SET'`
292
- * - `DRAG_ITEM_START'`
293
- * - `DRAG_ITEM_DRAG'`
294
- * - `DRAG_ITEM_COMPLETE'`
295
- * - `DRAG_ITEM_COMPLETE_OCCURRENCE'`
296
- * - `DRAG_ITEM_COMPLETE_SERIES'`
297
- * - `DRAG_ITEM_RESET'`
298
- * - `DRAG_ITEM_DRAG_SELECTED`
299
- */
300
- export declare enum DRAG_ITEM_ACTION {
301
- set = "DRAG_ITEM_SET",
302
- start = "DRAG_ITEM_START",
303
- drag = "DRAG_ITEM_DRAG",
304
- complete = "DRAG_ITEM_COMPLETE",
305
- completeOccurrence = "DRAG_ITEM_COMPLETE_OCCURRENCE",
306
- completeSeries = "DRAG_ITEM_COMPLETE_SERIES",
307
- reset = "DRAG_ITEM_RESET",
308
- dragSelected = "DRAG_ITEM_DRAG_SELECTED"
309
- }
310
-
311
- /**
312
- * The editable settings of the Scheduler.
313
- */
314
- export declare interface EditableProp {
315
- /**
316
- * Specifies if the events can be removed by using a **Remove** icon.
317
- */
318
- remove: boolean;
319
- /**
320
- * Specifies if the events can be dragged.
321
- */
322
- drag: boolean;
323
- /**
324
- * Specifies if the events can be resized.
325
- */
326
- resize: boolean;
327
- /**
328
- * Specifies if new events can be added on `slot double click`.
329
- */
330
- add: boolean;
331
- /**
332
- * Specifies if the events can be edited on `item double click`.
333
- */
334
- edit: boolean;
335
- /**
336
- * Specifies if the events can be edited on `item double click`.
337
- */
338
- select: boolean;
339
- }
340
-
341
- /**
342
- * Represents the combined object of the default and custom [modelFields](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc)
343
- */
344
- export declare interface Fields {
345
- /**
346
- * The field name for the unique identifier.
347
- */
348
- id: string;
349
- /**
350
- * The field name for the start date and time.
351
- */
352
- start: string;
353
- /**
354
- * The field name for the start timezone.
355
- */
356
- startTimezone: string;
357
- /**
358
- * The field name for the original start date and time.
359
- */
360
- originalStart: string;
361
- /**
362
- * The field name for the end date and time.
363
- */
364
- end: string;
365
- /**
366
- * The field name for the end timezone.
367
- */
368
- endTimezone: string;
369
- /**
370
- * The field name indicating if the event is an all-day event.
371
- */
372
- isAllDay: string;
373
- /**
374
- * The field name for the event title.
375
- */
376
- title: string;
377
- /**
378
- * The field name for the event description.
379
- */
380
- description: string;
381
- /**
382
- * The field name for the recurrence rule.
383
- */
384
- recurrenceRule: string;
385
- /**
386
- * The field name for the recurrence identifier.
387
- */
388
- recurrenceId: string;
389
- /**
390
- * The field name for the recurrence exceptions.
391
- */
392
- recurrenceExceptions: string;
393
- }
394
-
395
- /** @hidden */
396
- declare enum FORM_ITEM_ACTION {
397
- set = "FORM_ITEM_SET",
398
- setMaster = "FORM_ITEM_SET_MASTER",
399
- reset = "FORM_ITEM_RESET",
400
- complete = "FORM_ITEM_COMPLETE"
401
- }
402
-
403
- /**
404
- * Represents the Scheduler `Group` object, calculated based on the [group](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-group) and [resources](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-resources)
405
- */
406
- export declare interface Group {
407
- /**
408
- * The index of the group.
409
- */
410
- index: number;
411
- /**
412
- * The array of resources that belong to this group.
413
- */
414
- resources: SchedulerResource[];
415
- }
416
-
417
- /** @hidden */
418
- declare interface Item extends Occurrence {
419
- /** @hidden */
420
- _ref: React.RefObject<SchedulerItemHandle | SchedulerTaskHandle | null>;
421
- /**
422
- * Represents the `ref` of the actual `item`.
423
- */
424
- itemRef: React.RefObject<SchedulerItemHandle | SchedulerTaskHandle | null>;
425
- /**
426
- * Represents if the `end` of the item is outside the current visual range.
427
- */
428
- head: boolean;
429
- /**
430
- * Represents if the `start` of the item is outside the current visual range.
431
- */
432
- tail: boolean;
433
- /**
434
- * Represents the order of the item among its siblings.
435
- */
436
- order: number | null;
437
- /**
438
- * Represents the `start` Date in the provided timezone.
439
- *
440
- * For more information about timezones, refer to the [Scheduler TImezones](https://www.telerik.com/kendo-react-ui/components/scheduler/timezones) article.
441
- */
442
- zonedStart: ZonedDate;
443
- /**
444
- * Represents the `end` Date in the provided timezone.
445
- *
446
- * For more information about timezones, refer to the [Scheduler TImezones](https://www.telerik.com/kendo-react-ui/components/scheduler/timezones) article.
447
- */
448
- zonedEnd: ZonedDate;
449
- /**
450
- * A collection of all `slots` in which the current item fits.
451
- */
452
- slots: Slot[];
453
- /**
454
- * Represents the current group in which the item is rendered.
455
- */
456
- group: Group;
457
- /**
458
- * Represents the current range in which the item is rendered.
459
- */
460
- range: Range_2;
461
- /**
462
- * Represents if the item is an exception to a recurrence rule.
463
- */
464
- isException: boolean;
465
- /**
466
- * Represents if the item is a single occurrence of a recurring `DataItem`.
467
- */
468
- isRecurring: boolean;
469
- /**
470
- * Represents if the item durations is through the whole day.
471
- */
472
- isAllDay: boolean;
473
- }
474
-
475
- /**
476
- * @hidden
477
- */
478
- export declare interface ItemDragEvent {
479
- pageX: number;
480
- pageY: number;
481
- clientX: number;
482
- clientY: number;
483
- offsetX: number;
484
- offsetY: number;
485
- type: string;
486
- ctrlKey: boolean;
487
- shiftKey: boolean;
488
- altKey: boolean;
489
- originalEvent: PointerEvent;
490
- }
491
-
492
- /**
493
- * Represents the available `action` types for the `SchedulerItemsFocusAction` objects.
494
- *
495
- * The available types are:
496
- * - `ITEMS_FOCUS_NEXT`
497
- * - `ITEMS_FOCUS_PREV`
498
- */
499
- export declare enum ITEMS_FOCUS_ACTION {
500
- next = "ITEMS_FOCUS_NEXT",
501
- prev = "ITEMS_FOCUS_PREV"
502
- }
503
-
504
- /**
505
- * Represents the available `action` types for the `SchedulerItemsSelectAction` objects.
506
- *
507
- * The available types are:
508
- * - 'ITEMS_SELECT_SELECT`
509
- * - 'ITEMS_SELECT_SELECT_NEXT`
510
- * - 'ITEMS_SELECT_SELECT_PREV`
511
- * - 'ITEMS_SELECT_RESET`
512
- * - 'ITEMS_SELECT_ADD`
513
- * - 'ITEMS_SELECT_REMOVE`
514
- */
515
- export declare enum ITEMS_SELECT_ACTION {
516
- select = "ITEMS_SELECT_SELECT",
517
- selectNext = "ITEMS_SELECT_SELECT_NEXT",
518
- selectPrev = "ITEMS_SELECT_SELECT_PREV",
519
- reset = "ITEMS_SELECT_RESET",
520
- add = "ITEMS_SELECT_ADD",
521
- remove = "ITEMS_SELECT_REMOVE"
522
- }
523
-
524
- /**
525
- * Represents the KendoReact [MonthView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/month) Component.
526
- */
527
- export declare const MonthView: React_2.FunctionComponent<MonthViewProps>;
528
-
529
- /** @hidden */
530
- export declare const monthViewDefaultProps: {
531
- name: string;
532
- dateRange: ({ intl, date, timezone }: SchedulerViewDateRangeArgs) => DateRange;
533
- slotDuration: number;
534
- slotDivision: number;
535
- itemsPerSlot: number;
536
- numberOfDays: number;
537
- title: (localization: any) => any;
538
- selectedDateFormat: string;
539
- selectedShortDateFormat: string;
540
- };
541
-
542
- /**
543
- * Represents the props of the KendoReact [MonthView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/monthview) Component.
544
- */
545
- export declare interface MonthViewProps extends Omit<SchedulerViewProps, 'numberOfDays' | 'step'> {
546
- /**
547
- * Sets the maximum number of `items` to be rendered in a single `slot`, before adding the `show-more` button.
548
- */
549
- itemsPerSlot?: number;
550
- /**
551
- * The long-date format for displaying the
552
- * selected date in the Scheduler toolbar.
553
- * Defaults to `{0:Y}`
554
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
555
- */
556
- selectedDateFormat?: string;
557
- /**
558
- * The short-date format for displaying the
559
- * selected date in the Scheduler toolbar.
560
- * Defaults to `{0:Y}`
561
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
562
- */
563
- selectedShortDateFormat?: string;
564
- /**
565
- * Overrides the general `editable` prop of the Scheduler for the specified view only.
566
- */
567
- editable?: boolean;
568
- /**
569
- * Sets a custom `className` to the wrapping element of the `DayView`.
570
- */
571
- className?: string;
572
- /**
573
- * Sets a custom `id` to the wrapping element of the `DayView`.
574
- */
575
- id?: string;
576
- /**
577
- * Sets a custom `style` property to the wrapping element of the `DayView`.
578
- */
579
- style?: React_2.CSSProperties;
580
- /**
581
- * Overrides the `item` prop of the Scheduler for the specified view only.
582
- */
583
- item?: React_2.ComponentType<SchedulerItemProps>;
584
- /**
585
- * Overrides the `viewItem` prop of the Scheduler for the specified view only.
586
- */
587
- viewItem?: React_2.ComponentType<SchedulerViewItemProps>;
588
- /**
589
- * Overrides the `editableItem` prop of the Scheduler for the specified view only.
590
- */
591
- editItem?: React_2.ComponentType<SchedulerEditItemProps>;
592
- /**
593
- * Overrides the `slot` prop of the Scheduler for the specified view only.
594
- */
595
- slot?: React_2.ComponentType<SchedulerSlotProps>;
596
- /**
597
- * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
598
- */
599
- viewSlot?: React_2.ComponentType<SchedulerViewSlotProps>;
600
- /**
601
- * Overrides the `editSlot` prop of the Scheduler for the specified view only.
602
- */
603
- editSlot?: React_2.ComponentType<SchedulerEditSlotProps>;
604
- /**
605
- * Represents component based on the DateHeaderCellProps.
606
- */
607
- dateHeaderCell?: React_2.ComponentType<DateHeaderCellProps>;
608
- /**
609
- * Overrides the `form` prop of the Scheduler for the specified view only.
610
- */
611
- form?: React_2.ComponentType<SchedulerFormProps>;
612
- }
613
-
614
- /**
615
- * @hidden
616
- */
617
- declare interface MultiDayTimelineViewProps extends SchedulerViewProps {
618
- /**
619
- * Specifies the step by which the currently rendered days will be changed, when using the back and forwards buttons in the toolbar navigation.
620
- */
621
- step?: number;
622
- /**
623
- * Specifies the number of days that the view will render.
624
- * Defaults to `1`.
625
- */
626
- numberOfDays?: number;
627
- /**
628
- * The long-date format for displaying the
629
- * selected date in the Scheduler toolbar.
630
- * Defaults to `{0:D} - {1:D}`
631
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
632
- */
633
- selectedDateFormat?: string;
634
- /**
635
- * The short-date format for displaying the
636
- * selected date in the Scheduler toolbar.
637
- * Defaults to `{0:d} - {1-d}`
638
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
639
- */
640
- selectedShortDateFormat?: string;
641
- /**
642
- * Overrides the general `editable` prop of the Scheduler for the specified view only.
643
- */
644
- editable?: boolean | EditableProp;
645
- /**
646
- * The start time of the view. The TimelineView displays events which are visible after the start time.
647
- * Accepts string values in the `HH:mm` format.
648
- */
649
- startTime?: string;
650
- /**
651
- * The end time of the view. The TimelineView displays events which are visible before the end time.
652
- * Accepts string values in the `HH:mm` format.
653
- */
654
- endTime?: string;
655
- /**
656
- * The start time of the view when `showWorkHours` is set to `true`.
657
- * Accepts string values in the `HH:mm` format.
658
- */
659
- workDayStart?: string;
660
- /** @hidden */
661
- isWorkDayStart?: string;
662
- /**
663
- * The end time of the view when `showWorkHours` is set to `true`.
664
- * Accepts string values in the `HH:mm` format.
665
- */
666
- workDayEnd?: string;
667
- /** @hidden */
668
- isWorkDayEnd?: string;
669
- /**
670
- * The start of the work week.
671
- */
672
- workWeekStart?: Day;
673
- /**
674
- * The end of the work week.
675
- */
676
- workWeekEnd?: Day;
677
- /**
678
- * The number of divisions of the time slots.
679
- */
680
- slotDivisions?: number;
681
- /**
682
- * The duration (in minutes) of the time slots.
683
- */
684
- slotDuration?: number;
685
- /**
686
- * The width of a single time slot in pixels. Default is 100px.
687
- */
688
- columnWidth?: number;
689
- /**
690
- * If set to `true`, the view will be shown in the business-hours mode only.
691
- *
692
- * This will always override the internal `showWorkHours` state.
693
- */
694
- showWorkHours?: boolean;
695
- /**
696
- * Sets the initial business-hour mode. Default `true`.
697
- *
698
- * This option applies only the initial `showWorkHours` state.
699
- */
700
- defaultShowWorkHours?: boolean;
701
- /**
702
- * Sets a custom `className` to the wrapping element of the `TimelineView`.
703
- */
704
- className?: string;
705
- /**
706
- * Sets a custom `id` to the wrapping element of the `TimelineView`.
707
- */
708
- id?: string;
709
- /**
710
- * Sets a custom `style` property to the wrapping element of the `TimelineView`.
711
- */
712
- style?: React_2.CSSProperties;
713
- /**
714
- * Overrides the `item` prop of the Scheduler for the specified view only.
715
- */
716
- item?: React_2.ComponentType<SchedulerItemProps>;
717
- /**
718
- * Overrides the `viewItem` prop of the Scheduler for the specified view only.
719
- */
720
- viewItem?: React_2.ComponentType<SchedulerViewItemProps>;
721
- /**
722
- * Overrides the `editableItem` prop of the Scheduler for the specified view only.
723
- */
724
- editItem?: React_2.ComponentType<SchedulerEditItemProps>;
725
- /**
726
- * Overrides the `slot` prop of the Scheduler for the specified view only.
727
- */
728
- slot?: React_2.ComponentType<SchedulerSlotProps>;
729
- /**
730
- * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
731
- */
732
- viewSlot?: React_2.ComponentType<SchedulerViewSlotProps>;
733
- /**
734
- * Overrides the `editSlot` prop of the Scheduler for the specified view only.
735
- */
736
- editSlot?: React_2.ComponentType<SchedulerEditSlotProps>;
737
- /**
738
- * Overrides the `form` prop of the Scheduler for the specified view only.
739
- */
740
- form?: React_2.ComponentType<SchedulerFormProps>;
741
- /**
742
- * If set to `false` the "current time" marker of the scheduler would not be displayed.
743
- */
744
- currentTimeMarker?: boolean;
745
- /**
746
- * Represents component based on the DateHeaderCellProps.
747
- */
748
- dateHeaderCell?: React_2.ComponentType<DateHeaderCellProps>;
749
- /**
750
- * Represents component based on the TimeHeaderCellProps.
751
- */
752
- timeHeaderCell?: React_2.ComponentType<TimeHeaderCellProps>;
753
- }
754
-
755
- /**
756
- * @hidden
757
- */
758
- declare interface MultiDayViewProps extends SchedulerViewProps {
759
- /**
760
- * The long-date format for displaying the
761
- * selected date in the Scheduler toolbar.
762
- * Defaults to `{0:D} - {1:D}`
763
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
764
- */
765
- selectedDateFormat?: string;
766
- /**
767
- * The short-date format for displaying the
768
- * selected date in the Scheduler toolbar.
769
- * Defaults to `{0:d} - {1-d}`
770
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
771
- */
772
- selectedShortDateFormat?: string;
773
- /**
774
- * Overrides the general `editable` prop of the Scheduler for the specified view only.
775
- */
776
- editable?: boolean;
777
- /**
778
- * Specifies the number of days that the view will render.
779
- * Defaults to `1`.
780
- */
781
- numberOfDays?: number;
782
- /**
783
- * The start time of the view. The MultiDayView displays events which are visible after the start time.
784
- * Accepts string values in the `HH:mm` format.
785
- */
786
- startTime?: string;
787
- /**
788
- * The end time of the view. The MultiDayView displays events which are visible before the end time.
789
- * Accepts string values in the `HH:mm` format.
790
- */
791
- endTime?: string;
792
- /**
793
- * Specifies the step by which the currently rendered days will be changed, when using the back and forwards buttons in the toolbar navigation.
794
- */
795
- step?: number;
796
- /**
797
- * The start time of the view when `showWorkHours` is set to `true`.
798
- * Accepts string values in the `HH:mm` format.
799
- */
800
- workDayStart?: string;
801
- /** @hidden */
802
- isWorkDayStart?: string;
803
- /**
804
- * The end time of the view when `showWorkHours` is set to `true`.
805
- * Accepts string values in the `HH:mm` format.
806
- */
807
- workDayEnd?: string;
808
- /** @hidden */
809
- isWorkDayEnd?: string;
810
- /**
811
- * The start of the work week.
812
- */
813
- workWeekStart?: Day;
814
- /**
815
- * The end of the work week.
816
- */
817
- workWeekEnd?: Day;
818
- /**
819
- * The number of divisions of the time slots.
820
- */
821
- slotDivisions?: number;
822
- /**
823
- * The duration (in minutes) of the time slots.
824
- */
825
- slotDuration?: number;
826
- /**
827
- * If set to `true`, the view will be shown in the business-hours mode only.
828
- *
829
- * This will always override the internal `showWorkHours` state.
830
- */
831
- showWorkHours?: boolean;
832
- /**
833
- * Sets the initial business-hour mode. Default `true`.
834
- *
835
- * This option applies only the initial `showWorkHours` state.
836
- */
837
- defaultShowWorkHours?: boolean;
838
- /**
839
- * Sets a custom `className` to the wrapping element of the `DayView`.
840
- */
841
- className?: string;
842
- /**
843
- * Sets a custom `id` to the wrapping element of the `DayView`.
844
- */
845
- id?: string;
846
- /**
847
- * Sets a custom `style` property to the wrapping element of the `DayView`.
848
- */
849
- style?: React_2.CSSProperties;
850
- /**
851
- * Overrides the `item` prop of the Scheduler for the specified view only.
852
- */
853
- item?: React_2.ComponentType<SchedulerItemProps>;
854
- /**
855
- * Overrides the `viewItem` prop of the Scheduler for the specified view only.
856
- */
857
- viewItem?: React_2.ComponentType<SchedulerViewItemProps>;
858
- /**
859
- * Overrides the `editableItem` prop of the Scheduler for the specified view only.
860
- */
861
- editItem?: React_2.ComponentType<SchedulerEditItemProps>;
862
- /**
863
- * Overrides the `slot` prop of the Scheduler for the specified view only.
864
- */
865
- slot?: React_2.ComponentType<SchedulerSlotProps>;
866
- /**
867
- * Overrides the `viewSlot` prop of the Scheduler for the specified view only.
868
- */
869
- viewSlot?: React_2.ComponentType<SchedulerViewSlotProps>;
870
- /**
871
- * Overrides the `editSlot` prop of the Scheduler for the specified view only.
872
- */
873
- editSlot?: React_2.ComponentType<SchedulerEditSlotProps>;
874
- /**
875
- * Overrides the `form` prop of the Scheduler for the specified view only.
876
- */
877
- form?: React_2.ComponentType<SchedulerFormProps>;
878
- /**
879
- * If set to `false` the "current time" marker of the scheduler would not be displayed.
880
- */
881
- currentTimeMarker?: boolean;
882
- /**
883
- * Represents component based on the DateHeaderCellProps.
884
- */
885
- dateHeaderCell?: React_2.ComponentType<DateHeaderCellProps>;
886
- /**
887
- * Represents component based on the TimeHeaderCellProps.
888
- */
889
- timeHeaderCell?: React_2.ComponentType<TimeHeaderCellProps>;
890
- }
891
-
892
- /** @hidden */
893
- export declare interface Occurrence {
894
- /** @hidden */
895
- uid: string | number;
896
- /**
897
- * The `start` date of the item.
898
- */
899
- start: Date;
900
- /**
901
- * The `end` date of the item.
902
- */
903
- end: Date;
904
- /**
905
- * Represents the original start of the item.
906
- *
907
- * This property is being used when only a single occurrence of a recurring item is being edited.
908
- */
909
- originalStart: Date | null;
910
- /**
911
- * The timezone name for the `start` date.
912
- */
913
- startTimezone: string | null;
914
- /**
915
- * The timezone name for the `end` date.
916
- */
917
- endTimezone: string | null;
918
- /** @hidden */
919
- isAllDay: boolean | null;
920
- /**
921
- * The `title` of the item.
922
- */
923
- title: string | null;
924
- /**
925
- * The `description` of the item.
926
- */
927
- description: string | null;
928
- /** @hidden */
929
- occurrenceId: string | null;
930
- /** @hidden */
931
- recurrenceExceptions: Date[] | null;
932
- /** @hidden */
933
- recurrenceRule: string | null;
934
- /** @hidden */
935
- recurrenceId: string | number | null;
936
- /**
937
- * Represents the original `DataItem` from which the item was created.
938
- *
939
- * For more information about the `data` collection, refer to the [Scheduler Data Binding](https://www.telerik.com/kendo-react-ui/components/scheduler/data-binding) article.
940
- */
941
- dataItem: DataItem;
942
- }
943
-
944
- /**
945
- * @hidden
946
- */
947
- declare type Omit_2<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
948
-
949
- /** @hidden */
950
- declare type Orientation = 'horizontal' | 'vertical' | null;
951
-
952
- /** @hidden */
953
- declare interface Range_2 {
954
- index: number;
955
- start: Date;
956
- end: Date;
957
- zonedStart: ZonedDate;
958
- zonedEnd: ZonedDate;
959
- isAllDay?: boolean;
960
- }
961
- export { Range_2 as Range }
962
-
963
- /**
964
- * Represents the available `action` types for the `SchedulerItemRemoveItemAction` objects.
965
- *
966
- * The available types are:
967
- * - `REMOVE_ITEM_SET`
968
- * - `REMOVE_ITEM_RESET`
969
- * - `REMOVE_ITEM_COMPLETE`
970
- */
971
- export declare enum REMOVE_ITEM_ACTION {
972
- set = "REMOVE_ITEM_SET",
973
- reset = "REMOVE_ITEM_RESET",
974
- complete = "REMOVE_ITEM_COMPLETE"
975
- }
976
-
977
- /**
978
- * Represents the available `action` types for the `SchedulerItemResizeItemAction` objects.
979
- *
980
- * The available types are:
981
- * - `RESIZE_ITEM_SET`
982
- * - `RESIZE_ITEM_START`
983
- * - `RESIZE_ITEM_START_DRAG`
984
- * - `RESIZE_ITEM_START_DRAG_SELECTED`
985
- * - `RESIZE_ITEM_END_DRAG`
986
- * - `RESIZE_ITEM_END_DRAG_SELECTED`
987
- * - `RESIZE_ITEM_COMPLETE`
988
- * - `RESIZE_ITEM_COMPLETE_OCCURRENCE`
989
- * - `RESIZE_ITEM_COMPLETE_SERIES`
990
- * - `RESIZE_ITEM_RESET`
991
- */
992
- export declare enum RESIZE_ITEM_ACTION {
993
- set = "RESIZE_ITEM_SET",
994
- start = "RESIZE_ITEM_START",
995
- startDrag = "RESIZE_ITEM_START_DRAG",
996
- startDragSelected = "RESIZE_ITEM_START_DRAG_SELECTED",
997
- endDrag = "RESIZE_ITEM_END_DRAG",
998
- endDragSelected = "RESIZE_ITEM_END_DRAG_SELECTED",
999
- complete = "RESIZE_ITEM_COMPLETE",
1000
- completeOccurrence = "RESIZE_ITEM_COMPLETE_OCCURRENCE",
1001
- completeSeries = "RESIZE_ITEM_COMPLETE_SERIES",
1002
- reset = "RESIZE_ITEM_RESET"
1003
- }
1004
-
1005
- /** @hidden */
1006
- export declare interface Resource {
1007
- field: string;
1008
- valueField: string;
1009
- textField?: string;
1010
- colorField?: string;
1011
- multiple?: boolean;
1012
- }
1013
-
1014
- /**
1015
- * Represents the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler)
1016
- *
1017
- * @remarks
1018
- * Supported children components are: {@link TimelineView}, {@link DayView}, {@link WeekView}, {@link MonthView}, {@link AgendaView}.
1019
- *
1020
- * @example
1021
- * ```jsx
1022
- * const currentYear = new Date().getFullYear();
1023
- * const parseAdjust = (eventDate) => {
1024
- * const date = new Date(eventDate);
1025
- * date.setFullYear(currentYear);
1026
- * return date;
1027
- * };
1028
- *
1029
- * const baseData = [
1030
- * {
1031
- * TaskID: 4,
1032
- * OwnerID: 2,
1033
- * Title: 'Bowling tournament',
1034
- * Description: '',
1035
- * StartTimezone: null,
1036
- * Start: '2013-06-09T21:00:00.000Z',
1037
- * End: '2013-06-10T00:00:00.000Z',
1038
- * EndTimezone: null,
1039
- * RecurrenceRule: null,
1040
- * RecurrenceID: null,
1041
- * RecurrenceException: null,
1042
- * isAllDay: false,
1043
- * },
1044
- * {
1045
- * TaskID: 5,
1046
- * OwnerID: 2,
1047
- * Title: 'Take the dog to the vet',
1048
- * Description: '',
1049
- * StartTimezone: null,
1050
- * Start: '2013-06-10T07:00:00.000Z',
1051
- * End: '2013-06-10T08:00:00.000Z',
1052
- * EndTimezone: null,
1053
- * RecurrenceRule: null,
1054
- * RecurrenceID: null,
1055
- * RecurrenceException: null,
1056
- * isAllDay: false,
1057
- * },
1058
- * ];
1059
- *
1060
- * const sampleData = baseData.map((dataItem) => ({
1061
- * id: dataItem.TaskID,
1062
- * start: parseAdjust(dataItem.Start),
1063
- * startTimezone: dataItem.startTimezone,
1064
- * end: parseAdjust(dataItem.End),
1065
- * endTimezone: dataItem.endTimezone,
1066
- * isAllDay: dataItem.isAllDay,
1067
- * title: dataItem.Title,
1068
- * description: dataItem.Description,
1069
- * recurrenceRule: dataItem.RecurrenceRule,
1070
- * recurrenceExceptions: dataItem.RecurrenceException,
1071
- * roomId: dataItem.RoomID,
1072
- * ownerID: dataItem.OwnerID,
1073
- * personId: dataItem.OwnerID,
1074
- * }));
1075
- *
1076
- * const App = () => {
1077
- * return (
1078
- * <Scheduler data={sampleData}>
1079
- * <AgendaView />
1080
- * <DayView />
1081
- * <WeekView />
1082
- * <MonthView />
1083
- * </Scheduler>
1084
- * );
1085
- * };
1086
- * ```
1087
- */
1088
- export declare const Scheduler: React_2.ForwardRefExoticComponent<SchedulerProps & React_2.RefAttributes<SchedulerHandle | null>>;
1089
-
1090
- /**
1091
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the Scheduler internal `activeView` state.
1092
- *
1093
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
1094
- */
1095
- export declare const SchedulerActiveViewContext: React_2.Context<SchedulerActiveViewContextType>;
1096
-
1097
- /**
1098
- * Specifies the result of the [useSchedulerActiveViewContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleractiveviewcontext) and [SchedulerActiveViewContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleractiveviewcontext).
1099
- */
1100
- export declare type SchedulerActiveViewContextType = [string, (activeView: string, event?: any) => void];
1101
-
1102
- /**
1103
- * Fires every time the user changes the provided `data`.
1104
- *
1105
- * For more information, refer to the [Scheduler Data Binding](https://www.telerik.com/kendo-react-ui/components/scheduler/data-binding) article.
1106
- */
1107
- export declare interface SchedulerDataChangeEvent {
1108
- /**
1109
- * Contains the newly created data items.
1110
- */
1111
- created: DataItem[];
1112
- /**
1113
- * Contains the updated data items.
1114
- */
1115
- updated: DataItem[];
1116
- /**
1117
- * Contains the deleted data items.
1118
- */
1119
- deleted: DataItem[];
1120
- }
1121
-
1122
- /**
1123
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the Scheduler internal `data` reducer.
1124
- *
1125
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
1126
- */
1127
- export declare const SchedulerDataContext: React_2.Context<SchedulerDataContextType>;
1128
-
1129
- /**
1130
- * Specifies the result of the [useSchedulerDataContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulerdatacontext) and [SchedulerDataContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerdatacontext).
1131
- */
1132
- export declare type SchedulerDataContextType = [DataItem[], (action: DataAction, event?: any) => void];
1133
-
1134
- /**
1135
- * Fires every time the user changes the selected `date`.
1136
- * The value is a JavaScript `Date` object.
1137
- * For more information, refer to the article on
1138
- * [date selection](https://www.telerik.com/kendo-react-ui/components/scheduler/date-selection).
1139
- */
1140
- export declare interface SchedulerDateChangeEvent {
1141
- /**
1142
- * The new date value selected by the user.
1143
- */
1144
- value: Date;
1145
- }
1146
-
1147
- /**
1148
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the Scheduler internal `date` state.
1149
- *
1150
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
1151
- */
1152
- export declare const SchedulerDateContext: React_2.Context<SchedulerDateContextType>;
1153
-
1154
- /**
1155
- * Specifies the result of the [useSchedulerDateContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulerdatecontext) and [SchedulerDateContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerdatecontext).
1156
- */
1157
- export declare type SchedulerDateContextType = [Date, (date: Date, event?: any) => void];
1158
-
1159
- /**
1160
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the `dateRange` of the current view.
1161
- *
1162
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
1163
- */
1164
- export declare const SchedulerDateRangeContext: React_2.Context<DateRange>;
1165
-
1166
- /**
1167
- * Specifies the result of the [useSchedulerDateRangeContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulerdaterangecontext) and [SchedulerDateRangeContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerdaterangecontext).
1168
- */
1169
- export declare type SchedulerDateRangeContextType = DateRange;
1170
-
1171
- export declare const schedulerDefaultProps: {
1172
- data: never[];
1173
- height: number;
1174
- tabIndex: number;
1175
- editable: boolean;
1176
- defaultDate: Date;
1177
- header: React_2.ForwardRefExoticComponent<SchedulerHeaderProps & React_2.RefAttributes<SchedulerHeaderHandle_2>>;
1178
- footer: React_2.ForwardRefExoticComponent<SchedulerFooterProps & React_2.RefAttributes<SchedulerFooterHandle_2>>;
1179
- navigation: React_2.ForwardRefExoticComponent<SchedulerNavigationProps & React_2.RefAttributes<SchedulerNavigationHandle>>;
1180
- viewSelector: React_2.ForwardRefExoticComponent<SchedulerViewSelectorProps & React_2.RefAttributes<SchedulerViewSelectorHandle>>;
1181
- };
1182
-
1183
- /**
1184
- * Represents the default `drag` component rendered by the [KendoReact SchedulerEditItem component].
1185
- */
1186
- export declare const SchedulerDrag: React_2.FunctionComponent<SchedulerDragProps>;
1187
-
1188
- export declare const schedulerDragDefaultProps: {
1189
- viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_2>>;
1190
- item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle_2>>;
1191
- };
1192
-
1193
- /**
1194
- * Represents the props of the KendoReact [SchedulerDrag] component.
1195
- */
1196
- export declare interface SchedulerDragProps {
1197
- /** @hidden */
1198
- ignoreIsAllDay?: boolean;
1199
- /**
1200
- * Specifies the `DataItem` to be visualized as a Drag item.
1201
- */
1202
- dataItem: DataItem;
1203
- /**
1204
- * Specifies the orientation of the SchedulerItem inside the Drag.
1205
- */
1206
- vertical?: boolean;
1207
- /**
1208
- * Overrides the default component responsible for visualizing a single item.
1209
- *
1210
- * The default Component is: [SchedulerItem].
1211
- */
1212
- item?: React_2.ComponentType<SchedulerItemProps>;
1213
- /**
1214
- * Overrides the default component responsible for positioning the item inside the view.
1215
- *
1216
- * The default Component is: [SchedulerViewItem]().
1217
- */
1218
- viewItem?: React_2.ComponentType<SchedulerViewItemProps>;
1219
- }
1220
-
1221
- /**
1222
- * Represents the default `editItem` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
1223
- *
1224
- * This is a composite component of the [`SchedulerViewItem`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewitem), extending it to provide editing through drag, resize and external form.
1225
- */
1226
- export declare const SchedulerEditItem: React_2.ForwardRefExoticComponent<SchedulerEditItemProps & React_2.RefAttributes<SchedulerEditItemHandle>>;
1227
-
1228
- /**
1229
- * Represents the available SchedulerEditItem` actions.
1230
- *
1231
- * Can be one of:
1232
- * - [SchedulerItemDragItemAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemdragitemaction)
1233
- * - [SchedulerItemResizeItemAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemresizeitemaction)
1234
- * - [SchedulerItemRemoveItemAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemremoveitemaction)
1235
- * - [SchedulerItemShowRemoveDialogAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemshowremovedialogaction)
1236
- * - [SchedulerItemShowOccurrenceDialogAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemshowoccurrencedialogaction)
1237
- * - [SchedulerItemSeriesAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemseriesaction)
1238
- * - [SchedulerItemsFocusAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemsfocusaction)
1239
- * - [SchedulerItemsSelectAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemsselectaction)
1240
- * - [SchedulerSlotsFocusAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslotsfocusaction)
1241
- * - [SchedulerSlotsSelectAction](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslotsselectaction)
1242
- *
1243
- * The following `falsy` values will be ignored:
1244
- * - `null`
1245
- * - `false`
1246
- * - `undefined`
1247
- */
1248
- export declare type SchedulerEditItemAction = SchedulerItemFormItemAction | SchedulerItemDragItemAction | SchedulerItemResizeItemAction | SchedulerItemRemoveItemAction | SchedulerItemShowRemoveDialogAction | SchedulerItemShowOccurrenceDialogAction | SchedulerItemSeriesAction | SchedulerItemsFocusAction | SchedulerItemsSelectAction | SchedulerSlotsFocusAction | SchedulerSlotsSelectAction | null | false | undefined;
1249
-
1250
- export declare const schedulerEditItemDefaultProps: {
1251
- viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_3>>;
1252
- drag: React_2.FunctionComponent<SchedulerDragProps>;
1253
- resize: React_2.FunctionComponent<SchedulerResizeProps>;
1254
- form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle_2 | null>>;
1255
- occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle_2 | null>>;
1256
- removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle_2 | null>>;
1257
- onClickAction: (event: SchedulerItemMouseEvent, _: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction[];
1258
- onDoubleClickAction: (_: any, props: SchedulerEditItemProps) => (false | {
1259
- type: FORM_ITEM_ACTION;
1260
- payload: any;
1261
- } | {
1262
- type: SHOW_OCCURRENCE_DIALOG_ACTION;
1263
- payload?: undefined;
1264
- })[];
1265
- onRemoveClickAction: (_: any, props: SchedulerEditItemProps) => ({
1266
- type: REMOVE_ITEM_ACTION;
1267
- payload: any;
1268
- } | {
1269
- type: SHOW_OCCURRENCE_DIALOG_ACTION;
1270
- payload?: undefined;
1271
- } | {
1272
- type: SHOW_REMOVE_DIALOG_ACTION;
1273
- payload?: undefined;
1274
- })[];
1275
- onPressAction: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps) => never[] | {
1276
- type: DRAG_ITEM_ACTION;
1277
- payload: {
1278
- x: number;
1279
- y: number;
1280
- };
1281
- };
1282
- onDragAction: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps) => never[] | {
1283
- type: DRAG_ITEM_ACTION;
1284
- payload: {
1285
- x: number;
1286
- y: number;
1287
- };
1288
- };
1289
- onReleaseAction: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => never[] | {
1290
- type: SHOW_OCCURRENCE_DIALOG_ACTION;
1291
- payload?: undefined;
1292
- } | {
1293
- type: DRAG_ITEM_ACTION;
1294
- payload: {
1295
- x: number;
1296
- y: number;
1297
- };
1298
- };
1299
- onResizePressAction: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps) => never[] | {
1300
- type: RESIZE_ITEM_ACTION;
1301
- payload: {
1302
- x: number;
1303
- y: number;
1304
- };
1305
- };
1306
- onResizeStartDragAction: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps) => never[] | {
1307
- type: RESIZE_ITEM_ACTION;
1308
- payload: {
1309
- x: number;
1310
- y: number;
1311
- };
1312
- };
1313
- onResizeEndDragAction: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps) => never[] | {
1314
- type: RESIZE_ITEM_ACTION;
1315
- payload: {
1316
- x: number;
1317
- y: number;
1318
- };
1319
- };
1320
- onResizeReleaseAction: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => never[] | {
1321
- type: SHOW_OCCURRENCE_DIALOG_ACTION;
1322
- payload?: undefined;
1323
- } | {
1324
- type: RESIZE_ITEM_ACTION;
1325
- payload: {
1326
- x: number;
1327
- y: number;
1328
- };
1329
- };
1330
- onOccurrenceClickAction: (_event: SchedulerOccurrenceDialogStateChangeEvent<any>, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction[];
1331
- onSeriesClickAction: (_event: SchedulerOccurrenceDialogStateChangeEvent<any>, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction[];
1332
- onKeyDownAction: (event: SchedulerItemKeyboardEvent, props: SchedulerEditItemProps) => SchedulerEditItemAction | SchedulerEditItemAction[];
1333
- onFormSubmitAction: (event: SchedulerFormStateChangeEvent<DataItem | null>) => SchedulerEditItemAction[];
1334
- onRemoveConfirmAction: () => SchedulerEditItemAction[];
1335
- onCancelAction: () => SchedulerEditItemAction[];
1336
- };
1337
-
1338
- /**
1339
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `dragItem` state.
1340
- *
1341
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1342
- */
1343
- export declare const SchedulerEditItemDragItemContext: React_2.Context<SchedulerEditItemDragItemContextType>;
1344
-
1345
- /**
1346
- * Specifies the result of the [useSchedulerEditItemDragItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleredititemdragitemcontext) and [SchedulerEditItemDragItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititemdragitemcontext).
1347
- */
1348
- export declare type SchedulerEditItemDragItemContextType = [
1349
- DataItem | null,
1350
- (newValue?: DataItem | null, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1351
- preventDefault: any;
1352
- }) => void,
1353
- (action: SchedulerItemFormItemAction, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1354
- preventDefault: any;
1355
- }) => void
1356
- ];
1357
-
1358
- /**
1359
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `formItem` state.
1360
- *
1361
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1362
- */
1363
- export declare const SchedulerEditItemFormItemContext: React_2.Context<SchedulerEditItemFormItemContextType>;
1364
-
1365
- /**
1366
- * Specifies the result of the [useSchedulerEditItemFormItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleredititemformitemcontext) and [SchedulerEditItemFormItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititemformitemcontext).
1367
- */
1368
- export declare type SchedulerEditItemFormItemContextType = [
1369
- DataItem | null,
1370
- (newValue: DataItem | null, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1371
- preventDefault: any;
1372
- }) => void,
1373
- (action: SchedulerItemFormItemAction, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1374
- preventDefault: any;
1375
- }) => void
1376
- ];
1377
-
1378
- /**
1379
- * Represents the object which is returned from the `ref` callback of the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititem).
1380
- *
1381
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
1382
- */
1383
- export declare interface SchedulerEditItemHandle {
1384
- /**
1385
- * The HTML element of the SchedulerEditItem component.
1386
- */
1387
- element: HTMLDivElement | null;
1388
- /**
1389
- * The props of the SchedulerEditItem component.
1390
- */
1391
- props: SchedulerEditItemProps;
1392
- }
1393
-
1394
- /**
1395
- * Represents the props of the KendoReact [SchedulerEditItem]() component.
1396
- */
1397
- export declare interface SchedulerEditItemProps extends SchedulerViewItemProps {
1398
- /**
1399
- * Overrides the default component responsible for positioning the item inside the view.
1400
- *
1401
- * The default Component is: [SchedulerViewItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewitem).
1402
- */
1403
- viewItem?: React_2.ComponentType<SchedulerViewItemProps>;
1404
- /**
1405
- * Overrides the default component responsible for visualizing the `dragItem`.
1406
- *
1407
- * The default Component is: [SchedulerDrag](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerdrag).
1408
- */
1409
- drag?: React_2.ComponentType<SchedulerDragProps>;
1410
- /**
1411
- * Overrides the default component responsible for visualizing the `resizeItem`.
1412
- *
1413
- * The default Component is: [SchedulerResize](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerresize).
1414
- */
1415
- resize?: React_2.ComponentType<SchedulerResizeProps>;
1416
- /**
1417
- * Overrides the default component responsible for visualizing the `formItem`.
1418
- *
1419
- * The default Component is: [SchedulerForm](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerform).
1420
- */
1421
- form?: React_2.ComponentType<SchedulerFormProps>;
1422
- /**
1423
- * Overrides the default component responsible for visualizing the `removeItem` and confirming the `remove` action.
1424
- *
1425
- * The default Component is: [SchedulerRemoveDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerremovedialog).
1426
- */
1427
- removeDialog?: React_2.ComponentType<SchedulerRemoveDialogProps>;
1428
- /**
1429
- * Overrides the default component responsible for the selection between `occurrence` and `series` edit.
1430
- *
1431
- * The default Component is: [SchedulerOccurrenceDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleroccurrencedialog).
1432
- */
1433
- occurrenceDialog?: React_2.ComponentType<SchedulerOccurrenceDialogProps>;
1434
- /**
1435
- * Fires when the item has been removed or manipulated through dragging, resizing, or an external form.
1436
- */
1437
- onDataAction?: (action: DataAction, event?: any) => void;
1438
- /**
1439
- * Setting this property will force the `formItem` to be in controlled state, allowing further customization.
1440
- */
1441
- formItem?: DataItem | null;
1442
- /**
1443
- * Fires every time the `formItem` changes.
1444
- */
1445
- onFormItemChange?: (event: SchedulerEditItemStateChangeEvent<DataItem | null>) => void;
1446
- /**
1447
- * Setting this property will force the `dragItem` to be in controlled state, allowing further customization.
1448
- */
1449
- dragItem?: DataItem | null;
1450
- /**
1451
- * Fires every time the `dragItem` changes.
1452
- */
1453
- onDragItemChange?: (event: SchedulerEditItemStateChangeEvent<DataItem | null>) => void;
1454
- /**
1455
- * Setting this property will force the `resizeItem` to be in controlled state, allowing further customization.
1456
- */
1457
- resizeItem?: DataItem | null;
1458
- /**
1459
- * Fires every time the `resizeItem` changes.
1460
- */
1461
- onResizeItemChange?: (event: SchedulerEditItemStateChangeEvent<DataItem | null>) => void;
1462
- /**
1463
- * Setting this property will force the `removeItem` to be in controlled state, allowing further customization.
1464
- *
1465
- * Specifies the DataItem which should be removed from the `data` set.
1466
- * The `removeItem` is passed as property to the `removeDialog` and `occurrenceDialog` component;
1467
- */
1468
- removeItem?: DataItem | null;
1469
- /**
1470
- * Fires every time the `removeItem` changes.
1471
- */
1472
- onRemoveItemChange?: (event: SchedulerEditItemStateChangeEvent<DataItem | null>) => void;
1473
- /**
1474
- * Setting this property will force the `showOccurrenceDialog` to be in controlled state, allowing further control over the display of the `occurrenceDialog` component.
1475
- */
1476
- showOccurrenceDialog?: boolean;
1477
- /**
1478
- * Fires every time the `showOccurrenceDialog` changes.
1479
- */
1480
- onShowOccurrenceDialogChange?: (event: SchedulerEditItemStateChangeEvent<boolean>) => void;
1481
- /**
1482
- * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
1483
- */
1484
- showRemoveDialog?: boolean;
1485
- /**
1486
- * Fires every time the `showRemoveDialog` changes.
1487
- */
1488
- onShowRemoveDialogChange?: (event: SchedulerEditItemStateChangeEvent<boolean>) => void;
1489
- /**
1490
- * Indicates if the editing should be applied to the whole `series` or to a single `occurrence` when the item is recurring.
1491
- *
1492
- * By default, the `series` prop is set to `null` and additional selection is done through the `occurrence` dialog.
1493
- * If set ot either `true` or `false`:
1494
- * - `true` &mdash; indicates that the editing should always be applied to the whole `series`
1495
- * - `false` &mdash; indicates that the editing should always be applied to a single `occurrence`.
1496
- */
1497
- series?: boolean | null;
1498
- /**
1499
- * Fires every time the `series` changes.
1500
- */
1501
- onSeriesChange?: (event: SchedulerEditItemStateChangeEvent<boolean | null>) => void;
1502
- /**
1503
- * Fires whenever you select the `occurrence` option from the `OccurrenceDialog`.
1504
- */
1505
- onOccurrenceClick?: (event: SchedulerOccurrenceDialogStateChangeEvent<any>) => void;
1506
- /**
1507
- * An action callback. Used to define the component behavior on occurrence click.
1508
- *
1509
- * Internal state change will be triggered depending on the specific action types.
1510
- */
1511
- onOccurrenceClickAction?: (event: SchedulerOccurrenceDialogStateChangeEvent<any>, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1512
- /**
1513
- * Fires whenever you select the `series` option from the `OccurrenceDialog`.
1514
- */
1515
- onSeriesClick?: (event: SchedulerOccurrenceDialogStateChangeEvent<any>) => void;
1516
- /**
1517
- * An action callback. Used to define the component behavior on series click.
1518
- *
1519
- * Internal state change will be triggered depending on the specific action types.
1520
- */
1521
- onSeriesClickAction?: (event: SchedulerOccurrenceDialogStateChangeEvent<any>, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1522
- /**
1523
- * Fires whenever you select the `confirm` option from the `RemoveDialog`.
1524
- */
1525
- onRemoveConfirm?: (event: SchedulerRemoveDialogStateChangeEvent<any>) => void;
1526
- /**
1527
- * An action callback. Used to define the component behavior on remove confirm click.
1528
- *
1529
- * Internal state change will be triggered depending on the specific action types.
1530
- */
1531
- onRemoveConfirmAction?: (event: SchedulerRemoveDialogStateChangeEvent<any>, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1532
- /**
1533
- * Fires whenever you submit the `form`.
1534
- */
1535
- onFormSubmit?: (event: SchedulerFormStateChangeEvent<DataItem | null>) => void;
1536
- /**
1537
- * An action callback. Used to define the component behavior on form submit.
1538
- *
1539
- * Internal state change will be triggered depending on the specific action types.
1540
- */
1541
- onFormSubmitAction?: (event: SchedulerFormStateChangeEvent<DataItem | null>, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1542
- /**
1543
- * Fires whenever you cancel the current edit.
1544
- */
1545
- onCancel?: (event: SchedulerFormStateChangeEvent<null> | SchedulerOccurrenceDialogStateChangeEvent<null>) => void;
1546
- /**
1547
- * An action callback. Used to define the component behavior on cancel.
1548
- *
1549
- * Internal state change will be triggered depending on the specific action types.
1550
- */
1551
- onCancelAction?: (event: SchedulerFormStateChangeEvent<null> | SchedulerOccurrenceDialogStateChangeEvent<null>, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1552
- /**
1553
- * An action callback. Used to define the component behavior on click.
1554
- *
1555
- * Internal state change will be triggered depending on the specific action types.
1556
- */
1557
- onClickAction?: (event: SchedulerItemMouseEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1558
- /**
1559
- * An action callback. Used to define the component behavior on mouse down.
1560
- *
1561
- * Internal state change will be triggered depending on the specific action types.
1562
- */
1563
- onMouseDownAction?: (event: SchedulerItemMouseEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1564
- /**
1565
- * An action callback. Used to define the component behavior on mouse up.
1566
- *
1567
- * Internal state change will be triggered depending on the specific action types.
1568
- */
1569
- onMouseUpAction?: (event: SchedulerItemMouseEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1570
- /**
1571
- * An action callback. Used to define the component behavior on double click.
1572
- *
1573
- * Internal state change will be triggered depending on the specific action types.
1574
- */
1575
- onDoubleClickAction?: (event: SchedulerItemMouseEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1576
- /**
1577
- * An action callback. Used to define the component behavior on remove click.
1578
- *
1579
- * Internal state change will be triggered depending on the specific action types.
1580
- */
1581
- onRemoveClickAction?: (event: SchedulerItemMouseEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1582
- /**
1583
- * An action callback. Used to define the component behavior on key down.
1584
- *
1585
- * Internal state change will be triggered depending on the specific action types.
1586
- */
1587
- onKeyDownAction?: (event: SchedulerItemKeyboardEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1588
- /**
1589
- * An action callback. Used to define the component behavior on key up.
1590
- *
1591
- * Internal state change will be triggered depending on the specific action types.
1592
- */
1593
- onKeyUpAction?: (event: SchedulerItemKeyboardEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1594
- /**
1595
- * An action callback. Used to define the component behavior on focus.
1596
- *
1597
- * Internal state change will be triggered depending on the specific action types.
1598
- */
1599
- onFocusAction?: (event: SchedulerItemFocusEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1600
- /**
1601
- * An action callback. Used to define the component behavior on blur.
1602
- *
1603
- * Internal state change will be triggered depending on the specific action types.
1604
- */
1605
- onBlurAction?: (event: SchedulerItemFocusEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1606
- /**
1607
- * An action callback. Used to define the component behavior on press.
1608
- *
1609
- * Internal state change will be triggered depending on the specific action types.
1610
- */
1611
- onPressAction?: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1612
- /**
1613
- * An action callback. Used to define the component behavior on drag.
1614
- *
1615
- * Internal state change will be triggered depending on the specific action types.
1616
- */
1617
- onDragAction?: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1618
- /**
1619
- * An action callback. Used to define the component behavior on release.
1620
- *
1621
- * Internal state change will be triggered depending on the specific action types.
1622
- */
1623
- onReleaseAction?: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1624
- /**
1625
- * An action callback. Used to define the component behavior on resize press.
1626
- *
1627
- * Internal state change will be triggered depending on the specific action types.
1628
- */
1629
- onResizePressAction?: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1630
- /**
1631
- * An action callback. Used to define the component behavior on resize start drag.
1632
- *
1633
- * Internal state change will be triggered depending on the specific action types.
1634
- */
1635
- onResizeStartDragAction?: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1636
- /**
1637
- * An action callback. Used to define the component behavior on resize end drag.
1638
- *
1639
- * Internal state change will be triggered depending on the specific action types.
1640
- */
1641
- onResizeEndDragAction?: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1642
- /**
1643
- * An action callback. Used to define the component behavior on resize release.
1644
- *
1645
- * Internal state change will be triggered depending on the specific action types.
1646
- */
1647
- onResizeReleaseAction?: (event: SchedulerItemDragEvent, props: SchedulerEditItemProps, state: SchedulerEditItemState) => SchedulerEditItemAction | SchedulerEditItemAction[];
1648
- }
1649
-
1650
- /**
1651
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) `props`.
1652
- *
1653
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1654
- */
1655
- export declare const SchedulerEditItemPropsContext: React_2.Context<SchedulerEditItemProps>;
1656
-
1657
- /**
1658
- * Specifies the result of the [useSchedulerEditItemPropsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleredititempropscontext) and [SchedulerEditItemPropsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititempropscontext).
1659
- */
1660
- export declare type SchedulerEditItemPropsContextType = SchedulerEditItemProps;
1661
-
1662
- /**
1663
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `removeItem` state.
1664
- *
1665
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1666
- */
1667
- export declare const SchedulerEditItemRemoveItemContext: React_2.Context<SchedulerEditItemRemoveItemContextType>;
1668
-
1669
- /**
1670
- * Specifies the result of the [useSchedulerEditItemRemoveItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleredititemremoveitemcontext) and [SchedulerEditItemRemoveItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititemremoveitemcontext).
1671
- */
1672
- export declare type SchedulerEditItemRemoveItemContextType = [
1673
- DataItem | null,
1674
- (newValue?: any, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1675
- preventDefault: any;
1676
- }) => void,
1677
- (action: SchedulerItemFormItemAction, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1678
- preventDefault: any;
1679
- }) => void
1680
- ];
1681
-
1682
- /**
1683
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `resizeItem` state.
1684
- *
1685
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1686
- */
1687
- export declare const SchedulerEditItemResizeItemContext: React_2.Context<SchedulerEditItemResizeItemContextType>;
1688
-
1689
- /**
1690
- * Specifies the result of the [useSchedulerEditItemResizeItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleredititemresizeitemcontext) and [SchedulerEditItemResizeItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititemresizeitemcontext).
1691
- */
1692
- export declare type SchedulerEditItemResizeItemContextType = [
1693
- DataItem | null,
1694
- (newValue?: DataItem | null, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1695
- preventDefault: any;
1696
- }) => void,
1697
- (action: SchedulerItemFormItemAction, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1698
- preventDefault: any;
1699
- }) => void
1700
- ];
1701
-
1702
- /**
1703
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `showOccurrenceDialog` state.
1704
- *
1705
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1706
- */
1707
- export declare const SchedulerEditItemShowOccurrenceDialogContext: React_2.Context<SchedulerEditItemShowOccurrenceDialogContextType>;
1708
-
1709
- /**
1710
- * Specifies the result of the [useSchedulerEditItemShowOccurrenceDialogContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleredititemshowoccurrencedialogcontext) and [SchedulerEditItemShowOccurrenceDialogContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititemshowoccurrencedialogcontext).
1711
- */
1712
- export declare type SchedulerEditItemShowOccurrenceDialogContextType = [
1713
- boolean,
1714
- (newValue?: boolean, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1715
- preventDefault: any;
1716
- }) => void,
1717
- (action: SchedulerItemFormItemAction, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1718
- preventDefault: any;
1719
- }) => void
1720
- ];
1721
-
1722
- /**
1723
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `showRemoveDialog` state.
1724
- *
1725
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1726
- */
1727
- export declare const SchedulerEditItemShowRemoveDialogContext: React_2.Context<SchedulerEditItemShowRemoveDialogContextType>;
1728
-
1729
- /**
1730
- * Specifies the result of the [useSchedulerEditItemShowRemoveDialogContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/usescheduleredititemshowremovedialogcontext) and [SchedulerEditItemShowRemoveDialogContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititemshowremovedialogcontext).
1731
- */
1732
- export declare type SchedulerEditItemShowRemoveDialogContextType = [
1733
- boolean,
1734
- (newValue?: boolean, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1735
- preventDefault: any;
1736
- }) => void,
1737
- (action: SchedulerItemFormItemAction, event?: React_2.SyntheticEvent | BaseEvent_2<any> | {
1738
- preventDefault: any;
1739
- }) => void
1740
- ];
1741
-
1742
- /**
1743
- * Represents the internal `state` of the `SchedulerEditItem`.
1744
- */
1745
- export declare interface SchedulerEditItemState {
1746
- /**
1747
- * Whether the item is currently selected.
1748
- */
1749
- selected: boolean;
1750
- /**
1751
- * Whether the action applies to a series or single occurrence.
1752
- */
1753
- series: boolean | null;
1754
- /**
1755
- * The data item being edited in the form.
1756
- */
1757
- formItem: DataItem | null;
1758
- /**
1759
- * The data item being dragged.
1760
- */
1761
- dragItem: DataItem | null;
1762
- /**
1763
- * The data item being resized.
1764
- */
1765
- resizeItem: DataItem | null;
1766
- /**
1767
- * The data item scheduled for removal.
1768
- */
1769
- removeItem: DataItem | null;
1770
- /**
1771
- * The data item for which the remove dialog is shown.
1772
- */
1773
- showRemoveDialog: DataItem | null;
1774
- /**
1775
- * The data item for which the occurrence dialog is shown.
1776
- */
1777
- showOccurrenceDialog: DataItem | null;
1778
- }
1779
-
1780
- export declare interface SchedulerEditItemStateChangeEvent<T> {
1781
- /**
1782
- * The value associated with the state change event.
1783
- */
1784
- value: T;
1785
- }
1786
-
1787
- /**
1788
- * Represents the default `editSlot` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
1789
- *
1790
- * This is a composite component of the [`SchedulerViewSlot`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewslot), extending it to allow creating an item inside the slot.
1791
- */
1792
- export declare const SchedulerEditSlot: React_2.ForwardRefExoticComponent<SchedulerEditSlotProps & React_2.RefAttributes<SchedulerEditSlotHandle>>;
1793
-
1794
- export declare const schedulerEditSlotDefaultProps: {
1795
- viewSlot: React_2.ForwardRefExoticComponent<SchedulerViewSlotProps & React_2.RefAttributes<SchedulerViewSlotHandle_2>>;
1796
- form: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle_2 | null>>;
1797
- };
1798
-
1799
- /**
1800
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot) internal `formItem` state.
1801
- *
1802
- * For more information, refer to the [Slots Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots/state-update) article.
1803
- */
1804
- export declare const SchedulerEditSlotFormItemContext: React_2.Context<SchedulerEditSlotFormItemContextType>;
1805
-
1806
- /**
1807
- * Specifies the result of the [useSchedulerEditSlotFormItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulereditslotformitemcontext) and [SchedulerEditSlotFormItemContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslotformitemcontext).
1808
- */
1809
- export declare type SchedulerEditSlotFormItemContextType = [DataItem | null, (event?: any) => void];
1810
-
1811
- /**
1812
- * Represents the object which is returned from the `ref` callback of the [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot).
1813
- *
1814
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
1815
- */
1816
- export declare interface SchedulerEditSlotHandle {
1817
- /**
1818
- * The props of the SchedulerEditSlot component.
1819
- */
1820
- props: SchedulerEditSlotProps;
1821
- }
1822
-
1823
- /**
1824
- * Represents the props of the KendoReact [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot) component.
1825
- */
1826
- export declare interface SchedulerEditSlotProps extends SchedulerViewSlotProps {
1827
- /**
1828
- * Overrides the default component responsible for view-specific functionality.
1829
- *
1830
- * The default Component is: [SchedulerViewSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewslot).
1831
- */
1832
- viewSlot?: React_2.ComponentType<SchedulerViewSlotProps>;
1833
- /**
1834
- * Overrides the default component responsible for visualizing the `formItem`.
1835
- *
1836
- * The default Component is: [SchedulerForm](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerform).
1837
- */
1838
- form?: React_2.ComponentType<SchedulerFormProps>;
1839
- /**
1840
- * Setting this property will force the `formItem` to be in controlled state, allowing further customization.
1841
- */
1842
- formItem?: DataItem | null;
1843
- /**
1844
- * Fires every time the `formItem` changes.
1845
- */
1846
- onFormItemChange?: (event: any) => void;
1847
- /**
1848
- * Fires when a new item has been created in the slot.
1849
- */
1850
- onDataAction?: (action: DataAction, event: any) => void;
1851
- }
1852
-
1853
- /**
1854
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot) `props`.
1855
- *
1856
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
1857
- */
1858
- export declare const SchedulerEditSlotPropsContext: React_2.Context<SchedulerEditSlotProps>;
1859
-
1860
- /**
1861
- * Specifies the result of the [useSchedulerEditSlotPropsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulereditslotpropscontext) and [SchedulerEditSlotPropsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslotpropscontext).
1862
- */
1863
- export declare type SchedulerEditSlotPropsContextType = SchedulerEditSlotProps;
1864
-
1865
- /**
1866
- * Represents the default `editTask` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
1867
- *
1868
- * This is a composite component of the [`SchedulerViewTask`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask), extending it to provide the `remove` editing functionality.
1869
- */
1870
- export declare const SchedulerEditTask: React_2.ForwardRefExoticComponent<SchedulerEditTaskProps & React_2.RefAttributes<SchedulerEditTaskHandle>>;
1871
-
1872
- export declare const schedulerEditTaskDefaultProps: {
1873
- viewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle_2>>;
1874
- occurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle_2 | null>>;
1875
- removeDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle_2 | null>>;
1876
- };
1877
-
1878
- /**
1879
- * Represents the object which is returned from the `ref` callback of the [SchedulerEditTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredittask).
1880
- *
1881
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
1882
- */
1883
- export declare interface SchedulerEditTaskHandle {
1884
- /**
1885
- * The HTML element of the SchedulerEditTask component.
1886
- */
1887
- element: HTMLDivElement | null;
1888
- /**
1889
- * The props of the SchedulerEditTask component.
1890
- */
1891
- props: SchedulerEditTaskProps;
1892
- }
1893
-
1894
- /**
1895
- * Represents the props of the KendoReact [SchedulerEditTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredittask) component.
1896
- */
1897
- export declare interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
1898
- /**
1899
- * Overrides the default component responsible for positioning the task inside the view.
1900
- *
1901
- * The default Component is: [SchedulerViewTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask).
1902
- */
1903
- viewTask?: React_2.ComponentType<SchedulerViewTaskProps>;
1904
- /**
1905
- * Overrides the default component responsible for visualizing the `removeItem` and confirming the `remove` action.
1906
- *
1907
- * The default Component is: [SchedulerRemoveDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerremovedialog).
1908
- */
1909
- removeDialog?: React_2.ComponentType<SchedulerRemoveDialogProps>;
1910
- /**
1911
- * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
1912
- */
1913
- showRemoveDialog?: boolean;
1914
- /**
1915
- * Fires every time the `showRemoveDialog` changes.
1916
- */
1917
- onShowRemoveDialogChange?: (event: any) => void;
1918
- /**
1919
- * Setting this property will force the `removeItem` to be in controlled state, allowing further customization.
1920
- *
1921
- * Specifies the DataItem which should be removed from the `data` set.
1922
- * The `removeItem` is passed as property to the `removeDialog` component;
1923
- */
1924
- removeItem?: DataItem | null;
1925
- /**
1926
- * Fires every time the `removeItem` changes.
1927
- */
1928
- onRemoveItemChange?: (event: any) => void;
1929
- /**
1930
- * Overrides the default component responsible for the selection between `occurrence` and `series` delete.
1931
- *
1932
- * The default Component is: [SchedulerOccurrenceDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleroccurrencedialog).
1933
- */
1934
- occurrenceDialog?: React_2.ComponentType<SchedulerOccurrenceDialogProps>;
1935
- /**
1936
- * Setting this property will force the `showOccurrenceDialog` to be in controlled state, allowing further control over the display of the `occurrenceDialog` component.
1937
- */
1938
- showOccurrenceDialog?: boolean;
1939
- /**
1940
- * Fires every time the `showOccurrenceDialog` changes.
1941
- */
1942
- onShowOccurrenceDialogChange?: (event: any) => void;
1943
- /**
1944
- * Fires when the item has been removed.
1945
- */
1946
- onDataAction?: (action: DataAction, event?: any) => void;
1947
- }
1948
-
1949
- /**
1950
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the combined default and custom [modelFields](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-modelfields) of the Scheduler.
1951
- *
1952
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
1953
- */
1954
- export declare const SchedulerFieldsContext: React_2.Context<Fields>;
1955
-
1956
- /**
1957
- * Specifies the result of the [useSchedulerFieldsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulerfieldscontext) and [SchedulerFieldsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerfieldscontext).
1958
- */
1959
- export declare type SchedulerFieldsContextType = Fields;
1960
-
1961
- /**
1962
- * Represents the default `footer` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
1963
- */
1964
- export declare const SchedulerFooter: React_2.ForwardRefExoticComponent<SchedulerFooterProps & React_2.RefAttributes<SchedulerFooterHandle>>;
1965
-
1966
- /**
1967
- * Represents the object which is returned from the `ref` callback of the [SchedulerFooter](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerfooter).
1968
- *
1969
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
1970
- */
1971
- export declare interface SchedulerFooterHandle {
1972
- /**
1973
- * The HTML element of the SchedulerFooter component.
1974
- */
1975
- element: HTMLDivElement | null;
1976
- /**
1977
- * The props of the SchedulerFooter component.
1978
- */
1979
- props: SchedulerFooterProps;
1980
- }
1981
-
1982
- /**
1983
- * Represents the props of the KendoReact [SchedulerFooter](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerfooter) component.
1984
- */
1985
- export declare interface SchedulerFooterProps extends ToolbarProps {
1986
- /**
1987
- * The content of the footer component.
1988
- */
1989
- children?: React_2.ReactNode;
1990
- }
1991
-
1992
- /**
1993
- * Represents the default `form` component rendered by the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititem) and [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot) components.
1994
- *
1995
- * Accepts [SchedulerFormProps](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerformprops) properties and provide [SchedulerFormHandle](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerformhandle) `ref` callback.
1996
- */
1997
- export declare const SchedulerForm: React_2.ForwardRefExoticComponent<SchedulerFormProps & React_2.RefAttributes<SchedulerFormHandle | null>>;
1998
-
1999
- export declare const schedulerFormDefaultProps: {
2000
- dialog: React_2.ForwardRefExoticComponent<DialogProps & React_2.RefAttributes<DialogHandle | null>>;
2001
- validator: () => {};
2002
- };
2003
-
2004
- /**
2005
- * The default `editor` used inside the [`SchedulerForm`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerform) component.
2006
- *
2007
- * For the full list of the props available for this component, please refer to the [SchedulerFormEditorProps](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerformeditorprops).
2008
- */
2009
- export declare const SchedulerFormEditor: React_2.ForwardRefExoticComponent<globalThis.Omit<SchedulerFormEditorProps, "ref"> & React_2.RefAttributes<SchedulerFormEditorHandle | null>>;
2010
-
2011
- export declare const schedulerFormEditorDefaultProps: {
2012
- as: React_2.ForwardRefExoticComponent<globalThis.Omit<FormElementProps, "ref"> & React_2.RefAttributes<FormElementHandle>>;
2013
- titleLabel: {
2014
- (props: LabelProps): JSX.Element;
2015
- propTypes: {
2016
- id: Requireable<string>;
2017
- editorId: Requireable<string>;
2018
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2019
- current: Requireable<any>;
2020
- }> | null | undefined>>;
2021
- editorValid: Requireable<boolean>;
2022
- editorDisabled: Requireable<boolean>;
2023
- style: Requireable<object>;
2024
- className: Requireable<string>;
2025
- optional: Requireable<boolean>;
2026
- };
2027
- displayName: string;
2028
- };
2029
- titleError: {
2030
- (props: ErrorProps): JSX.Element;
2031
- propTypes: {
2032
- id: Requireable<string>;
2033
- direction: Requireable<string>;
2034
- children: Requireable<NonNullable<ReactNodeLike>>;
2035
- style: Requireable<object>;
2036
- className: Requireable<string>;
2037
- };
2038
- displayName: string;
2039
- };
2040
- titleEditor: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<InputHandle | null>>;
2041
- startLabel: {
2042
- (props: LabelProps): JSX.Element;
2043
- propTypes: {
2044
- id: Requireable<string>;
2045
- editorId: Requireable<string>;
2046
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2047
- current: Requireable<any>;
2048
- }> | null | undefined>>;
2049
- editorValid: Requireable<boolean>;
2050
- editorDisabled: Requireable<boolean>;
2051
- style: Requireable<object>;
2052
- className: Requireable<string>;
2053
- optional: Requireable<boolean>;
2054
- };
2055
- displayName: string;
2056
- };
2057
- startError: {
2058
- (props: ErrorProps): JSX.Element;
2059
- propTypes: {
2060
- id: Requireable<string>;
2061
- direction: Requireable<string>;
2062
- children: Requireable<NonNullable<ReactNodeLike>>;
2063
- style: Requireable<object>;
2064
- className: Requireable<string>;
2065
- };
2066
- displayName: string;
2067
- };
2068
- startEditor: (props: ZonedDateTimeProps) => JSX.Element;
2069
- startTimezoneLabel: {
2070
- (props: LabelProps): JSX.Element;
2071
- propTypes: {
2072
- id: Requireable<string>;
2073
- editorId: Requireable<string>;
2074
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2075
- current: Requireable<any>;
2076
- }> | null | undefined>>;
2077
- editorValid: Requireable<boolean>;
2078
- editorDisabled: Requireable<boolean>;
2079
- style: Requireable<object>;
2080
- className: Requireable<string>;
2081
- optional: Requireable<boolean>;
2082
- };
2083
- displayName: string;
2084
- };
2085
- startTimezoneError: {
2086
- (props: ErrorProps): JSX.Element;
2087
- propTypes: {
2088
- id: Requireable<string>;
2089
- direction: Requireable<string>;
2090
- children: Requireable<NonNullable<ReactNodeLike>>;
2091
- style: Requireable<object>;
2092
- className: Requireable<string>;
2093
- };
2094
- displayName: string;
2095
- };
2096
- startTimezoneEditor: (props: FieldRenderProps & ComboBoxProps) => JSX.Element;
2097
- startTimezoneCheckedLabel: {
2098
- (props: LabelProps): JSX.Element;
2099
- propTypes: {
2100
- id: Requireable<string>;
2101
- editorId: Requireable<string>;
2102
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2103
- current: Requireable<any>;
2104
- }> | null | undefined>>;
2105
- editorValid: Requireable<boolean>;
2106
- editorDisabled: Requireable<boolean>;
2107
- style: Requireable<object>;
2108
- className: Requireable<string>;
2109
- optional: Requireable<boolean>;
2110
- };
2111
- displayName: string;
2112
- };
2113
- startTimezoneCheckedEditor: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<CheckboxHandle | null>>;
2114
- endLabel: {
2115
- (props: LabelProps): JSX.Element;
2116
- propTypes: {
2117
- id: Requireable<string>;
2118
- editorId: Requireable<string>;
2119
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2120
- current: Requireable<any>;
2121
- }> | null | undefined>>;
2122
- editorValid: Requireable<boolean>;
2123
- editorDisabled: Requireable<boolean>;
2124
- style: Requireable<object>;
2125
- className: Requireable<string>;
2126
- optional: Requireable<boolean>;
2127
- };
2128
- displayName: string;
2129
- };
2130
- endError: {
2131
- (props: ErrorProps): JSX.Element;
2132
- propTypes: {
2133
- id: Requireable<string>;
2134
- direction: Requireable<string>;
2135
- children: Requireable<NonNullable<ReactNodeLike>>;
2136
- style: Requireable<object>;
2137
- className: Requireable<string>;
2138
- };
2139
- displayName: string;
2140
- };
2141
- endEditor: (props: ZonedDateTimeProps) => JSX.Element;
2142
- endTimezoneLabel: {
2143
- (props: LabelProps): JSX.Element;
2144
- propTypes: {
2145
- id: Requireable<string>;
2146
- editorId: Requireable<string>;
2147
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2148
- current: Requireable<any>;
2149
- }> | null | undefined>>;
2150
- editorValid: Requireable<boolean>;
2151
- editorDisabled: Requireable<boolean>;
2152
- style: Requireable<object>;
2153
- className: Requireable<string>;
2154
- optional: Requireable<boolean>;
2155
- };
2156
- displayName: string;
2157
- };
2158
- endTimezoneError: {
2159
- (props: ErrorProps): JSX.Element;
2160
- propTypes: {
2161
- id: Requireable<string>;
2162
- direction: Requireable<string>;
2163
- children: Requireable<NonNullable<ReactNodeLike>>;
2164
- style: Requireable<object>;
2165
- className: Requireable<string>;
2166
- };
2167
- displayName: string;
2168
- };
2169
- endTimezoneEditor: (props: FieldRenderProps & ComboBoxProps) => JSX.Element;
2170
- endTimezoneCheckedLabel: {
2171
- (props: LabelProps): JSX.Element;
2172
- propTypes: {
2173
- id: Requireable<string>;
2174
- editorId: Requireable<string>;
2175
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2176
- current: Requireable<any>;
2177
- }> | null | undefined>>;
2178
- editorValid: Requireable<boolean>;
2179
- editorDisabled: Requireable<boolean>;
2180
- style: Requireable<object>;
2181
- className: Requireable<string>;
2182
- optional: Requireable<boolean>;
2183
- };
2184
- displayName: string;
2185
- };
2186
- endTimezoneCheckedEditor: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<CheckboxHandle | null>>;
2187
- allDayLabel: {
2188
- (props: LabelProps): JSX.Element;
2189
- propTypes: {
2190
- id: Requireable<string>;
2191
- editorId: Requireable<string>;
2192
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2193
- current: Requireable<any>;
2194
- }> | null | undefined>>;
2195
- editorValid: Requireable<boolean>;
2196
- editorDisabled: Requireable<boolean>;
2197
- style: Requireable<object>;
2198
- className: Requireable<string>;
2199
- optional: Requireable<boolean>;
2200
- };
2201
- displayName: string;
2202
- };
2203
- allDayEditor: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<CheckboxHandle | null>>;
2204
- recurrenceEditor: React_2.FunctionComponent<RecurrenceEditorProps>;
2205
- descriptionLabel: {
2206
- (props: LabelProps): JSX.Element;
2207
- propTypes: {
2208
- id: Requireable<string>;
2209
- editorId: Requireable<string>;
2210
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2211
- current: Requireable<any>;
2212
- }> | null | undefined>>;
2213
- editorValid: Requireable<boolean>;
2214
- editorDisabled: Requireable<boolean>;
2215
- style: Requireable<object>;
2216
- className: Requireable<string>;
2217
- optional: Requireable<boolean>;
2218
- };
2219
- displayName: string;
2220
- };
2221
- descriptionEditor: React_2.ForwardRefExoticComponent<TextAreaProps & React_2.RefAttributes<TextAreaHandle | null>>;
2222
- descriptionError: {
2223
- (props: ErrorProps): JSX.Element;
2224
- propTypes: {
2225
- id: Requireable<string>;
2226
- direction: Requireable<string>;
2227
- children: Requireable<NonNullable<ReactNodeLike>>;
2228
- style: Requireable<object>;
2229
- className: Requireable<string>;
2230
- };
2231
- displayName: string;
2232
- };
2233
- resourceLabel: {
2234
- (props: LabelProps): JSX.Element;
2235
- propTypes: {
2236
- id: Requireable<string>;
2237
- editorId: Requireable<string>;
2238
- editorRef: Requireable<NonNullable<((...args: any[]) => any) | InferProps< {
2239
- current: Requireable<any>;
2240
- }> | null | undefined>>;
2241
- editorValid: Requireable<boolean>;
2242
- editorDisabled: Requireable<boolean>;
2243
- style: Requireable<object>;
2244
- className: Requireable<string>;
2245
- optional: Requireable<boolean>;
2246
- };
2247
- displayName: string;
2248
- };
2249
- resourceEditor: (props: ResourceEditorProps) => JSX.Element;
2250
- };
2251
-
2252
- /**
2253
- * Represents the `ref` of the SchedulerFormEditor component.
2254
- */
2255
- export declare interface SchedulerFormEditorHandle {
2256
- /**
2257
- * The HTML element of the SchedulerFormEditor component.
2258
- */
2259
- element: any;
2260
- /**
2261
- * The props of the SchedulerFormEditor component.
2262
- */
2263
- props: SchedulerFormEditorProps;
2264
- }
2265
-
2266
- /**
2267
- * Represents the props of the KendoReact `SchedulerFormEditor` component.
2268
- */
2269
- export declare interface SchedulerFormEditorProps extends Omit_2<FormElementProps, 'children'>, FormRenderProps {
2270
- /** @hidden */
2271
- as?: React_2.ComponentType<SchedulerFormEditorProps>;
2272
- /**
2273
- * Specifies the `id` attribute of the root element.
2274
- */
2275
- id?: string;
2276
- /**
2277
- * Specifies the `tabIndex` attribute of the root element.
2278
- */
2279
- tabIndex?: number;
2280
- /**
2281
- * Overrides the component used for visualizing the `title` field label.
2282
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2283
- *
2284
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2285
- */
2286
- titleLabel?: React_2.ComponentType<LabelProps & FieldProps>;
2287
- /**
2288
- * Overrides the component used for visualizing the `title` field error.
2289
- * The [KendoReact Error](https://www.telerik.com/kendo-react-ui/components/labels/error) component is used, by default.
2290
- *
2291
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2292
- */
2293
- titleError?: React_2.ComponentType<LabelProps & FieldProps>;
2294
- /**
2295
- * Overrides the component used for visualizing the `title` field editor.
2296
- * The [KendoReact Input](https://www.telerik.com/kendo-react-ui/components/inputs/input) component is used, by default.
2297
- *
2298
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2299
- */
2300
- titleEditor?: React_2.ComponentType<TargetlessChangeEvent<InputProps & FieldProps, string>>;
2301
- /**
2302
- * Overrides the component used for visualizing the `start` field label.
2303
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2304
- *
2305
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2306
- */
2307
- startLabel?: React_2.ComponentType<LabelProps & FieldProps>;
2308
- /**
2309
- * Overrides the component used for visualizing the `start` field error.
2310
- * The [KendoReact Error](https://www.telerik.com/kendo-react-ui/components/labels/error) component is used, by default.
2311
- *
2312
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2313
- */
2314
- startError?: React_2.ComponentType<ErrorProps & FieldProps>;
2315
- /**
2316
- * Overrides the component used for visualizing the `start` field editor.
2317
- * The [KendoReact DatePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker) or [KendoReact DateTimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker) component is used by default depending on the `allDay` field value.
2318
- *
2319
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2320
- */
2321
- startEditor?: React_2.ComponentType<TargetlessChangeEvent<ZonedDateTimeProps & FieldProps, Date>>;
2322
- /**
2323
- * Overrides the component used for visualizing the `start timezone` field label.
2324
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2325
- *
2326
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2327
- */
2328
- startTimezoneLabel?: React_2.ComponentType<LabelProps & FieldProps>;
2329
- /**
2330
- * Overrides the component used for visualizing the `start timezone` field error.
2331
- * The [KendoReact Error](https://www.telerik.com/kendo-react-ui/components/labels/error) component is used, by default.
2332
- *
2333
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2334
- */
2335
- startTimezoneError?: React_2.ComponentType<ErrorProps & FieldProps>;
2336
- /**
2337
- * Overrides the component used for visualizing the `start timezone` field editor.
2338
- * An extended [KendoReact ComboBox](https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox) component is used, by default.
2339
- *
2340
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2341
- */
2342
- startTimezoneEditor?: React_2.ComponentType<TargetlessChangeEvent<ComboBoxProps & FieldProps, string>>;
2343
- /**
2344
- * Overrides the component used for visualizing the `start timezone checked` label.
2345
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2346
- *
2347
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2348
- */
2349
- startTimezoneCheckedLabel?: React_2.ComponentType<LabelProps>;
2350
- /**
2351
- * Overrides the component used for visualizing the `start timezone checked` editor.
2352
- * The [KendoReact Checkbox](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox) component is used, by default.
2353
- *
2354
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2355
- */
2356
- startTimezoneCheckedEditor?: React_2.ComponentType<TargetlessChangeEvent<CheckboxProps, boolean>>;
2357
- /**
2358
- * Overrides the component used for visualizing the `end` field label.
2359
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2360
- *
2361
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2362
- */
2363
- endLabel?: React_2.ComponentType<LabelProps & FieldProps>;
2364
- /**
2365
- * Overrides the component used for visualizing the `end` field error.
2366
- * The [KendoReact Error](https://www.telerik.com/kendo-react-ui/components/labels/error) component is used, by default.
2367
- *
2368
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2369
- */
2370
- endError?: React_2.ComponentType<ErrorProps & FieldProps>;
2371
- /**
2372
- * Overrides the component used for visualizing the `end` field editor.
2373
- * The [KendoReact DatePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker) or [KendoReact DateTimePicker](https://www.telerik.com/kendo-react-ui/components/dateinputs/datetimepicker) component is used by default depending on the `allDay` field value.
2374
- *
2375
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2376
- */
2377
- endEditor?: React_2.ComponentType<TargetlessChangeEvent<ZonedDateTimeProps & FieldProps, Date>>;
2378
- /**
2379
- * Overrides the component used for visualizing the `end timezone` field label.
2380
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2381
- *
2382
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2383
- */
2384
- endTimezoneLabel?: React_2.ComponentType<LabelProps>;
2385
- /**
2386
- * Overrides the component used for visualizing the `end timezone` field error.
2387
- * The [KendoReact Error](https://www.telerik.com/kendo-react-ui/components/labels/error) component is used, by default.
2388
- *
2389
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2390
- */
2391
- endTimezoneError?: React_2.ComponentType<ErrorProps>;
2392
- /**
2393
- * Overrides the component used for visualizing the `end timezone` field editor.
2394
- * An extended [KendoReact ComboBox](https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox) component is used, by default.
2395
- *
2396
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2397
- */
2398
- endTimezoneEditor?: React_2.ComponentType<TargetlessChangeEvent<ComboBoxProps, string>>;
2399
- /**
2400
- * Overrides the component used for visualizing the `start timezone checked` label.
2401
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2402
- *
2403
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2404
- */
2405
- endTimezoneCheckedLabel?: React_2.ComponentType<LabelProps>;
2406
- /**
2407
- * Overrides the component used for visualizing the `end timezone checked` editor.
2408
- * The [KendoReact Checkbox](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox) component is used, by default.
2409
- *
2410
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2411
- */
2412
- endTimezoneCheckedEditor?: React_2.ComponentType<TargetlessChangeEvent<CheckboxProps, boolean>>;
2413
- /**
2414
- * Overrides the component used for visualizing the `allDay` field label.
2415
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2416
- *
2417
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2418
- */
2419
- allDayLabel?: React_2.ComponentType<LabelProps & FieldProps>;
2420
- /**
2421
- * Overrides the component used for visualizing the `allDay` field editor.
2422
- * The [KendoReact Checkbox](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox) component is used, by default.
2423
- *
2424
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2425
- */
2426
- allDayEditor?: React_2.ComponentType<TargetlessChangeEvent<CheckboxProps & FieldProps, boolean>>;
2427
- /**
2428
- * Overrides the component used for visualizing the `recurrenceRule` field editor.
2429
- * A custom made RecurrenceEditor component is used, by default.
2430
- *
2431
- * > We're planing on releasing the `RecurrenceEditor` as a standalone component in the future.
2432
- *
2433
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2434
- */
2435
- recurrenceEditor?: React_2.ComponentType<TargetlessChangeEvent<FieldProps, string>>;
2436
- /**
2437
- * Overrides the component used for visualizing the `description` field label.
2438
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2439
- *
2440
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2441
- */
2442
- descriptionLabel?: React_2.ComponentType<LabelProps & FieldProps>;
2443
- /**
2444
- * Overrides the component used for visualizing the `description` field error.
2445
- * The [KendoReact Error](https://www.telerik.com/kendo-react-ui/components/labels/error) component is used, by default.
2446
- *
2447
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2448
- */
2449
- descriptionError?: React_2.ComponentType<ErrorProps & FieldProps>;
2450
- /**
2451
- * Overrides the component used for visualizing the `description` field editor.
2452
- * The [KendoReact TextArea](https://www.telerik.com/kendo-react-ui/components/inputs/textarea) component is used, by default.
2453
- *
2454
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2455
- */
2456
- descriptionEditor?: React_2.ComponentType<TargetlessChangeEvent<TextAreaProps & FieldProps, string>>;
2457
- /**
2458
- * Overrides the component used for visualizing the `start timezone checked` field label.
2459
- * The [KendoReact Label](https://www.telerik.com/kendo-react-ui/components/labels/label) component is used, by default.
2460
- *
2461
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2462
- */
2463
- resourceLabel?: React_2.ComponentType<LabelProps & FieldProps>;
2464
- /**
2465
- * Overrides the component used for visualizing each `resources` field error.
2466
- * The [KendoReact Error](https://www.telerik.com/kendo-react-ui/components/labels/error) component is used, by default.
2467
- *
2468
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2469
- */
2470
- resourcesError?: React_2.ComponentType<ErrorProps & FieldProps>;
2471
- /**
2472
- * Overrides the component used for visualizing each `resource` field editor.
2473
- * An extended KendoReact [MultiSelect](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect) or [DropDownList](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist) component is used by default, depending on the `multiple` field of each individual `resource`.
2474
- *
2475
- * For more information, please refer to the [`Scheduler Form Editor Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/editor) article.
2476
- */
2477
- resourceEditor?: React_2.ComponentType<TargetlessChangeEvent<(MultiSelectProps | DropDownListProps) & FieldProps, any>>;
2478
- }
2479
-
2480
- /**
2481
- * Represent the `ref` of the SchedulerForm component.
2482
- */
2483
- export declare interface SchedulerFormHandle {
2484
- /**
2485
- * Represents the properties passed to the current instance of the `SchedulerForm`.
2486
- */
2487
- props: SchedulerFormProps;
2488
- }
2489
-
2490
- /**
2491
- * Represents the props of the KendoReact [SchedulerForm](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerform) component.
2492
- */
2493
- export declare interface SchedulerFormProps extends Omit_2<FormProps, 'render' | 'onSubmit'> {
2494
- /**
2495
- * Specifies the `dataItem` to be visualized inside the form.
2496
- */
2497
- dataItem: DataItem;
2498
- /**
2499
- * The Form content that will be rendered. The default rendering includes a `dialog` and `editor`.
2500
- *
2501
- * For more information about customizing some parts of the default rendering please refer to the [SchedulerForm Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/overview) article.
2502
- */
2503
- render?: (props: FormRenderProps) => any;
2504
- /**
2505
- * Fires when you click the `cancel` button.
2506
- */
2507
- onCancel?: (event: SchedulerFormStateChangeEvent<null>) => void;
2508
- /**
2509
- * Fires when you click the `close` button.
2510
- */
2511
- onClose?: (event: SchedulerFormStateChangeEvent<null>) => void;
2512
- /**
2513
- * Fires when you click the `submit` button.
2514
- */
2515
- onSubmit: (event: SchedulerFormStateChangeEvent<any>) => void;
2516
- /**
2517
- * Overrides the component used for visualizing the `editor`.
2518
- * The [SchedulerFormEditor](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerformeditor) component is used, by default.
2519
- *
2520
- * For more information, please refer to the [`Scheduler Form Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/overview) article.
2521
- */
2522
- editor?: React_2.ComponentType<SchedulerFormEditorProps>;
2523
- /**
2524
- * Overrides the component used for visualizing the `dialog`.
2525
- * The [KendoReact Dialog](https://www.telerik.com/kendo-react-ui/components/dialogs/api/dialog) component is used, by default.
2526
- *
2527
- * For more information, please refer to the [`Scheduler Form Customization`](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/form/overview) article.
2528
- */
2529
- dialog?: React_2.ComponentType<DialogProps>;
2530
- }
2531
-
2532
- export declare interface SchedulerFormStateChangeEvent<T> {
2533
- /**
2534
- * The SchedulerForm instance that triggered the event.
2535
- */
2536
- target: SchedulerFormHandle;
2537
- /**
2538
- * The value associated with the event.
2539
- */
2540
- value: T;
2541
- /**
2542
- * The React synthetic event object.
2543
- */
2544
- syntheticEvent: React_2.SyntheticEvent;
2545
- }
2546
-
2547
- /**
2548
- * An interface for the Scheduler groups.
2549
- */
2550
- export declare interface SchedulerGroup {
2551
- /**
2552
- * An array of the resource names that will be grouped.
2553
- */
2554
- resources: string[];
2555
- /**
2556
- * Specifies the orientation of the groups.
2557
- */
2558
- orientation: 'horizontal' | 'vertical';
2559
- }
2560
-
2561
- /**
2562
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the Scheduler `Group` object, calculated based on the [group](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-group) and [resources](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-resources).
2563
- *
2564
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
2565
- */
2566
- export declare const SchedulerGroupsContext: React_2.Context<SchedulerGroupsContextType>;
2567
-
2568
- /**
2569
- * Specifies the result of the [useSchedulerGroupsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulergroupscontext) and [SchedulerGroupsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulergroupscontext).
2570
- */
2571
- export declare type SchedulerGroupsContextType = Group[];
2572
-
2573
- /**
2574
- * Represents the Object which is passed to the [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the Scheduler component.
2575
- */
2576
- export declare interface SchedulerHandle {
2577
- /**
2578
- * The props of the Scheduler component.
2579
- */
2580
- props: SchedulerProps;
2581
- /**
2582
- * The HTML element of the Scheduler component.
2583
- */
2584
- element: HTMLDivElement | null;
2585
- }
2586
-
2587
- /**
2588
- * Represents the default `header` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
2589
- */
2590
- export declare const SchedulerHeader: React_2.ForwardRefExoticComponent<SchedulerHeaderProps & React_2.RefAttributes<SchedulerHeaderHandle>>;
2591
-
2592
- /**
2593
- * Represents the object which is returned from the `ref` callback of the [SchedulerHeader](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerheader).
2594
- *
2595
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
2596
- */
2597
- export declare interface SchedulerHeaderHandle {
2598
- /**
2599
- * The HTML element of the SchedulerHeader component.
2600
- */
2601
- element: HTMLDivElement | null;
2602
- /**
2603
- * The props of the SchedulerHeader component.
2604
- */
2605
- props: SchedulerHeaderProps;
2606
- }
2607
-
2608
- export declare interface SchedulerHeaderProps extends ToolbarProps {
2609
- /**
2610
- * The content of the header component.
2611
- */
2612
- children?: React_2.ReactNode;
2613
- }
2614
-
2615
- /**
2616
- * Represents the default `item` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
2617
- */
2618
- export declare const SchedulerItem: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle>>;
2619
-
2620
- /**
2621
- * A component which applies the necessary `className` for correct styling of child elements inside the [SchedulerItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritem)
2622
- */
2623
- export declare const SchedulerItemContent: React_2.ForwardRefExoticComponent<SchedulerItemContentProps & React_2.RefAttributes<HTMLDivElement>>;
2624
-
2625
- /**
2626
- * Represents the props of the [SchedulerItemContent](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritemcontent) component.
2627
- * Extends the [native `div` props`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDivElement).
2628
- */
2629
- export declare interface SchedulerItemContentProps extends React_2.HTMLAttributes<HTMLDivElement> {
2630
- }
2631
-
2632
- /**
2633
- * @hidden
2634
- */
2635
- export declare interface SchedulerItemDragEvent {
2636
- target: SchedulerItemHandle;
2637
- dragEvent: ItemDragEvent;
2638
- }
2639
-
2640
- /**
2641
- * Represents the object passed to the `drag-item` reducer.
2642
- */
2643
- export declare interface SchedulerItemDragItemAction {
2644
- /**
2645
- * The type of drag action to perform.
2646
- */
2647
- type: DRAG_ITEM_ACTION;
2648
- /**
2649
- * The data item payload for the drag action.
2650
- */
2651
- payload?: DataItem;
2652
- }
2653
-
2654
- /**
2655
- * @hidden
2656
- */
2657
- export declare interface SchedulerItemFocusEvent {
2658
- target: SchedulerItemHandle;
2659
- syntheticEvent: React.FocusEvent;
2660
- }
2661
-
2662
- /** @hidden */
2663
- declare type SchedulerItemFormItemAction = {
2664
- type: FORM_ITEM_ACTION;
2665
- payload?: DataItem;
2666
- };
2667
-
2668
- /**
2669
- * Represents the object which is returned from the `ref` callback of the [SchedulerItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritem).
2670
- *
2671
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
2672
- */
2673
- export declare interface SchedulerItemHandle {
2674
- /**
2675
- * The HTML element of the SchedulerItem component.
2676
- */
2677
- element: HTMLDivElement | null;
2678
- /**
2679
- * The props of the SchedulerItem component.
2680
- */
2681
- props: SchedulerItemProps;
2682
- /** @hidden */
2683
- _maxSiblingsPerSlot?: number | null;
2684
- /** @hidden */
2685
- _siblings?: SchedulerItemHandle[] | null;
2686
- /** @hidden */
2687
- _order?: number | null;
2688
- }
2689
-
2690
- /**
2691
- * @hidden
2692
- */
2693
- export declare interface SchedulerItemKeyboardEvent {
2694
- target: SchedulerItemHandle;
2695
- syntheticEvent: React.KeyboardEvent;
2696
- }
2697
-
2698
- /**
2699
- * @hidden
2700
- */
2701
- export declare interface SchedulerItemMouseEvent {
2702
- target: SchedulerItemHandle;
2703
- syntheticEvent: React.MouseEvent;
2704
- }
2705
-
2706
- /**
2707
- * Represents the props of the KendoReact [SchedulerItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritem) component.
2708
- */
2709
- export declare interface SchedulerItemProps extends Item {
2710
- /**
2711
- * Specifies the `id` of the wrapping element of the SchedulerItem.
2712
- */
2713
- id?: string;
2714
- /**
2715
- * Specifies the `tabIndex` attribute of the wrapping element of the SchedulerItem.
2716
- *
2717
- * Providing `null` does not apply any `tabIndex` to the element.
2718
- */
2719
- tabIndex?: number | null;
2720
- /**
2721
- * Specifies the `className` attribute of the wrapping element of the SchedulerItem.
2722
- *
2723
- * The SchedulerItem applies the following default className:
2724
- * - `k-event`
2725
- * - `k-selected` - if `props.selected` is set to `true`
2726
- * - `k-event-drag-hint` - if `props.dragHint` is set to `true`
2727
- * - `k-scheduler-marquee` - if `props.resizeHint` is set to `true`
2728
- * - `k-marquee`: if `props.resizeHint` is set to `true`
2729
- * - `k-first`: if `props.resizeHint` is set to `true` and `props.tail` is set to `false`
2730
- * - `k-last`: if `props.resizeHint` is set to `true` and `props.head` is set to `false`
2731
- */
2732
- className?: string;
2733
- /**
2734
- * Specifies the `style` object of the wrapping element of the SchedulerItem.
2735
- *
2736
- * The SchedulerItem applies the following default styles:
2737
- * - `cursor`: `pointer`
2738
- * - `userSelect`: `none`
2739
- * - `borderColor`: `props.color`
2740
- * - `borderColor`: `props.color`
2741
- * - `pointerEvents`: `none` - if `props.dragHint` or `props.resizeHint` is set to `true`
2742
- */
2743
- style?: React_2.CSSProperties;
2744
- /**
2745
- * Specifies the `children` of the SchedulerItem.
2746
- *
2747
- * Setting this property overrides the default elements rendered by the SchedulerItem.
2748
- */
2749
- children?: React_2.ReactNode;
2750
- /**
2751
- * Overrides the `editable` prop of the `Scheduler` and the active view.
2752
- */
2753
- editable?: EditableProp | boolean;
2754
- /**
2755
- * Sets the selected state of the SchedulerItem. By default, the `k-selected` className is added if `props.selected` is `true`.
2756
- */
2757
- selected?: boolean;
2758
- /**
2759
- * Specifies the orientation of the SchedulerItem.
2760
- */
2761
- vertical?: boolean;
2762
- /**
2763
- * Returns true if it is the last item rendered in the current view.
2764
- */
2765
- isLast?: boolean;
2766
- /**
2767
- * Specifies if the current SchedulerItem is used as a DragHint.
2768
- */
2769
- dragHint?: boolean;
2770
- /**
2771
- * Specifies if the current SchedulerItem is used as a ResizeHint.
2772
- */
2773
- resizeHint?: boolean;
2774
- /**
2775
- * Specifies the `format` in which the `zonedStart` and `zonedEnd` properties are displayed.
2776
- *
2777
- * For more information, refer to the [formatDate](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-formatdate) method of the [IntlService](https://www.telerik.com/kendo-react-ui/components/intl).
2778
- */
2779
- format?: string;
2780
- /**
2781
- * Fires each time the element, or any of its child elements, receive focus.
2782
- */
2783
- onFocus?: (event: SchedulerItemFocusEvent) => void;
2784
- /**
2785
- * Fires each time the element, or any of its child elements, lose focus.
2786
- */
2787
- onBlur?: (event: SchedulerItemFocusEvent) => void;
2788
- /**
2789
- * Fires each time the element, or any of its child elements, receives a `mousedown` event.
2790
- */
2791
- onMouseDown?: (event: SchedulerItemMouseEvent) => void;
2792
- /**
2793
- * Fires each time the element, or any of its child elements, receives a `mouseup` event.
2794
- */
2795
- onMouseUp?: (event: SchedulerItemMouseEvent) => void;
2796
- /**
2797
- * Fires each time the element, or any of its child elements, is clicked.
2798
- */
2799
- onClick?: (event: SchedulerItemMouseEvent) => void;
2800
- /**
2801
- * Fires each time the element, or any of its child elements, receives a `mouseenter` event.
2802
- */
2803
- onMouseEnter?: (event: SchedulerItemMouseEvent) => void;
2804
- /**
2805
- * Fires each time the element, or any of its child elements, receives a `mouseleave` event.
2806
- */
2807
- onMouseLeave?: (event: SchedulerItemMouseEvent) => void;
2808
- /**
2809
- * Fires each time the element, or any of its child elements, receives a `mouseover` event.
2810
- */
2811
- onMouseOver?: (event: SchedulerItemMouseEvent) => void;
2812
- /**
2813
- * Fires each time the element, or any of its child elements, receives a `mouseout` event.
2814
- */
2815
- onMouseOut?: (event: SchedulerItemMouseEvent) => void;
2816
- /**
2817
- * Fires each time the element, or any of its child elements, is double-clicked.
2818
- */
2819
- onDoubleClick?: (event: SchedulerItemMouseEvent) => void;
2820
- /**
2821
- * Fires when you click the `delete` icon.
2822
- *
2823
- * The `delete` icon renders only when `props.editable` or `props.editable.remove` is `true`.
2824
- */
2825
- onRemoveClick?: (event: SchedulerItemMouseEvent) => void;
2826
- /**
2827
- * Fires each time a `keydown` event propagates to the wrapping element.
2828
- */
2829
- onKeyDown?: (event: SchedulerItemKeyboardEvent) => void;
2830
- /**
2831
- * Fires each time a `keypress` event propagates to the wrapping element.
2832
- */
2833
- onKeyPress?: (event: SchedulerItemKeyboardEvent) => void;
2834
- /**
2835
- * Fires each time a `keyup` event propagates to the wrapping element.
2836
- */
2837
- onKeyUp?: (event: SchedulerItemKeyboardEvent) => void;
2838
- /**
2839
- * Fires each time the element receives a `press` event.
2840
- *
2841
- * This event is used by the [`Drag & Drop`](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) functionality of the SchedulerItem.
2842
- * The SchedulerItem uses the [KendoReactDraggable](https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/draggable) instead of the `onDragStart` callback.
2843
- */
2844
- onPress?: (event: SchedulerItemDragEvent) => void;
2845
- /**
2846
- * Fires each time the element is dragged.
2847
- *
2848
- * This event is used by the [`Drag & Drop`](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) functionality of the SchedulerItem.
2849
- * The SchedulerItem uses the [KendoReactDraggable](https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/draggable) instead of the `onDrag` callback.
2850
- */
2851
- onDrag?: (event: SchedulerItemDragEvent) => void;
2852
- /**
2853
- * Fires when you release the dragged element.
2854
- *
2855
- * This event is used by the [`Drag & Drop`](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) functionality of the SchedulerItem.
2856
- * The SchedulerItem uses the [KendoReactDraggable](https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/draggable) instead of the `onDragEnd` callback.
2857
- */
2858
- onRelease?: (event: SchedulerItemDragEvent) => void;
2859
- /**
2860
- * Fires each time any of the resize handlers receives a `press` event.
2861
- *
2862
- * This event is used by the [`Resize`](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) functionality of the SchedulerItem.
2863
- * The SchedulerItem uses the [KendoReactDraggable](https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/draggable) instead of the `onDragStart` callback.
2864
- */
2865
- onResizePress?: (event: SchedulerItemDragEvent) => void;
2866
- /**
2867
- * Fires each time the resize handler responsible for the item `start` is being dragged.
2868
- *
2869
- * This event is used by the [`Resize`](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) functionality of the SchedulerItem.
2870
- * The SchedulerItem uses the [KendoReactDraggable](https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/draggable) instead of the `onDrag` callback.
2871
- */
2872
- onResizeStartDrag?: (event: SchedulerItemDragEvent) => void;
2873
- /**
2874
- * Fires each time the resize handler responsible for the item `end` is being dragged.
2875
- *
2876
- * This event is used by the [`Resize`](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) functionality of the SchedulerItem.
2877
- * The SchedulerItem uses the [KendoReactDraggable](https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/draggable) instead of the `onDrag` callback.
2878
- */
2879
- onResizeEndDrag?: (event: SchedulerItemDragEvent) => void;
2880
- /**
2881
- * Fires when you release the dragged resize handler.
2882
- *
2883
- * This event is used by the [`Resize`](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) functionality of the SchedulerItem.
2884
- * The SchedulerItem uses the [KendoReactDraggable](https://www.telerik.com/kendo-react-ui/components/common/drag-and-drop/draggable) instead of the `onDragEnd` callback.
2885
- */
2886
- onResizeRelease?: (event: SchedulerItemDragEvent) => void;
2887
- /** @hidden */
2888
- _maxSiblingsPerSlot?: React_2.MutableRefObject<number | null>;
2889
- /** @hidden */
2890
- _siblings?: React_2.MutableRefObject<SchedulerItemHandle[] | null>;
2891
- /** @hidden */
2892
- _order?: React_2.MutableRefObject<number | null>;
2893
- }
2894
-
2895
- /**
2896
- * Represents the object passed to the `remove-item` reducer.
2897
- */
2898
- export declare type SchedulerItemRemoveItemAction = {
2899
- type: REMOVE_ITEM_ACTION;
2900
- payload?: DataItem;
2901
- };
2902
-
2903
- /**
2904
- * Represents the object passed to the `resize-item` reducer.
2905
- */
2906
- export declare interface SchedulerItemResizeItemAction {
2907
- /**
2908
- * The type of resize action to perform.
2909
- */
2910
- type: RESIZE_ITEM_ACTION;
2911
- /**
2912
- * The data item payload for the resize action.
2913
- */
2914
- payload?: DataItem;
2915
- /**
2916
- * The event associated with the resize action.
2917
- */
2918
- event?: any;
2919
- }
2920
-
2921
- /**
2922
- * Represents the object passed to the `series` reducer.
2923
- */
2924
- export declare type SchedulerItemSeriesAction = {
2925
- type: SERIES_ACTION;
2926
- payload?: boolean;
2927
- };
2928
-
2929
- /**
2930
- * Represents the object passed to the `items-focus` reducer.
2931
- */
2932
- export declare interface SchedulerItemsFocusAction {
2933
- /**
2934
- * The type of focus action to perform on the item.
2935
- */
2936
- type: ITEMS_FOCUS_ACTION;
2937
- /**
2938
- * The reference to the scheduler item handle.
2939
- */
2940
- item?: React_2.RefObject<SchedulerItemHandle | null>;
2941
- /**
2942
- * Whether to ignore the isAllDay property when performing the action.
2943
- */
2944
- ignoreIsAllDay?: boolean;
2945
- }
2946
-
2947
- /**
2948
- * Represents the object passed to the `show-occurrence-dialog` reducer.
2949
- */
2950
- export declare type SchedulerItemShowOccurrenceDialogAction = {
2951
- type: SHOW_OCCURRENCE_DIALOG_ACTION;
2952
- payload?: boolean;
2953
- };
2954
-
2955
- /**
2956
- * Represents the object passed to the `show-remove-dialog` reducer.
2957
- */
2958
- export declare type SchedulerItemShowRemoveDialogAction = {
2959
- type: SHOW_REMOVE_DIALOG_ACTION;
2960
- payload?: boolean;
2961
- };
2962
-
2963
- /**
2964
- * Represents the object passed to the `items-select` reducer.
2965
- */
2966
- export declare interface SchedulerItemsSelectAction {
2967
- /**
2968
- * The type of action to perform on item selection.
2969
- */
2970
- type: ITEMS_SELECT_ACTION;
2971
- /**
2972
- * The reference to the scheduler item handle.
2973
- */
2974
- item?: React_2.RefObject<SchedulerItemHandle | null>;
2975
- /**
2976
- * Whether to ignore the isAllDay property when performing the action.
2977
- */
2978
- ignoreIsAllDay?: boolean;
2979
- }
2980
-
2981
- /**
2982
- * Defines the model fields that will be used for creating `SchedulerEvent` instances.
2983
- */
2984
- export declare interface SchedulerModelFields {
2985
- /**
2986
- * The name of the `ID` model field.
2987
- * Defaults to `"id"`.
2988
- */
2989
- id?: string;
2990
- /**
2991
- * The name of the start date model field.
2992
- * Defaults to `"start"`.
2993
- */
2994
- start?: string;
2995
- /**
2996
- * The name of the start timezone model field.
2997
- * Defaults to `"startTimezone"`.
2998
- */
2999
- startTimezone?: string;
3000
- /** @hidden */
3001
- originalStart?: string;
3002
- /**
3003
- * The name of the end date model field.
3004
- * Defaults to `"end"`.
3005
- */
3006
- end?: string;
3007
- /**
3008
- * The name of the end timezone model field.
3009
- * Defaults to `"endTimezone"`.
3010
- */
3011
- endTimezone?: string;
3012
- /**
3013
- * The name of the all-day flag model field.
3014
- * Defaults to `"isAllDay"`.
3015
- */
3016
- isAllDay?: string;
3017
- /**
3018
- * The name of the title model field.
3019
- * Defaults to `"title"`.
3020
- */
3021
- title?: string;
3022
- /**
3023
- * The name of the description model field.
3024
- * Defaults to `"title"`.
3025
- */
3026
- description?: string;
3027
- /**
3028
- * The name of the recurrence model field.
3029
- * Defaults to `"recurrenceRule"`.
3030
- */
3031
- recurrenceRule?: string;
3032
- /**
3033
- * The name of the recurrence ID model field.
3034
- * Defaults to `"recurrenceId"`.
3035
- */
3036
- recurrenceId?: string;
3037
- /**
3038
- * The name of the recurrence exceptions model field.
3039
- * Defaults to `"recurrenceExceptions"`.
3040
- */
3041
- recurrenceExceptions?: string;
3042
- }
3043
-
3044
- /**
3045
- * Represents the default `occurrenceDialog` component rendered by the [KendoReact SchedulerEditItem component](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititem).
3046
- */
3047
- export declare const SchedulerOccurrenceDialog: React_2.ForwardRefExoticComponent<SchedulerOccurrenceDialogProps & React_2.RefAttributes<SchedulerOccurrenceDialogHandle | null>>;
3048
-
3049
- /**
3050
- * Represent the `ref` of the SchedulerOccurrenceDialog component.
3051
- */
3052
- export declare type SchedulerOccurrenceDialogHandle = {
3053
- props: SchedulerOccurrenceDialogProps;
3054
- };
3055
-
3056
- /**
3057
- * Represents the props of the KendoReact [SchedulerOccurrenceDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleroccurrencedialog) component.
3058
- */
3059
- export declare interface SchedulerOccurrenceDialogProps {
3060
- /**
3061
- * Specifies the `DataItem` currently being edited.
3062
- */
3063
- dataItem: DataItem;
3064
- /**
3065
- * Specifies if the dialog is for `remove` or `edit` action.
3066
- */
3067
- isRemove?: boolean;
3068
- /**
3069
- * Fires when you click the `close` button.
3070
- */
3071
- onClose: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
3072
- /**
3073
- * Fires when you click the `series` button.
3074
- */
3075
- onSeriesClick: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
3076
- /**
3077
- * Fires when you click the `occurrence` button.
3078
- */
3079
- onOccurrenceClick: (event: SchedulerOccurrenceDialogStateChangeEvent<DataItem | null>) => void;
3080
- }
3081
-
3082
- export declare interface SchedulerOccurrenceDialogStateChangeEvent<T> {
3083
- /**
3084
- * The SchedulerOccurrenceDialog instance that triggered the event.
3085
- */
3086
- target: SchedulerOccurrenceDialogHandle;
3087
- /**
3088
- * The value associated with the event.
3089
- */
3090
- value: T;
3091
- /**
3092
- * The React synthetic event object.
3093
- */
3094
- syntheticEvent: React_2.SyntheticEvent;
3095
- }
3096
-
3097
- /**
3098
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the grouping orientation of the Scheduler.
3099
- *
3100
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
3101
- */
3102
- export declare const SchedulerOrientationContext: React_2.Context<Orientation>;
3103
-
3104
- /**
3105
- * Specifies the result of the [useSchedulerOrientationContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulerorientationcontext) and [SchedulerOrientationContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerorientationcontext).
3106
- */
3107
- export declare type SchedulerOrientationContextType = Orientation;
3108
-
3109
- /**
3110
- * Represents a customized `viewItem` component which position itself proportionally to the duration of the item.
3111
- *
3112
- * This is a composite component of the [`SchedulerItem`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritem), extending it to provide extended positioning inside a view.
3113
- */
3114
- export declare const SchedulerProportionalViewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
3115
-
3116
- export declare const schedulerProportionalViewItemDefaultProps: {
3117
- item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle>>;
3118
- };
3119
-
3120
- /**
3121
- * Represents the props of the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
3122
- */
3123
- export declare interface SchedulerProps {
3124
- /**
3125
- * Specifies the `id` of the wrapping element of the Scheduler.
3126
- *
3127
- * @example
3128
- * ```jsx
3129
- * <Scheduler id="my-scheduler" />
3130
- * ```
3131
- */
3132
- id?: string;
3133
- /**
3134
- * Specifies the `tabIndex` attribute of the wrapping element of the Scheduler.
3135
- *
3136
- * @default -1
3137
- *
3138
- * @example
3139
- * ```jsx
3140
- * <Scheduler tabIndex={0} />
3141
- * ```
3142
- */
3143
- tabIndex?: number;
3144
- /**
3145
- * Specifies the `role` attribute of the Scheduler wrapping element.
3146
- *
3147
- * For more information, refer to the [Scheduler Accessibility Compliance](https://www.telerik.com/kendo-react-ui/components/scheduler/accessibility/wai-aria-support) article.
3148
- *
3149
- * @example
3150
- * ```jsx
3151
- * <Scheduler role="application" />
3152
- * ```
3153
- */
3154
- role?: string;
3155
- /**
3156
- * The `aria-labelledby` attribute to be applied to the Scheduler component.
3157
- *
3158
- * For more information, refer to the [Scheduler Accessibility Compliance](https://www.telerik.com/kendo-react-ui/components/scheduler/accessibility/wai-aria-support) article.
3159
- *
3160
- * @example
3161
- * ```jsx
3162
- * <Scheduler ariaLabelledby="scheduler-label" />
3163
- * ```
3164
- */
3165
- ariaLabelledby?: string;
3166
- /**
3167
- * The `aria-label` attribute to be applied to the Scheduler component.
3168
- *
3169
- * For more information, refer to the [Scheduler Accessibility Compliance](https://www.telerik.com/kendo-react-ui/components/scheduler/accessibility/wai-aria-support) article.
3170
- *
3171
- * @example
3172
- * ```jsx
3173
- * <Scheduler ariaLabel="Scheduler component" />
3174
- * ```
3175
- */
3176
- ariaLabel?: string;
3177
- /**
3178
- * Specifies the `style` object of the wrapping element of the Scheduler.
3179
- *
3180
- * @example
3181
- * ```jsx
3182
- * <Scheduler style={{ height: '500px' }} />
3183
- * ```
3184
- */
3185
- style?: React_2.CSSProperties;
3186
- /**
3187
- * Specifies the `className` attribute of the wrapping element of the Scheduler.
3188
- *
3189
- * @example
3190
- * ```jsx
3191
- * <Scheduler className="custom-scheduler" />
3192
- * ```
3193
- */
3194
- className?: string;
3195
- /**
3196
- * Overrides the default item. If you specify the `item` property of a specific view, it overrides this property.
3197
- *
3198
- * The default component is: [SchedulerItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritem).
3199
- *
3200
- * For more information on customizing the scheduler items, refer to the [Item Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items) article.
3201
- *
3202
- * @example
3203
- * ```jsx
3204
- * const CustomItem = (props) => <div>{props.title}</div>;
3205
- * <Scheduler item={CustomItem} />
3206
- * ```
3207
- */
3208
- item?: React_2.ComponentType<SchedulerItemProps>;
3209
- /**
3210
- * Overrides the default viewItem. If you specify the `viewItem` property of a specific view, it overrides this property.
3211
- *
3212
- * The default component is: [SchedulerViewItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewitem).
3213
- *
3214
- * For more information on customizing the scheduler items, refer to the [Item Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items) article.
3215
- *
3216
- * @example
3217
- * ```jsx
3218
- * const CustomViewItem = (props) => <div>{props.title}</div>;
3219
- * <Scheduler viewItem={CustomViewItem} />
3220
- * ```
3221
- */
3222
- viewItem?: React_2.ComponentType<SchedulerViewItemProps>;
3223
- /**
3224
- * Overrides the default editItem. Specifying the `editItem` property of a specific view will override this property.
3225
- *
3226
- * The default component is: [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititem).
3227
- *
3228
- * For more information on customizing the scheduler items, refer to the [Item Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items) article.
3229
- *
3230
- * @example
3231
- * ```jsx
3232
- * const CustomEditItem = (props) => <div>{props.title}</div>;
3233
- * <Scheduler editItem={CustomEditItem} />
3234
- * ```
3235
- */
3236
- editItem?: React_2.ComponentType<SchedulerEditItemProps>;
3237
- /**
3238
- * Overrides the default task. Specifying the `task` property of a specific view will override this property.
3239
- * Currently, only the [AgendaView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda) uses the `task`.
3240
- *
3241
- * The default component is: [SchedulerTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask).
3242
- *
3243
- * For more information on customizing the scheduler tasks, refer to the [Task Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/tasks) article.
3244
- *
3245
- * @example
3246
- * ```jsx
3247
- * const CustomTask = (props) => <div>{props.title}</div>;
3248
- * <Scheduler task={CustomTask} />
3249
- * ```
3250
- */
3251
- task?: React_2.ComponentType<SchedulerTaskProps>;
3252
- /**
3253
- * Overrides the default viewTask. Specifying the `viewTask` property of a specific view will override this property.
3254
- * Currently, only the [AgendaView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda) uses the `viewTask`.
3255
- *
3256
- * The default component is: [SchedulerViewTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask).
3257
- *
3258
- * For more information on customizing the scheduler tasks, refer to the [Task Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/tasks) article.
3259
- *
3260
- * @example
3261
- * ```jsx
3262
- * const CustomViewTask = (props) => <div>{props.title}</div>;
3263
- * <Scheduler viewTask={CustomViewTask} />
3264
- * ```
3265
- */
3266
- viewTask?: React_2.ComponentType<SchedulerTaskProps>;
3267
- /**
3268
- * Overrides the default editTask. Specifying the `editTask` property of a specific view will override this property.
3269
- * Currently, only the [AgendaView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda) uses the `editTask`.
3270
- *
3271
- * The default component is: [SchedulerEditTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredittask).
3272
- *
3273
- * For more information on customizing the scheduler tasks, refer to the [Task Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/tasks) article.
3274
- *
3275
- * @example
3276
- * ```jsx
3277
- * const CustomEditTask = (props) => <div>{props.title}</div>;
3278
- * <Scheduler editTask={CustomEditTask} />
3279
- * ```
3280
- */
3281
- editTask?: React_2.ComponentType<SchedulerTaskProps>;
3282
- /**
3283
- * Overrides the default header component of the Scheduler.
3284
- *
3285
- * The default component is: [SchedulerHeader](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerheader).
3286
- *
3287
- * For more information on customizing the scheduler header, refer to the [Header Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/header-footer) article.
3288
- *
3289
- * @example
3290
- * ```jsx
3291
- * const CustomHeader = (props) => <div>Custom Header</div>;
3292
- * <Scheduler header={CustomHeader} />
3293
- * ```
3294
- */
3295
- header?: React_2.ComponentType<SchedulerHeaderProps>;
3296
- /**
3297
- * Overrides the default footer component of the Scheduler.
3298
- *
3299
- * The default component is: [SchedulerFooter](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerfooter).
3300
- *
3301
- * For more information on customizing the scheduler footer, refer to the [Footer Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/header-footer) article.
3302
- *
3303
- * @example
3304
- * ```jsx
3305
- * const CustomFooter = (props) => <div>Custom Footer</div>;
3306
- * <Scheduler footer={CustomFooter} />
3307
- * ```
3308
- */
3309
- footer?: React_2.ComponentType<SchedulerFooterProps>;
3310
- /**
3311
- * Overrides the default slot component. Specifying the `slot` property of a specific view will override this property.
3312
- *
3313
- * The default component is: [SchedulerSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslot).
3314
- *
3315
- * For more information on customizing the scheduler slots, refer to the [Slot Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots) article.
3316
- *
3317
- * @example
3318
- * ```jsx
3319
- * const CustomSlot = (props) => <div>{props.title}</div>;
3320
- * <Scheduler slot={CustomSlot} />
3321
- * ```
3322
- */
3323
- slot?: React_2.ComponentType<SchedulerSlotProps>;
3324
- /**
3325
- * Overrides the default viewSlot component. Specifying the `viewSlot` property of a specific view will override this property.
3326
- *
3327
- * The default component is: [SchedulerViewSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewslot).
3328
- *
3329
- * For more information on customizing the scheduler slots, refer to the [Slot Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots) article.
3330
- *
3331
- * @example
3332
- * ```jsx
3333
- * const CustomViewSlot = (props) => <div>{props.title}</div>;
3334
- * <Scheduler viewSlot={CustomViewSlot} />
3335
- * ```
3336
- */
3337
- viewSlot?: React_2.ComponentType<SchedulerViewSlotProps>;
3338
- /**
3339
- * Overrides the default editSlot component. Specifying the `editSlot` property of a specific view will override this property.
3340
- *
3341
- * The default component is: [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot).
3342
- *
3343
- * For more information on customizing the scheduler slots, refer to the [Slot Customization](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots) article.
3344
- *
3345
- * @example
3346
- * ```jsx
3347
- * const CustomEditSlot = (props) => <div>{props.title}</div>;
3348
- * <Scheduler editSlot={CustomEditSlot} />
3349
- * ```
3350
- */
3351
- editSlot?: React_2.ComponentType<SchedulerEditSlotProps>;
3352
- /** @hidden */
3353
- form?: React_2.ComponentType<SchedulerFormProps>;
3354
- /**
3355
- * Sets the currently selected view. The value is matched with the `name` property of the view.
3356
- *
3357
- * Sets the initially selected view. The available values are:
3358
- * * `day`
3359
- * * `week`
3360
- * * `month`
3361
- * * `agenda`
3362
- * * `timeline`
3363
- *
3364
- * @example
3365
- * ```jsx
3366
- * <Scheduler view="day" />
3367
- * ```
3368
- */
3369
- view?: string;
3370
- /**
3371
- * Sets the data of the Scheduler component. The data is then parsed and rendered as visual Scheduler items.
3372
- *
3373
- * @example
3374
- * ```jsx
3375
- * const data = [{ id: 1, title: 'Event', start: new Date(), end: new Date() }];
3376
- * <Scheduler data={data} />
3377
- * ```
3378
- */
3379
- data?: DataItem[];
3380
- /**
3381
- * Sets if the Scheduler component is editable. The value can be either a `boolean` or an Object to specify different types of editing.
3382
- *
3383
- * @default false
3384
- *
3385
- * @example
3386
- * ```jsx
3387
- * <Scheduler editable={true} />
3388
- * ```
3389
- */
3390
- editable?: EditableProp | boolean;
3391
- /**
3392
- * Sets the initially selected view.
3393
- *
3394
- * For more information refer to the [Scheduler Views](https://www.telerik.com/kendo-react-ui/components/scheduler/views) article.
3395
- *
3396
- * Sets the initially selected view. The available values are:
3397
- * * `day`
3398
- * * `week`
3399
- * * `month`
3400
- * * `agenda`
3401
- * * `timeline`
3402
- *
3403
- * @example
3404
- * ```jsx
3405
- * <Scheduler defaultView="week" />
3406
- * ```
3407
- */
3408
- defaultView?: string;
3409
- /**
3410
- * Sets the current selected `Date`. The current selected date is passed to the selected view and transformed into a range.
3411
- *
3412
- * @example
3413
- * ```jsx
3414
- * <Scheduler date={new Date()} />
3415
- * ```
3416
- */
3417
- date?: Date;
3418
- /**
3419
- * Sets a default selected `Date`. Use the `defaultDate` property to specify the initial rendered date while remaining in an uncontrolled mode.
3420
- *
3421
- * @example
3422
- * ```jsx
3423
- * <Scheduler defaultDate={new Date()} />
3424
- * ```
3425
- */
3426
- defaultDate?: Date;
3427
- /**
3428
- * Forces RTL mode. For more information refer to [RTL Support](https://www.telerik.com/kendo-react-ui/components/scheduler/globalization#toc-right-to-left-support).
3429
- *
3430
- * @example
3431
- * ```jsx
3432
- * <Scheduler rtl={true} />
3433
- * ```
3434
- */
3435
- rtl?: boolean;
3436
- /**
3437
- * Sets the `height` of the Scheduler.
3438
- *
3439
- * @default 600
3440
- *
3441
- * @example
3442
- * ```jsx
3443
- * <Scheduler height={600} />
3444
- * ```
3445
- */
3446
- height?: number | string;
3447
- /**
3448
- * Specifies the available `view` components as `children`. The Scheduler matches the currently selected view and renders it.
3449
- *
3450
- * @example
3451
- * ```jsx
3452
- * <Scheduler>
3453
- * <DayView />
3454
- * <WeekView />
3455
- * </Scheduler>
3456
- * ```
3457
- */
3458
- children?: SchedulerView[] | SchedulerView;
3459
- /**
3460
- * Specifies the id of the timezone that the Scheduler displays.
3461
- * For example, `Europe/Sofia`.
3462
- *
3463
- * @default "Etc/UTC"
3464
- *
3465
- * @example
3466
- * ```jsx
3467
- * <Scheduler timezone="Europe/Sofia" />
3468
- * ```
3469
- */
3470
- timezone?: string;
3471
- /**
3472
- * Specifies the groups of the Scheduler.
3473
- *
3474
- * @example
3475
- * ```jsx
3476
- * const group = { resources: ['Rooms'], orientation: 'horizontal' };
3477
- * <Scheduler group={group} />
3478
- * ```
3479
- */
3480
- group?: SchedulerGroup;
3481
- /**
3482
- * Specifies the resources of the Scheduler.
3483
- *
3484
- * @example
3485
- * ```jsx
3486
- * const resources = [{ name: 'Rooms', data: [{ text: 'Room 1', value: 1 }] }];
3487
- * <Scheduler resources={resources} />
3488
- * ```
3489
- */
3490
- resources?: SchedulerResource[];
3491
- /**
3492
- * Specifies the names of the model fields from which the Scheduler reads its data
3493
- * ([see example](https://www.telerik.com/kendo-react-ui/components/scheduler/data-binding)).
3494
- *
3495
- * @example
3496
- * ```jsx
3497
- * const modelFields = { id: 'TaskID', start: 'Start', end: 'End' };
3498
- * <Scheduler modelFields={modelFields} />
3499
- * ```
3500
- */
3501
- modelFields?: SchedulerModelFields;
3502
- /**
3503
- * Fires when the user selects a new `date`.
3504
- *
3505
- * @example
3506
- * ```jsx
3507
- * const handleDateChange = (args) => console.log(args.value);
3508
- * <Scheduler onDateChange={handleDateChange} />
3509
- * ```
3510
- */
3511
- onDateChange?: (args: SchedulerDateChangeEvent) => void;
3512
- /**
3513
- * Fires when the user selects a new `view`. [(see example)](https://www.telerik.com/kendo-react-ui/components/scheduler/views#toc-controlling-the-selected-view).
3514
- *
3515
- * @example
3516
- * ```jsx
3517
- * const handleViewChange = (args) => console.log(args.value);
3518
- * <Scheduler onViewChange={handleViewChange} />
3519
- * ```
3520
- */
3521
- onViewChange?: (args: SchedulerViewChangeEvent) => void;
3522
- /**
3523
- * Fires each time editing occurs.
3524
- * To enable editing set the `editable` property to `true` or an [`EditableProp`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/editableprop).
3525
- *
3526
- * For more information refer to the [Scheduler Editing](https://www.telerik.com/kendo-react-ui/components/scheduler/editing) article.
3527
- *
3528
- * @example
3529
- * ```jsx
3530
- * const handleDataChange = (event) => console.log(event);
3531
- * <Scheduler onDataChange={handleDataChange} />
3532
- * ```
3533
- */
3534
- onDataChange?: (event: SchedulerDataChangeEvent) => void;
3535
- }
3536
-
3537
- /**
3538
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the [Scheduler](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduler) props.
3539
- *
3540
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
3541
- */
3542
- export declare const SchedulerPropsContext: React_2.Context<SchedulerProps>;
3543
-
3544
- /**
3545
- * Specifies the result of the [useSchedulerPropsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulerpropscontext) and [SchedulerPropsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerpropscontext).
3546
- */
3547
- export declare type SchedulerPropsContextType = SchedulerProps;
3548
-
3549
- /** @hidden */
3550
- export declare type SchedulerRange = (args: SchedulerRangeArgs) => DateRange;
3551
-
3552
- /** @hidden */
3553
- export declare interface SchedulerRangeArgs {
3554
- intl: IntlService;
3555
- date: Date;
3556
- numberOfDays?: any;
3557
- timezone?: string;
3558
- }
3559
-
3560
- /**
3561
- * Represents the default `removeDialog` component rendered by the [KendoReact SchedulerEditItem component](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleredititem).
3562
- */
3563
- export declare const SchedulerRemoveDialog: React_2.ForwardRefExoticComponent<SchedulerRemoveDialogProps & React_2.RefAttributes<SchedulerRemoveDialogHandle | null>>;
3564
-
3565
- /**
3566
- * Represent the `ref` of the SchedulerOccurrenceDialog component.
3567
- */
3568
- export declare type SchedulerRemoveDialogHandle = {
3569
- props: SchedulerRemoveDialogProps;
3570
- };
3571
-
3572
- /**
3573
- * Represents the props of the KendoReact [SchedulerRemoveDialog](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerremovedialog) component.
3574
- */
3575
- export declare interface SchedulerRemoveDialogProps {
3576
- /**
3577
- * Specifies the `DataItem` currently being deleted.
3578
- */
3579
- dataItem: DataItem;
3580
- /**
3581
- * Fires when you click the `close` button.
3582
- */
3583
- onClose?: (event: SchedulerRemoveDialogStateChangeEvent<null>) => void;
3584
- /**
3585
- * Fires when you click the `cancel` button.
3586
- */
3587
- onCancel?: (event: SchedulerRemoveDialogStateChangeEvent<null>) => void;
3588
- /**
3589
- * Fires when you click the `confirm` button.
3590
- */
3591
- onConfirm?: (event: SchedulerRemoveDialogStateChangeEvent<DataItem | null>) => void;
3592
- }
3593
-
3594
- export declare interface SchedulerRemoveDialogStateChangeEvent<T> {
3595
- /**
3596
- * The SchedulerRemoveDialog instance that triggered the event.
3597
- */
3598
- target: SchedulerRemoveDialogHandle;
3599
- /**
3600
- * The value associated with the event.
3601
- */
3602
- value: T;
3603
- /**
3604
- * The React synthetic event object.
3605
- */
3606
- syntheticEvent: React_2.SyntheticEvent;
3607
- }
3608
-
3609
- /**
3610
- * Represents the default `resize` component rendered by the [KendoReact SchedulerEditItem component]().
3611
- */
3612
- export declare const SchedulerResize: React_2.FunctionComponent<SchedulerResizeProps>;
3613
-
3614
- export declare const schedulerResizeDefaultProps: {
3615
- viewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle_2>>;
3616
- item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle_2>>;
3617
- };
3618
-
3619
- /**
3620
- * Represents the props of the KendoReact [SchedulerResize]() component.
3621
- */
3622
- export declare interface SchedulerResizeProps {
3623
- /** @hidden */
3624
- format?: string;
3625
- /** @hidden */
3626
- ignoreIsAllDay?: boolean;
3627
- /**
3628
- * Specifies the `DataItem` to be visualized as a Resize item.
3629
- */
3630
- dataItem: DataItem;
3631
- /**
3632
- * Specifies the orientation of the SchedulerItem inside the Drag.
3633
- */
3634
- vertical?: boolean;
3635
- /**
3636
- * Overrides the default component responsible for visualizing a single item.
3637
- *
3638
- * The default Component is: [SchedulerItem].
3639
- */
3640
- item?: React_2.ComponentType<SchedulerItemProps>;
3641
- /**
3642
- * Overrides the default component responsible for positioning the item inside the view.
3643
- *
3644
- * The default Component is: [SchedulerViewItem]().
3645
- */
3646
- viewItem?: React_2.ComponentType<SchedulerViewItemProps>;
3647
- }
3648
-
3649
- /**
3650
- * An interface for the resources of the Scheduler.
3651
- */
3652
- export declare interface SchedulerResource {
3653
- /**
3654
- * The resource name. If not set, the value of the `field` option is used.
3655
- */
3656
- name?: string;
3657
- /**
3658
- * The field name of the event that contains the resource value.
3659
- */
3660
- field: string;
3661
- /**
3662
- * The resource data.
3663
- */
3664
- data: any[];
3665
- /**
3666
- * The field name from the data that contains the resource value.
3667
- */
3668
- valueField: string;
3669
- /**
3670
- * The field name from the data that contains the resource text.
3671
- */
3672
- textField: string;
3673
- /**
3674
- * The field name from the data that contains the resource color.
3675
- */
3676
- colorField?: string;
3677
- /**
3678
- * Specifies if the events have multiple resource values.
3679
- */
3680
- multiple?: boolean;
3681
- }
3682
-
3683
- /**
3684
- * Represents the default `slot` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
3685
- */
3686
- export declare const SchedulerSlot: React_2.ForwardRefExoticComponent<SchedulerSlotProps & React_2.RefAttributes<SchedulerSlotHandle>>;
3687
-
3688
- export declare const schedulerSlotDefaultProps: {
3689
- isWorkHour: boolean;
3690
- isWorkDay: boolean;
3691
- };
3692
-
3693
- /**
3694
- * Represents the extended `expandable` configuration of a `SchedulerSlot`.
3695
- *
3696
- * Settings `offsetTop` or `offsetBottom` would provide an extra space in addition to the space taken by the `items` inside the `slot`.
3697
- */
3698
- export declare type SchedulerSlotExpandableConfig = {
3699
- offsetTop?: number;
3700
- offsetBottom?: number;
3701
- };
3702
-
3703
- /**
3704
- * @hidden
3705
- */
3706
- export declare interface SchedulerSlotFocusEvent {
3707
- target: SchedulerSlotHandle;
3708
- syntheticEvent: React.FocusEvent;
3709
- }
3710
-
3711
- /**
3712
- * Represents the object which is returned from the `ref` callback of the [SchedulerSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslot).
3713
- *
3714
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
3715
- */
3716
- export declare interface SchedulerSlotHandle {
3717
- /**
3718
- * The HTML element of the SchedulerSlot component.
3719
- */
3720
- element: HTMLDivElement | null;
3721
- /**
3722
- * The props of the SchedulerSlot component.
3723
- */
3724
- props: SchedulerSlotProps;
3725
- }
3726
-
3727
- /** @hidden */
3728
- export declare interface SchedulerSlotKeyboardEvent {
3729
- target: SchedulerSlotHandle;
3730
- syntheticEvent: React.KeyboardEvent;
3731
- }
3732
-
3733
- /**
3734
- * @hidden
3735
- */
3736
- export declare interface SchedulerSlotMouseEvent {
3737
- target: SchedulerSlotHandle;
3738
- syntheticEvent: React.MouseEvent;
3739
- }
3740
-
3741
- /**
3742
- * Represents the props of the KendoReact [SchedulerSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslot) component.
3743
- */
3744
- export declare interface SchedulerSlotProps extends Slot {
3745
- /** @hidden */
3746
- _ref: React_2.RefObject<SchedulerSlotHandle | null>;
3747
- /**
3748
- * Specifies the `id` of the wrapping element of the SchedulerSlot.
3749
- */
3750
- id?: string;
3751
- /**
3752
- * Specifies the `tabIndex` attribute of the wrapping element of the SchedulerSlot.
3753
- *
3754
- * Providing `null` does not apply any `tabIndex` to the element.
3755
- */
3756
- tabIndex?: number;
3757
- /**
3758
- * Specifies the `className` attribute of the wrapping element of the SchedulerSlot.
3759
- *
3760
- * The SchedulerSlot applies the following default className:
3761
- * - `k-scheduler-cell`
3762
- * - `k-slot-cell`
3763
- * - `k-nonwork-hour` - if either `props.isWorkHour` or `props.isWorkDay` is `false`
3764
- * - `k-selected` - if `props.selected` is set to `true`
3765
- */
3766
- className?: string;
3767
- /**
3768
- * Specifies the `style` object of the wrapping element of the SchedulerSlot.
3769
- *
3770
- * The SchedulerSlot applies the following default styles:
3771
- * - `userSelect`: `none`
3772
- */
3773
- style?: React_2.CSSProperties;
3774
- /**
3775
- * Specifies the `children` of the SchedulerSlot. By default, no child elements are rendered.
3776
- */
3777
- children?: React_2.ReactNode;
3778
- /**
3779
- * Overrides the `editable` prop of the `Scheduler` and the active view.
3780
- */
3781
- editable?: EditableProp | boolean;
3782
- /**
3783
- * Specifies if the `day` of the SchedulerSlot (in the current timezone) is between the `workDayStart` and `workDayEnd` of the active view.
3784
- */
3785
- isWorkDay?: boolean;
3786
- /**
3787
- * Specifies if the `time` of the SchedulerSlot (in the current timezone) is between the `workDayStart` and `workDayEnd` of the active view.
3788
- */
3789
- isWorkHour?: boolean;
3790
- /**
3791
- * Sets the selected state of the SchedulerSlot. By default, the `k-selected` className is added if `props.selected` is `true`.
3792
- */
3793
- selected?: boolean;
3794
- /**
3795
- * Sets the `row` in the context of the current active view.
3796
- * This property provides keyboard navigation between the SchedulerSlot components.
3797
- */
3798
- row: number;
3799
- /**
3800
- * Sets the `col` in the context of the current active view.
3801
- * This property provides keyboard navigation between the SchedulerSlot components.
3802
- */
3803
- col: number;
3804
- /**
3805
- * Fires each time the element, or any of its child elements, receive focus.
3806
- */
3807
- onFocus?: (event: SchedulerSlotFocusEvent) => void;
3808
- /**
3809
- * Fires each time the element, or any of its child elements, lose focus.
3810
- */
3811
- onBlur?: (event: SchedulerSlotFocusEvent) => void;
3812
- /**
3813
- * Fires each time the element, or any of its child elements, is clicked.
3814
- */
3815
- onClick?: (event: SchedulerSlotMouseEvent) => void;
3816
- /**
3817
- * Fires each time the element, or any of its child elements, receives a `mouseenter` event.
3818
- */
3819
- onMouseEnter?: (event: SchedulerSlotMouseEvent) => void;
3820
- /**
3821
- * Fires each time the element, or any of its child elements, receives a `mouseleave` event.
3822
- */
3823
- onMouseLeave?: (event: SchedulerSlotMouseEvent) => void;
3824
- /**
3825
- * Fires each time the element, or any of its child elements, receives a `mouseover` event.
3826
- */
3827
- onMouseOver?: (event: SchedulerSlotMouseEvent) => void;
3828
- /**
3829
- * Fires each time the element, or any of its child elements, receives a `mouseout` event.
3830
- */
3831
- onMouseOut?: (event: SchedulerSlotMouseEvent) => void;
3832
- /**
3833
- * Fires each time the element, or any of its child elements, is double-clicked.
3834
- */
3835
- onDoubleClick?: (event: SchedulerSlotMouseEvent) => void;
3836
- /**
3837
- * Fires each time a `keydown` event propagates to the wrapping element.
3838
- */
3839
- onKeyDown?: (event: SchedulerSlotKeyboardEvent) => void;
3840
- /**
3841
- * Fires each time a `keypress` event propagates to the wrapping element.
3842
- */
3843
- onKeyPress?: (event: SchedulerSlotKeyboardEvent) => void;
3844
- /**
3845
- * Fires each time a `keyup` event propagates to the wrapping element.
3846
- */
3847
- onKeyUp?: (event: SchedulerSlotKeyboardEvent) => void;
3848
- }
3849
-
3850
- /**
3851
- * Represents the object passed to the `slots-focus` reducer.
3852
- */
3853
- export declare interface SchedulerSlotsFocusAction {
3854
- /**
3855
- * The type of focus action to perform on the slot.
3856
- */
3857
- type: SLOTS_FOCUS_ACTION;
3858
- /**
3859
- * The reference to the scheduler slot handle.
3860
- */
3861
- slot: React_2.RefObject<SchedulerSlotHandle | null>;
3862
- }
3863
-
3864
- /**
3865
- * Represents the object passed to the `slots-select` reducer.
3866
- */
3867
- export declare interface SchedulerSlotsSelectAction {
3868
- /**
3869
- * The type of action to perform on slot selection.
3870
- */
3871
- type: SLOTS_SELECT_ACTION;
3872
- /**
3873
- * The reference to the scheduler slot handle.
3874
- */
3875
- slot?: React_2.RefObject<SchedulerSlotHandle | null>;
3876
- }
3877
-
3878
- /**
3879
- * Represents the default `task` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
3880
- *
3881
- * The SchedulerTask is the default representation of an event inside the [`AgendaView`](https://www.telerik.com/kendo-react-ui/components/scheduler/views/agenda).
3882
- */
3883
- export declare const SchedulerTask: React_2.ForwardRefExoticComponent<SchedulerTaskProps & React_2.RefAttributes<SchedulerTaskHandle>>;
3884
-
3885
- /**
3886
- * Represents the props of the KendoReact [SchedulerTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask) component.
3887
- */
3888
- export declare interface SchedulerTaskHandle {
3889
- /**
3890
- * The HTML element of the SchedulerTask component.
3891
- */
3892
- element: HTMLDivElement | null;
3893
- /**
3894
- * The props of the SchedulerTask component.
3895
- */
3896
- props: SchedulerTaskProps;
3897
- }
3898
-
3899
- export declare interface SchedulerTaskMouseEvent {
3900
- /**
3901
- * The SchedulerTask instance that triggered the event.
3902
- */
3903
- target: SchedulerTaskHandle;
3904
- /**
3905
- * The React mouse event object.
3906
- */
3907
- syntheticEvent: React.MouseEvent;
3908
- }
3909
-
3910
- /**
3911
- * Represents the props of the KendoReact [SchedulerTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask) component.
3912
- */
3913
- export declare interface SchedulerTaskProps extends Item {
3914
- /** @hidden */
3915
- _ref: React_2.RefObject<SchedulerTaskHandle | null>;
3916
- /**
3917
- * Specifies the `id` of the wrapping element of the SchedulerTask.
3918
- */
3919
- id?: string;
3920
- /**
3921
- * Specifies the `tabIndex` attribute of the wrapping element of the SchedulerTask.
3922
- */
3923
- tabIndex?: number | null;
3924
- /**
3925
- * Specifies the `className` attribute of the wrapping element of the SchedulerTask.
3926
- *
3927
- * The SchedulerSlot applies the following default className:
3928
- * - `k-task`
3929
- */
3930
- className?: string;
3931
- /**
3932
- * Specifies the `style` object of the wrapping element of the SchedulerTask.
3933
- */
3934
- style?: React_2.CSSProperties;
3935
- /**
3936
- * Specifies the `children` of the SchedulerTask.
3937
- *
3938
- * Setting this property will override the default elements rendered by the SchedulerTask.
3939
- */
3940
- children?: React_2.ReactNode;
3941
- /**
3942
- * Overrides the `editable` prop of the `Scheduler` and the active view.
3943
- */
3944
- editable?: EditableProp | boolean;
3945
- /**
3946
- * Fires when you click the `delete` icon.
3947
- *
3948
- * The `delete` icon renders only when `props.editable` or `props.editable.remove` is `true`.
3949
- */
3950
- onRemoveClick?: (event: SchedulerTaskMouseEvent) => void;
3951
- }
3952
-
3953
- /**
3954
- * Represents a single Scheduler view.
3955
- */
3956
- export declare type SchedulerView = React.ReactElement<SchedulerViewProps>;
3957
-
3958
- /**
3959
- * Fires every time the user changes the active `view`.
3960
- *
3961
- * For more information, refer to the [Scheduler Views](https://www.telerik.com/kendo-react-ui/components/scheduler/views) article.
3962
- */
3963
- export declare interface SchedulerViewChangeEvent {
3964
- /**
3965
- * The name of the selected view.
3966
- */
3967
- value: string;
3968
- }
3969
-
3970
- /**
3971
- * Represents the arguments which are passed to the [dateRange](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewprops#toc-daterange) function.
3972
- */
3973
- export declare interface SchedulerViewDateRangeArgs {
3974
- /**
3975
- * The current date for the view.
3976
- */
3977
- date: Date;
3978
- /**
3979
- * The internationalization service instance.
3980
- */
3981
- intl: IntlService;
3982
- /**
3983
- * The timezone for the scheduler.
3984
- */
3985
- timezone?: string;
3986
- /**
3987
- * The number of days to display in the view.
3988
- */
3989
- numberOfDays?: number;
3990
- /**
3991
- * The start day of the work week.
3992
- */
3993
- workWeekStart?: Day;
3994
- /**
3995
- * The end day of the work week.
3996
- */
3997
- workWeekEnd?: Day;
3998
- }
3999
-
4000
- export declare type SchedulerViewDateRangeFunction = (args: SchedulerViewDateRangeArgs) => DateRange;
4001
-
4002
- /**
4003
- * Represents the default `viewItem` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
4004
- *
4005
- * This is a composite component of the [`SchedulerItem`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritem), extending it to provide proper positioning inside a view.
4006
- */
4007
- export declare const SchedulerViewItem: React_2.ForwardRefExoticComponent<SchedulerViewItemProps & React_2.RefAttributes<SchedulerViewItemHandle>>;
4008
-
4009
- export declare const schedulerViewItemDefaultProps: {
4010
- item: React_2.ForwardRefExoticComponent<SchedulerItemProps & React_2.RefAttributes<SchedulerItemHandle>>;
4011
- };
4012
-
4013
- /**
4014
- * Represents the object which is returned from the `ref` callback of the [SchedulerViewItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewitem).
4015
- *
4016
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
4017
- */
4018
- export declare interface SchedulerViewItemHandle {
4019
- /**
4020
- * The HTML element of the SchedulerViewItem component.
4021
- */
4022
- element: HTMLDivElement | null;
4023
- /**
4024
- * The props of the SchedulerViewItem component.
4025
- */
4026
- props: SchedulerViewItemProps;
4027
- }
4028
-
4029
- /**
4030
- * Represents the props of the KendoReact [SchedulerViewItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewitem) component.
4031
- */
4032
- export declare interface SchedulerViewItemProps extends SchedulerItemProps {
4033
- /** @hidden */
4034
- ignoreIsAllDay?: boolean;
4035
- /**
4036
- * Overrides the default component responsible for visualizing a single item.
4037
- *
4038
- * The default Component is: [SchedulerItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduleritem).
4039
- */
4040
- item?: React_2.ComponentType<SchedulerItemProps>;
4041
- }
4042
-
4043
- /**
4044
- * Represents the required props which every [SchedulerView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerview) must accept.
4045
- */
4046
- export declare interface SchedulerViewProps {
4047
- /**
4048
- * The name property is used by the Scheduler to match which view is selected. Every view has a default name.
4049
- */
4050
- name?: string;
4051
- /**
4052
- * The title to be displayed in the view selection list in the Toolbar.
4053
- * If a function is passed, it will receive a [LocalizationService](https://www.telerik.com/kendo-react-ui/components/intl/api/localizationservice) as an argument
4054
- */
4055
- title?: string | ((localization: LocalizationService) => string);
4056
- /**
4057
- * Called every time any of the SchedulerView Slots or Items trigger a data action, through editing, deleting or creating new `DataItem`.
4058
- */
4059
- onDataAction?: (action: DataAction) => void;
4060
- /**
4061
- * Specifies the number of days to be shown in the current view.
4062
- */
4063
- numberOfDays?: number;
4064
- /**
4065
- * The long-date format for displaying the
4066
- * selected date in the Scheduler toolbar.
4067
- * Defaults to `{0:Y}`
4068
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
4069
- */
4070
- selectedDateFormat?: string;
4071
- /**
4072
- * The short-date format for displaying the
4073
- * selected date in the Scheduler toolbar.
4074
- * Defaults to `{0:Y}`
4075
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
4076
- */
4077
- selectedShortDateFormat?: string;
4078
- /**
4079
- * Overrides the `dateRange` calculated by the `Scheduler` component.
4080
- *
4081
- * If a function is passed, an object of type [SchedulerViewDateRangeArgs](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewdaterangeargs) will be passed.
4082
- */
4083
- dateRange?: DateRange | ((args: SchedulerViewDateRangeArgs) => DateRange);
4084
- /** @hidden */
4085
- header?: React.ComponentType<SchedulerHeaderProps>;
4086
- /** @hidden */
4087
- footer?: React.ComponentType<SchedulerFooterProps>;
4088
- /** @hidden */
4089
- slotDivisions?: number;
4090
- /** @hidden */
4091
- slotDuration?: number;
4092
- /** @hidden */
4093
- workWeekStart?: Day;
4094
- /** @hidden */
4095
- workWeekEnd?: Day;
4096
- /** @hidden */
4097
- step?: number;
4098
- }
4099
-
4100
- /**
4101
- * A [React Context](https://react.dev/reference/react/hooks#context-hooks) providing access to the available Scheduler [views](https://www.telerik.com/kendo-react-ui/components/scheduler/views).
4102
- *
4103
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4104
- */
4105
- export declare const SchedulerViewsContext: React_2.Context<SchedulerViewsContextType>;
4106
-
4107
- /**
4108
- * Specifies the result of the [useSchedulerViewsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/useschedulerviewscontext) and [SchedulerViewsContext](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewscontext).
4109
- */
4110
- export declare type SchedulerViewsContextType = SchedulerView[];
4111
-
4112
- /**
4113
- * Represents the default `viewSlot` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
4114
- *
4115
- * This is a composite component of the [`SchedulerSlot`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslot), extending it to provide additional functionality depending on the view.
4116
- */
4117
- export declare const SchedulerViewSlot: React_2.ForwardRefExoticComponent<SchedulerViewSlotProps & React_2.RefAttributes<SchedulerViewSlotHandle>>;
4118
-
4119
- export declare const schedulerViewSlotDefaultProps: {
4120
- slot: React_2.ForwardRefExoticComponent<SchedulerSlotProps & React_2.RefAttributes<SchedulerSlotHandle>>;
4121
- expandable: boolean;
4122
- };
4123
-
4124
- /**
4125
- * Represents the object which is returned from the `ref` callback of the [SchedulerViewItem](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewitem).
4126
- *
4127
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
4128
- */
4129
- export declare interface SchedulerViewSlotHandle {
4130
- /**
4131
- * The props of the SchedulerViewSlot component.
4132
- */
4133
- props: SchedulerViewSlotProps;
4134
- }
4135
-
4136
- /**
4137
- * Represents the props of the KendoReact [SchedulerViewSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewslot) component.
4138
- */
4139
- export declare interface SchedulerViewSlotProps extends SchedulerSlotProps {
4140
- /**
4141
- * Overrides the default component responsible for view-specific functionality.
4142
- *
4143
- * The default Component is: [SchedulerSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerslot).
4144
- */
4145
- slot?: React_2.ComponentType<SchedulerSlotProps>;
4146
- /**
4147
- * Set to `false` renders the `slot` as is, without expanding depending on the `items` inside it.
4148
- *
4149
- * For more information, please refer to the [Adaptive Slot Height](https://www.telerik.com/kendo-react-ui/components/scheduler/recurring) article.
4150
- */
4151
- expandable?: boolean | SchedulerSlotExpandableConfig;
4152
- }
4153
-
4154
- /**
4155
- * Represents the default `viewTask` component rendered by the [KendoReact Scheduler component](https://www.telerik.com/kendo-react-ui/components/scheduler).
4156
- *
4157
- * This is a composite component of the [`SchedulerTask`](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask).
4158
- */
4159
- export declare const SchedulerViewTask: React_2.ForwardRefExoticComponent<SchedulerViewTaskProps & React_2.RefAttributes<SchedulerViewTaskHandle>>;
4160
-
4161
- export declare const schedulerViewTaskDefaultProps: {
4162
- task: React_2.ForwardRefExoticComponent<SchedulerTaskProps & React_2.RefAttributes<SchedulerTaskHandle_2>>;
4163
- };
4164
-
4165
- /**
4166
- * Represents the object which is returned from the `ref` callback of the [SchedulerViewTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask).
4167
- *
4168
- * For more information about Refs, refer to the [React Refs & Dom](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) article.
4169
- */
4170
- export declare interface SchedulerViewTaskHandle {
4171
- /**
4172
- * The HTML element of the SchedulerViewTask component.
4173
- */
4174
- element: HTMLDivElement | null;
4175
- /**
4176
- * The props of the SchedulerViewTask component.
4177
- */
4178
- props: SchedulerViewTaskProps;
4179
- }
4180
-
4181
- /**
4182
- * Represents the props of the KendoReact [SchedulerViewTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerviewtask) component.
4183
- */
4184
- export declare interface SchedulerViewTaskProps extends SchedulerTaskProps {
4185
- /**
4186
- * Overrides the default component responsible for visualizing a single task.
4187
- *
4188
- * The default Component is: [SchedulerTask](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulertask).
4189
- */
4190
- task?: React_2.ComponentType<SchedulerTaskProps>;
4191
- }
4192
-
4193
- /**
4194
- * Represents the available `action` types for the `SchedulerItemSeriesAction` objects.
4195
- *
4196
- * The available actions are:
4197
- * - `SERIES_RESET`
4198
- * - `SERIES_SET`
4199
- * - `SERIES_TOGGLE`
4200
- */
4201
- export declare enum SERIES_ACTION {
4202
- reset = "SERIES_RESET",
4203
- set = "SERIES_SET",
4204
- toggle = "SERIES_TOGGLE"
4205
- }
4206
-
4207
- /**
4208
- * Represents the available `action` types for the `SchedulerItemShowOccurrenceDialogAction` objects.
4209
- *
4210
- * The available actions are:
4211
- * - `SHOW_OCCURRENCE_DIALOG_SET`
4212
- * - `SHOW_OCCURRENCE_DIALOG_OPEN`
4213
- * - `SHOW_OCCURRENCE_DIALOG_CLOSE`
4214
- * - `SHOW_OCCURRENCE_DIALOG_RESET`
4215
- * - `SHOW_OCCURRENCE_DIALOG_TOGGLE`
4216
- */
4217
- export declare enum SHOW_OCCURRENCE_DIALOG_ACTION {
4218
- set = "SHOW_OCCURRENCE_DIALOG_SET",
4219
- open = "SHOW_OCCURRENCE_DIALOG_OPEN",
4220
- close = "SHOW_OCCURRENCE_DIALOG_CLOSE",
4221
- reset = "SHOW_OCCURRENCE_DIALOG_RESET",
4222
- toggle = "SHOW_OCCURRENCE_DIALOG_TOGGLE"
4223
- }
4224
-
4225
- /**
4226
- * Represents the available `action` types for the `SchedulerItemShowRemoveDialogAction` objects.
4227
- *
4228
- * The available actions are:
4229
- * - `SHOW_REMOVE_DIALOG_SET`
4230
- * - `SHOW_REMOVE_DIALOG_OPEN`
4231
- * - `SHOW_REMOVE_DIALOG_CLOSE`
4232
- * - `SHOW_REMOVE_DIALOG_RESET`
4233
- * - `SHOW_REMOVE_DIALOG_TOGGLE`
4234
- */
4235
- export declare enum SHOW_REMOVE_DIALOG_ACTION {
4236
- set = "SHOW_REMOVE_DIALOG_SET",
4237
- open = "SHOW_REMOVE_DIALOG_OPEN",
4238
- close = "SHOW_REMOVE_DIALOG_CLOSE",
4239
- reset = "SHOW_REMOVE_DIALOG_RESET",
4240
- toggle = "SHOW_REMOVE_DIALOG_TOGGLE"
4241
- }
4242
-
4243
- /** @hidden */
4244
- export declare interface Slot {
4245
- /** @hidden */
4246
- _ref: React.RefObject<SchedulerSlotHandle | null>;
4247
- /**
4248
- * Represents the consecutive number of the slot in the current range.
4249
- */
4250
- index: number;
4251
- /**
4252
- * The `end` date of the slot.
4253
- */
4254
- start: Date;
4255
- /**
4256
- * The `end` date of the slot.
4257
- */
4258
- end: Date;
4259
- /**
4260
- * Represents the `start` Date in the provided timezone.
4261
- *
4262
- * For more information about timezones, refer to the [Scheduler TImezones](https://www.telerik.com/kendo-react-ui/components/scheduler/timezones) article.
4263
- */
4264
- zonedStart: ZonedDate;
4265
- /**
4266
- * Represents the `end` Date in the provided timezone.
4267
- *
4268
- * For more information about timezones, refer to the [Scheduler TImezones](https://www.telerik.com/kendo-react-ui/components/scheduler/timezones) article.
4269
- */
4270
- zonedEnd: ZonedDate;
4271
- /**
4272
- * A collection of all `items` which fits in the current slot.
4273
- */
4274
- items: Item[];
4275
- /**
4276
- * Represents the current group in which the slot is rendered.
4277
- */
4278
- group: Group;
4279
- /**
4280
- * Represents the current range in which the slot is rendered.
4281
- */
4282
- range: Range_2;
4283
- /**
4284
- * Represents if the slot is an `All-day` slot.
4285
- */
4286
- isAllDay?: boolean;
4287
- }
4288
-
4289
- /**
4290
- * Represents the available `action` types for the `SchedulerSlotsFocusAction` objects.
4291
- *
4292
- * The available actions are:
4293
- * - `SLOT_FOCUS_UP`
4294
- * - `SLOT_FOCUS_DOWN`
4295
- * - `SLOT_FOCUS_LEFT`
4296
- * - `SLOT_FOCUS_RIGHT`
4297
- */
4298
- export declare enum SLOTS_FOCUS_ACTION {
4299
- up = "SLOT_FOCUS_UP",
4300
- down = "SLOT_FOCUS_DOWN",
4301
- left = "SLOT_FOCUS_LEFT",
4302
- right = "SLOT_FOCUS_RIGHT"
4303
- }
4304
-
4305
- /**
4306
- * Represents the available `action` types for the `SchedulerSlotsSelectAction` objects.
4307
- *
4308
- * The available actions are:
4309
- * - `SLOTS_SELECT_SELECT`
4310
- * - `SLOTS_SELECT_RESET`
4311
- * - `SLOTS_SELECT_ADD`
4312
- */
4313
- export declare enum SLOTS_SELECT_ACTION {
4314
- select = "SLOTS_SELECT_SELECT",
4315
- reset = "SLOTS_SELECT_RESET",
4316
- add = "SLOTS_SELECT_ADD"
4317
- }
4318
-
4319
- /** @hidden */
4320
- declare type TargetlessChangeEvent<E extends {
4321
- onChange?: any;
4322
- }, T> = Omit_2<E, 'onChange'> & {
4323
- onChange?: (args: {
4324
- value: T;
4325
- }) => void;
4326
- };
4327
-
4328
- /**
4329
- * Represents the TimeHeaderCell component.
4330
- */
4331
- export declare const TimeHeaderCell: React_2.ForwardRefExoticComponent<TimeHeaderCellProps & React_2.RefAttributes<TimeHeaderCellHandle | null>>;
4332
-
4333
- export declare const timeHeaderCellDefaultProps: {
4334
- as: React_2.ForwardRefExoticComponent<TimeHeaderCellProps & React_2.RefAttributes<unknown>>;
4335
- format: string;
4336
- };
4337
-
4338
- /**
4339
- * Represents the target(element and props).
4340
- */
4341
- export declare interface TimeHeaderCellHandle {
4342
- /**
4343
- * The current element or `null` if there is no one.
4344
- */
4345
- element: HTMLElement | null;
4346
- /**
4347
- * The props values of the TimeHeaderCell.
4348
- */
4349
- props: TimeHeaderCellProps;
4350
- }
4351
-
4352
- /**
4353
- * Represents the properties of [TimeHeaderCell](https://www.telerik.com/kendo-react-ui/components/scheduler/api/timeheadercell) component.
4354
- */
4355
- export declare interface TimeHeaderCellProps extends React_2.HTMLAttributes<HTMLDivElement> {
4356
- /** @hidden */
4357
- as?: React_2.ComponentType<TimeHeaderCellProps>;
4358
- /**
4359
- * Represents the date format.
4360
- */
4361
- format?: string | DateFormatOptions;
4362
- /**
4363
- * Represents the current date.
4364
- */
4365
- date: Date;
4366
- /**
4367
- * Represents the start date.
4368
- */
4369
- start: Date;
4370
- /**
4371
- * Represents the end date.
4372
- */
4373
- end: Date;
4374
- }
4375
-
4376
- /**
4377
- * Represents the KendoReact [TimelineView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/timeline) Component.
4378
- */
4379
- export declare const TimelineView: React_2.FunctionComponent<TimelineViewProps>;
4380
-
4381
- /** @hidden */
4382
- export declare const timeLineViewDefaultProps: {
4383
- name: string;
4384
- title: (localization: any) => any;
4385
- slotDuration: number;
4386
- slotDivisions: number;
4387
- numberOfDays: number;
4388
- selectedDateFormat: string;
4389
- selectedShortDateFormat: string;
4390
- currentTimeMarker: boolean;
4391
- dateRange: ({ date, numberOfDays, timezone }: SchedulerViewDateRangeArgs_2) => DateRange_2;
4392
- startTime: string;
4393
- endTime: string;
4394
- isWorkDayStart: string;
4395
- isWorkDayEnd: string;
4396
- workWeekStart: Day;
4397
- workWeekEnd: Day;
4398
- defaultShowWorkHours: boolean;
4399
- columnWidth: number;
4400
- };
4401
-
4402
- /**
4403
- * Represents the properties of the KendoReact [TimelineView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/timelineview) Component.
4404
- */
4405
- export declare interface TimelineViewProps extends MultiDayTimelineViewProps {
4406
- }
4407
-
4408
- /**
4409
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the Scheduler internal `activeView` state.
4410
- *
4411
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4412
- *
4413
- * @returns
4414
- */
4415
- export declare const useSchedulerActiveViewContext: () => SchedulerActiveViewContextType;
4416
-
4417
- /**
4418
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the Scheduler internal `data` reducer.
4419
- *
4420
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4421
- *
4422
- * @returns
4423
- */
4424
- export declare const useSchedulerDataContext: () => SchedulerDataContextType;
4425
-
4426
- /**
4427
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the Scheduler internal `date` state.
4428
- *
4429
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4430
- *
4431
- * @returns
4432
- */
4433
- export declare const useSchedulerDateContext: () => SchedulerDateContextType;
4434
-
4435
- /**
4436
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the `dateRange` of the current view.
4437
- *
4438
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4439
- *
4440
- * @returns
4441
- */
4442
- export declare const useSchedulerDateRangeContext: () => SchedulerDateRangeContextType;
4443
-
4444
- /**
4445
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `dragItem` state.
4446
- *
4447
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4448
- *
4449
- * @returns
4450
- */
4451
- export declare const useSchedulerEditItemDragItemContext: () => SchedulerEditItemDragItemContextType;
4452
-
4453
- /**
4454
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `formItem` state.
4455
- *
4456
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4457
- *
4458
- * @returns
4459
- */
4460
- export declare const useSchedulerEditItemFormItemContext: () => SchedulerEditItemFormItemContextType;
4461
-
4462
- /**
4463
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) `props`.
4464
- *
4465
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4466
- *
4467
- * @returns
4468
- */
4469
- export declare const useSchedulerEditItemPropsContext: () => SchedulerEditItemPropsContextType;
4470
-
4471
- /**
4472
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `removeItem` state.
4473
- *
4474
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4475
- *
4476
- * @returns
4477
- */
4478
- export declare const useSchedulerEditItemRemoveItemContext: () => SchedulerEditItemRemoveItemContextType;
4479
-
4480
- /**
4481
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `resizeItem` state.
4482
- *
4483
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4484
- *
4485
- * @returns
4486
- */
4487
- export declare const useSchedulerEditItemResizeItemContext: () => SchedulerEditItemResizeItemContextType;
4488
-
4489
- /**
4490
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `showOccurrenceDialog` state.
4491
- *
4492
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4493
- *
4494
- * @returns
4495
- */
4496
- export declare const useSchedulerEditItemShowOccurrenceDialogContext: () => SchedulerEditItemShowOccurrenceDialogContextType;
4497
-
4498
- /**
4499
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditItem](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item) internal `showRemoveDialog` state.
4500
- *
4501
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4502
- *
4503
- * @returns
4504
- */
4505
- export declare const useSchedulerEditItemShowRemoveDialogContext: () => SchedulerEditItemShowRemoveDialogContextType;
4506
-
4507
- /**
4508
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot) internal `formItem` state.
4509
- *
4510
- * For more information, refer to the [Slots Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/slots/state-update) article.
4511
- *
4512
- * @returns
4513
- */
4514
- export declare const useSchedulerEditSlotFormItemContext: () => SchedulerEditSlotFormItemContextType;
4515
-
4516
- /**
4517
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [SchedulerEditSlot](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulereditslot) `props`.
4518
- *
4519
- * For more information, refer to the [Items Context](https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/state-update) article.
4520
- *
4521
- * @returns
4522
- */
4523
- export declare const useSchedulerEditSlotPropsContext: () => SchedulerEditSlotPropsContextType;
4524
-
4525
- /**
4526
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the combined default and custom [modelFields](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-modelfields) of the Scheduler.
4527
- *
4528
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4529
- *
4530
- * @returns
4531
- */
4532
- export declare const useSchedulerFieldsContext: () => SchedulerFieldsContextType;
4533
-
4534
- /**
4535
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the Scheduler `Group` object, calculated based on the [group](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-group) and [resources](https://www.telerik.com/kendo-react-ui/components/scheduler/api/schedulerprops#toc-resources).
4536
- *
4537
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4538
- *
4539
- * @returns
4540
- */
4541
- export declare const useSchedulerGroupsContext: () => SchedulerGroupsContextType;
4542
-
4543
- /**
4544
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the grouping orientation of the Scheduler.
4545
- *
4546
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4547
- *
4548
- * @returns
4549
- */
4550
- export declare const useSchedulerOrientationContext: () => SchedulerOrientationContextType;
4551
-
4552
- /**
4553
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the [Scheduler](https://www.telerik.com/kendo-react-ui/components/scheduler/api/scheduler) props.
4554
- *
4555
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4556
- *
4557
- * @returns
4558
- */
4559
- export declare const useSchedulerPropsContext: () => SchedulerPropsContextType;
4560
-
4561
- /**
4562
- * A custom [React Hook](https://react.dev/reference/react/hooks) providing access to the available Scheduler [views](https://www.telerik.com/kendo-react-ui/components/scheduler/views).
4563
- *
4564
- * For more information, refer to the [Scheduler Context](https://www.telerik.com/kendo-react-ui/components/scheduler/context) article.
4565
- *
4566
- * @returns
4567
- */
4568
- export declare const useSchedulerViewsContext: () => SchedulerViewsContextType;
4569
-
4570
- /**
4571
- * @hidden
4572
- */
4573
- export declare interface ViewChangeEvent {
4574
- target: any;
4575
- syntheticEvent: React.SyntheticEvent;
4576
- }
4577
-
4578
- /**
4579
- * Represents the KendoReact [WeekView](https://www.telerik.com/kendo-react-ui/components/scheduler/views/week) Component.
4580
- */
4581
- export declare const WeekView: React_2.FunctionComponent<WeekViewProps>;
4582
-
4583
- /** @hidden */
4584
- export declare const weekViewDefaultProps: {
4585
- name: string;
4586
- slotDuration: number;
4587
- slotDivisions: number;
4588
- numberOfDays: number;
4589
- dateRange: ({ intl, date, timezone }: SchedulerViewDateRangeArgs) => DateRange;
4590
- title: (localization: any) => any;
4591
- selectedDateFormat: string;
4592
- selectedShortDateFormat: string;
4593
- };
4594
-
4595
- /**
4596
- * Represents the properties of the KendoReact [WeekView](https://www.telerik.com/kendo-react-ui/components/scheduler/api/weekview) Component.
4597
- */
4598
- export declare interface WeekViewProps extends Omit<MultiDayViewProps, 'step' | 'numberOfDays'> {
4599
- /**
4600
- * The long-date format for displaying the
4601
- * selected date in the Scheduler toolbar.
4602
- * Defaults to `{0:D} - {1:D}`
4603
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
4604
- */
4605
- selectedDateFormat?: string;
4606
- /**
4607
- * The short-date format for displaying the
4608
- * selected date in the Scheduler toolbar.
4609
- * Defaults to `{0:d} - {1-d}`
4610
- * ([more information](https://www.github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md))
4611
- */
4612
- selectedShortDateFormat?: string;
4613
- /**
4614
- * Overrides the general `editable` prop of the Scheduler for the specified view only.
4615
- */
4616
- editable?: boolean;
4617
- /**
4618
- * The start time of the view. The WeekView displays events which are visible after the start time.
4619
- * Accepts string values in the `HH:mm` format.
4620
- */
4621
- startTime?: string;
4622
- /**
4623
- * The end time of the view. The WeekView displays events which are visible before the end time.
4624
- * Accepts string values in the `HH:mm` format.
4625
- */
4626
- endTime?: string;
4627
- /**
4628
- * The start time of the view when `showWorkHours` is set to `true`.
4629
- * Accepts string values in the `HH:mm` format.
4630
- */
4631
- workDayStart?: string;
4632
- /**
4633
- * The end time of the view when `showWorkHours` is set to `true`.
4634
- * Accepts string values in the `HH:mm` format.
4635
- */
4636
- workDayEnd?: string;
4637
- /**
4638
- * The start of the work week.
4639
- */
4640
- workWeekStart?: Day;
4641
- /**
4642
- * The end of the work week.
4643
- */
4644
- workWeekEnd?: Day;
4645
- /**
4646
- * The number of divisions of the time slots.
4647
- */
4648
- slotDivisions?: number;
4649
- /**
4650
- * The duration (in minutes) of the time slots.
4651
- */
4652
- slotDuration?: number;
4653
- /**
4654
- * If set to `true`, the view will be shown in the business-hours mode only.
4655
- *
4656
- * This will always override the internal `showWorkHours` state.
4657
- */
4658
- showWorkHours?: boolean;
4659
- /**
4660
- * Sets the initial business-hour mode. Default `true`.
4661
- *
4662
- * This option applies only the initial `showWorkHours` state.
4663
- */
4664
- defaultShowWorkHours?: boolean;
4665
- /**
4666
- * Sets a custom `className` to the wrapping element of the `DayView`.
4667
- */
4668
- className?: string;
4669
- /**
4670
- * Sets a custom `id` to the wrapping element of the `DayView`.
4671
- */
4672
- id?: string;
4673
- /**
4674
- * Sets a custom `style` property to the wrapping element of the `DayView`.
4675
- */
4676
- style?: React_2.CSSProperties;
4677
- }
4678
-
4679
- /** @hidden */
4680
- export declare const workWeekDefaultProps: {
4681
- name: string;
4682
- slotDuration: number;
4683
- slotDivisions: number;
4684
- numberOfDays: number;
4685
- dateRange: ({ intl, date, timezone, ...other }: SchedulerViewDateRangeArgs) => DateRange;
4686
- title: (localization: any) => any;
4687
- workWeekStart: Day;
4688
- workWeekEnd: Day;
4689
- selectedDateFormat: string;
4690
- selectedShortDateFormat: string;
4691
- };
4692
-
4693
- export declare const WorkWeekView: React_2.FunctionComponent<WorkWeekViewProps>;
4694
-
4695
- export declare interface WorkWeekViewProps extends WeekViewProps {
4696
- }
4697
-
4698
- /**
4699
- * @hidden
4700
- */
4701
- declare type ZonedDateTimeProps = Omit_2<DatePickerProps | DateTimePickerProps, 'onChange' | 'calendar'> & {
4702
- as?: React_2.ComponentType<DatePickerProps | DateTimePickerProps>;
4703
- onChange?: (args: {
4704
- value: Date | null;
4705
- }) => void;
4706
- onOpen?: (args: DatePickerOpenEvent | DateTimePickerOpenEvent) => void;
4707
- onClose?: (args: DatePickerCloseEvent | DateTimePickerCloseEvent) => void;
4708
- };
4709
-
4710
- export { }
8
+ import { Scheduler, schedulerDefaultProps, SchedulerProps, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, DataAction } from './Scheduler.js';
9
+ import { DATA_ACTION } from './constants/index.js';
10
+ import { AgendaView, AgendaViewProps, agendaViewDefaultProps } from './views/agenda/AgendaView.js';
11
+ import { TimelineView, TimelineViewProps, timeLineViewDefaultProps } from './views/time/TimelineView.js';
12
+ import { DayView, DayViewProps, dayViewDefaultProps } from './views/day/DayView.js';
13
+ import { WeekView, WeekViewProps, weekViewDefaultProps } from './views/week/WeekView.js';
14
+ import { WorkWeekView, WorkWeekViewProps, workWeekDefaultProps } from './views/week/WorkWeekView.js';
15
+ import { MonthView, MonthViewProps, monthViewDefaultProps } from './views/month/MonthView.js';
16
+ import { SchedulerItem, SchedulerItemProps, SchedulerItemHandle } from './items/SchedulerItem.js';
17
+ import { SchedulerItemContent, SchedulerItemContentProps } from './items/SchedulerItemContent.js';
18
+ import { SchedulerViewItem, schedulerViewItemDefaultProps, SchedulerViewItemProps, SchedulerViewItemHandle } from './items/SchedulerViewItem.js';
19
+ import { SchedulerProportionalViewItem, schedulerProportionalViewItemDefaultProps } from './items/SchedulerProportionalViewItem.js';
20
+ import { SchedulerEditItem, schedulerEditItemDefaultProps, SchedulerEditItemProps, SchedulerEditItemHandle, SchedulerEditItemAction, SchedulerEditItemState, SchedulerEditItemStateChangeEvent } from './items/SchedulerEditItem.js';
21
+ import { SchedulerSlot, schedulerSlotDefaultProps, SchedulerSlotProps, SchedulerSlotHandle } from './slots/SchedulerSlot.js';
22
+ import { SchedulerViewSlot, schedulerViewSlotDefaultProps, SchedulerViewSlotProps, SchedulerSlotExpandableConfig, SchedulerViewSlotHandle } from './slots/SchedulerViewSlot.js';
23
+ import { SchedulerEditSlot, schedulerEditSlotDefaultProps, SchedulerEditSlotProps, SchedulerEditSlotHandle } from './slots/SchedulerEditSlot.js';
24
+ import { SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle } from './tasks/SchedulerTask.js';
25
+ import { SchedulerViewTask, schedulerViewTaskDefaultProps, SchedulerViewTaskProps, SchedulerViewTaskHandle } from './tasks/SchedulerViewTask.js';
26
+ import { SchedulerEditTask, schedulerEditTaskDefaultProps, SchedulerEditTaskProps, SchedulerEditTaskHandle } from './tasks/SchedulerEditTask.js';
27
+ import { SchedulerDrag, schedulerDragDefaultProps, SchedulerDragProps } from './views/common/SchedulerDrag.js';
28
+ import { SchedulerResize, schedulerResizeDefaultProps, SchedulerResizeProps } from './views/common/SchedulerResize.js';
29
+ import { SchedulerForm, schedulerFormDefaultProps, SchedulerFormHandle, SchedulerFormProps, SchedulerFormStateChangeEvent } from './components/SchedulerForm.js';
30
+ import { SchedulerFormEditor, schedulerFormEditorDefaultProps, SchedulerFormEditorHandle, SchedulerFormEditorProps } from './editors/SchedulerFormEditor.js';
31
+ import { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogHandle, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogStateChangeEvent } from './components/SchedulerOccurrenceDialog.js';
32
+ import { SchedulerRemoveDialog, SchedulerRemoveDialogHandle, SchedulerRemoveDialogProps, SchedulerRemoveDialogStateChangeEvent } from './components/SchedulerRemoveDialog.js';
33
+ import { SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle } from './components/header/SchedulerHeader.js';
34
+ import { DateHeaderCell, dateHeaderCellDefaultProps, DateHeaderCellHandle, DateHeaderCellProps } from './components/DateHeaderCell.js';
35
+ import { TimeHeaderCell, timeHeaderCellDefaultProps, TimeHeaderCellHandle, TimeHeaderCellProps } from './components/TimeHeaderCell.js';
36
+ import { SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle } from './components/footer/SchedulerFooter.js';
37
+ import { SchedulerPropsContext, useSchedulerPropsContext, SchedulerPropsContextType, SchedulerViewsContext, useSchedulerViewsContext, SchedulerViewsContextType, SchedulerFieldsContext, useSchedulerFieldsContext, SchedulerFieldsContextType, SchedulerGroupsContext, useSchedulerGroupsContext, SchedulerGroupsContextType, SchedulerDateRangeContext, useSchedulerDateRangeContext, SchedulerDateRangeContextType, SchedulerOrientationContext, useSchedulerOrientationContext, SchedulerOrientationContextType, SchedulerDateContext, useSchedulerDateContext, SchedulerDateContextType, SchedulerActiveViewContext, useSchedulerActiveViewContext, SchedulerActiveViewContextType, SchedulerDataContext, useSchedulerDataContext, SchedulerDataContextType, SchedulerEditItemFormItemContext, useSchedulerEditItemFormItemContext, SchedulerEditItemFormItemContextType, SchedulerEditItemDragItemContext, useSchedulerEditItemDragItemContext, SchedulerEditItemDragItemContextType, SchedulerEditItemRemoveItemContext, useSchedulerEditItemRemoveItemContext, SchedulerEditItemRemoveItemContextType, SchedulerEditItemResizeItemContext, useSchedulerEditItemResizeItemContext, SchedulerEditItemResizeItemContextType, SchedulerEditItemShowRemoveDialogContext, useSchedulerEditItemShowRemoveDialogContext, SchedulerEditItemShowRemoveDialogContextType, SchedulerEditItemShowOccurrenceDialogContext, useSchedulerEditItemShowOccurrenceDialogContext, SchedulerEditItemShowOccurrenceDialogContextType, SchedulerEditItemPropsContext, useSchedulerEditItemPropsContext, SchedulerEditItemPropsContextType, SchedulerEditSlotPropsContext, useSchedulerEditSlotPropsContext, SchedulerEditSlotPropsContextType, SchedulerEditSlotFormItemContext, useSchedulerEditSlotFormItemContext, SchedulerEditSlotFormItemContextType } from './context/index.js';
38
+ import { DRAG_ITEM_ACTION, SchedulerItemDragItemAction } from './items/hooks/use-drag-item.js';
39
+ import { ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, SchedulerSlotsFocusAction, SLOTS_FOCUS_ACTION } from './hooks/index.js';
40
+ import { ITEMS_SELECT_ACTION, SchedulerItemsSelectAction } from './hooks/use-items-selection.js';
41
+ import { REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction } from './items/hooks/use-remove-item.js';
42
+ import { RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction } from './items/hooks/use-resize-item.js';
43
+ import { SchedulerItemSeriesAction, SERIES_ACTION } from './items/hooks/use-series.js';
44
+ import { SchedulerItemShowOccurrenceDialogAction, SHOW_OCCURRENCE_DIALOG_ACTION } from './items/hooks/use-show-occurrence-dialog.js';
45
+ import { SchedulerItemShowRemoveDialogAction, SHOW_REMOVE_DIALOG_ACTION } from './items/hooks/use-show-remove-item-dialog.js';
46
+ import { SchedulerSlotsSelectAction, SLOTS_SELECT_ACTION } from './hooks/use-slots-selection.js';
47
+ import { SchedulerGroup, SchedulerResource, SchedulerItemMouseEvent, SchedulerItemFocusEvent, SchedulerSlotMouseEvent, DataItem, SchedulerModelFields, DateRange, SchedulerRangeArgs, SchedulerRange, EditableProp, BaseEvent, ItemDragEvent, ViewChangeEvent, SchedulerItemKeyboardEvent, SchedulerItemDragEvent, SchedulerTaskMouseEvent, SchedulerSlotFocusEvent, SchedulerSlotKeyboardEvent, Fields, Group, Occurrence, Range, Resource, SchedulerHandle, SchedulerView, SchedulerViewDateRangeArgs, SchedulerViewDateRangeFunction, SchedulerViewProps, Slot } from './models/index.js';
48
+ export { Scheduler, SchedulerProps, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, AgendaViewProps, TimelineViewProps, DayViewProps, WeekViewProps, WorkWeekViewProps, MonthViewProps, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, SchedulerEditItemStateChangeEvent, SchedulerFormStateChangeEvent, SchedulerOccurrenceDialogStateChangeEvent, SchedulerRemoveDialogStateChangeEvent, DataAction, DATA_ACTION, SchedulerPropsContext, useSchedulerPropsContext, SchedulerPropsContextType, SchedulerViewsContext, useSchedulerViewsContext, SchedulerViewsContextType, SchedulerFieldsContext, useSchedulerFieldsContext, SchedulerFieldsContextType, SchedulerGroupsContext, useSchedulerGroupsContext, SchedulerGroupsContextType, SchedulerDateRangeContext, useSchedulerDateRangeContext, SchedulerDateRangeContextType, SchedulerOrientationContext, useSchedulerOrientationContext, SchedulerOrientationContextType, SchedulerDateContext, useSchedulerDateContext, SchedulerDateContextType, SchedulerActiveViewContext, useSchedulerActiveViewContext, SchedulerActiveViewContextType, SchedulerDataContext, useSchedulerDataContext, SchedulerDataContextType, SchedulerItem, SchedulerItemProps, SchedulerItemHandle, SchedulerItemContent, SchedulerItemContentProps, SchedulerViewItem, SchedulerViewItemProps, SchedulerViewItemHandle, SchedulerEditItem, SchedulerEditItemProps, SchedulerEditItemState, SchedulerEditItemAction, SchedulerEditItemHandle, SchedulerSlot, SchedulerSlotProps, SchedulerSlotHandle, SchedulerViewSlot, SchedulerViewSlotProps, SchedulerViewSlotHandle, SchedulerSlotExpandableConfig, SchedulerProportionalViewItem, SchedulerEditSlot, SchedulerEditSlotProps, SchedulerEditSlotHandle, SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle, SchedulerViewTask, SchedulerViewTaskProps, SchedulerViewTaskHandle, SchedulerEditTask, SchedulerEditTaskProps, SchedulerEditTaskHandle, SchedulerDrag, SchedulerDragProps, SchedulerResize, SchedulerResizeProps, SchedulerForm, SchedulerFormHandle, SchedulerFormProps, SchedulerFormEditor, SchedulerFormEditorProps, SchedulerFormEditorHandle, SchedulerOccurrenceDialog, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogHandle, SchedulerRemoveDialog, SchedulerRemoveDialogProps, SchedulerRemoveDialogHandle, SchedulerEditItemFormItemContext, useSchedulerEditItemFormItemContext, SchedulerEditItemFormItemContextType, SchedulerEditItemDragItemContext, useSchedulerEditItemDragItemContext, SchedulerEditItemDragItemContextType, SchedulerEditItemRemoveItemContext, useSchedulerEditItemRemoveItemContext, SchedulerEditItemRemoveItemContextType, SchedulerEditItemResizeItemContext, useSchedulerEditItemResizeItemContext, SchedulerEditItemResizeItemContextType, SchedulerEditItemShowRemoveDialogContext, useSchedulerEditItemShowRemoveDialogContext, SchedulerEditItemShowRemoveDialogContextType, SchedulerEditItemShowOccurrenceDialogContext, useSchedulerEditItemShowOccurrenceDialogContext, SchedulerEditItemShowOccurrenceDialogContextType, SchedulerEditItemPropsContext, useSchedulerEditItemPropsContext, SchedulerEditItemPropsContextType, SchedulerEditSlotFormItemContext, useSchedulerEditSlotFormItemContext, SchedulerEditSlotFormItemContextType, SchedulerEditSlotPropsContext, useSchedulerEditSlotPropsContext, SchedulerEditSlotPropsContextType, SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle, SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle, DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps, TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps, DRAG_ITEM_ACTION, SchedulerItemDragItemAction, ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, ITEMS_SELECT_ACTION, SchedulerItemsSelectAction, REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction, RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction, SERIES_ACTION, SchedulerItemSeriesAction, SHOW_OCCURRENCE_DIALOG_ACTION, SchedulerItemShowOccurrenceDialogAction, SHOW_REMOVE_DIALOG_ACTION, SchedulerItemShowRemoveDialogAction, SLOTS_FOCUS_ACTION, SchedulerSlotsFocusAction, SLOTS_SELECT_ACTION, SchedulerSlotsSelectAction, SchedulerResource, SchedulerGroup, SchedulerItemFocusEvent, SchedulerSlotMouseEvent, SchedulerItemMouseEvent, DataItem, SchedulerModelFields, DateRange, SchedulerRangeArgs, SchedulerRange, EditableProp, BaseEvent, ItemDragEvent, ViewChangeEvent, SchedulerItemKeyboardEvent, SchedulerItemDragEvent, SchedulerTaskMouseEvent, SchedulerSlotFocusEvent, SchedulerSlotKeyboardEvent, Fields, Group, Occurrence, Range, Resource, SchedulerHandle, SchedulerView, SchedulerViewDateRangeArgs, SchedulerViewDateRangeFunction, SchedulerViewProps, Slot, schedulerDefaultProps, agendaViewDefaultProps, timeLineViewDefaultProps, dayViewDefaultProps, weekViewDefaultProps, workWeekDefaultProps, monthViewDefaultProps, schedulerFormEditorDefaultProps, schedulerResizeDefaultProps, schedulerDragDefaultProps, schedulerViewTaskDefaultProps, schedulerEditTaskDefaultProps, schedulerViewSlotDefaultProps, schedulerSlotDefaultProps, schedulerEditSlotDefaultProps, schedulerViewItemDefaultProps, schedulerProportionalViewItemDefaultProps, schedulerEditItemDefaultProps, timeHeaderCellDefaultProps, schedulerFormDefaultProps, dateHeaderCellDefaultProps };