UNPKG

@syncfusion/ej2-schedule

Version:

Flexible scheduling library with more built-in features and enhanced customization options similar to outlook and google calendar, allowing the users to plan and manage their appointments with efficient data-binding support.

www.syncfusion.com/javascript-ui-controls

syncfusion/ej2-javascript-ui-controls

474 lines (473 loc) • 15.9 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
/** * CSS Constants */ /** @private */ export declare const ROOT: string; /** @private */ export declare const RTL: string; /** @private */ export declare const DEVICE_CLASS: string; /** @private */ export declare const ADAPTIVE_CLASS: string; /** @private */ export declare const MULTI_DRAG: string; /** @private */ export declare const ICON: string; /** @private */ export declare const ENABLE_CLASS: string; /** @private */ export declare const DISABLE_CLASS: string; /** @private */ export declare const TABLE_CONTAINER_CLASS: string; /** @private */ export declare const SCHEDULE_TABLE_CLASS: string; /** @private */ export declare const ALLDAY_CELLS_CLASS: string; /** @private */ export declare const HEADER_POPUP_CLASS: string; /** @private */ export declare const HEADER_CALENDAR_CLASS: string; /** @private */ export declare const ALLDAY_ROW_CLASS: string; /** @private */ export declare const CONTENT_TABLE_CLASS: string; /** @private */ export declare const WORK_CELLS_CLASS: string; /** @private */ export declare const WORK_HOURS_CLASS: string; /** @private */ export declare const POPUP_OPEN: string; /** @private */ export declare const POPUP_CLOSE: string; /** @private */ export declare const DATE_HEADER_WRAP_CLASS: string; /** @private */ export declare const DATE_HEADER_CONTAINER_CLASS: string; /** @private */ export declare const HEADER_CELLS_CLASS: string; /** @private */ export declare const HEADER_WEEK_CELLS_CLASS: string; /** @private */ export declare const HEADER_MONTH_CELLS_CLASS: string; /** @private */ export declare const HEADER_YEAR_CELLS_CLASS: string; /** @private */ export declare const WORKDAY_CLASS: string; /** @private */ export declare const OTHERMONTH_CLASS: string; /** @private */ export declare const CURRENT_DAY_CLASS: string; /** @private */ export declare const CURRENTDATE_CLASS: string; /** @private */ export declare const CURRENT_PANEL_CLASS: string; /** @private */ export declare const PREVIOUS_PANEL_CLASS: string; /** @private */ export declare const NEXT_PANEL_CLASS: string; /** @private */ export declare const PREVIOUS_DATE_CLASS: string; /** @private */ export declare const NEXT_DATE_CLASS: string; /** @private */ export declare const TRANSLATE_CLASS: string; /** @private */ export declare const LEFT_INDENT_CLASS: string; /** @private */ export declare const LEFT_INDENT_WRAP_CLASS: string; /** @private */ export declare const EVENT_TABLE_CLASS: string; /** @private */ export declare const RESOURCE_LEFT_TD_CLASS: string; /** @private */ export declare const RESOURCE_GROUP_CELLS_CLASS: string; /** @private */ export declare const RESOURCE_TEXT_CLASS: string; /** @private */ export declare const RESOURCE_COLUMN_WRAP_CLASS: string; /** @private */ export declare const RESOURCE_COLUMN_TABLE_CLASS: string; /** @private */ export declare const RESOURCE_CHILD_CLASS: string; /** @private */ export declare const RESOURCE_PARENT_CLASS: string; /** @private */ export declare const RESOURCE_EXPAND_CLASS: string; /** @private */ export declare const RESOURCE_COLLAPSE_CLASS: string; /** @private */ export declare const RESOURCE_TREE_ICON_CLASS: string; /** @private */ export declare const RESOURCE_CELLS_CLASS: string; /** @private */ export declare const TIME_CELLS_WRAP_CLASS: string; /** @private */ export declare const TIME_CELLS_CLASS: string; /** @private */ export declare const TIME_SLOT_CLASS: string; /** @private */ export declare const ALTERNATE_CELLS_CLASS: string; /** @private */ export declare const CURRENT_TIME_CLASS: string; /** @private */ export declare const CURRENT_TIMELINE_CLASS: string; /** @private */ export declare const PREVIOUS_TIMELINE_CLASS: string; /** @private */ export declare const HIDE_CHILDS_CLASS: string; /** @private */ export declare const SCROLL_CONTAINER_CLASS: string; /** @private */ export declare const WRAPPER_CLASS: string; /** @private */ export declare const TIMELINE_WRAPPER_CLASS: string; /** @private */ export declare const APPOINTMENT_WRAPPER_CLASS: string; /** @private */ export declare const APPOINTMENT_WRAPPER_HIDDEN_CLASS: string; /** @private */ export declare const DAY_WRAPPER_CLASS: string; /** @private */ export declare const TOOLBAR_CONTAINER: string; /** @private */ export declare const RESOURCE_TOOLBAR_CONTAINER: string; /** @private */ export declare const HEADER_TOOLBAR: string; /** @private */ export declare const RESOURCE_HEADER_TOOLBAR: string; /** @private */ export declare const SELECTED_CELL_CLASS: string; /** @private */ export declare const WEEK_NUMBER_WRAPPER_CLASS: string; /** @private */ export declare const WEEK_NUMBER_CLASS: string; /** @private */ export declare const APPOINTMENT_WRAP_CLASS: string; /** @private */ export declare const WRAPPER_CONTAINER_CLASS: string; /** @private */ export declare const APPOINTMENT_CONTAINER_CLASS: string; /** @private */ export declare const APPOINTMENT_CLASS: string; /** @private */ export declare const BLOCK_APPOINTMENT_CLASS: string; /** @private */ export declare const BLOCK_INDICATOR_CLASS: string; /** @private */ export declare const APPOINTMENT_BORDER: string; /** @private */ export declare const APPOINTMENT_DETAILS: string; /** @private */ export declare const SUBJECT_WRAP: string; /** @private */ export declare const RESOURCE_NAME: string; /** @private */ export declare const APPOINTMENT_TIME: string; /** @private */ export declare const TABLE_WRAP_CLASS: string; /** @private */ export declare const OUTER_TABLE_CLASS: string; /** @private */ export declare const CONTENT_WRAP_CLASS: string; /** @private */ export declare const VIRTUAL_TRACK_CLASS: string; /** @private */ export declare const AGENDA_CELLS_CLASS: string; /** @private */ export declare const AGENDA_CURRENT_DAY_CLASS: string; /** @private */ export declare const AGENDA_SELECTED_CELL: string; /** @private */ export declare const MONTH_HEADER_CLASS: string; /** @private */ export declare const AGENDA_HEADER_CLASS: string; /** @private */ export declare const AGENDA_RESOURCE_CLASS: string; /** @private */ export declare const AGENDA_DATE_CLASS: string; /** @private */ export declare const NAVIGATE_CLASS: string; /** @private */ export declare const DATE_HEADER_CLASS: string; /** @private */ export declare const AGENDA_DAY_BORDER_CLASS: string; /** @private */ export declare const DATE_BORDER_CLASS: string; /** @private */ export declare const AGENDA_DAY_PADDING_CLASS: string; /** @private */ export declare const DATE_TIME_CLASS: string; /** @private */ export declare const DATE_TIME_WRAPPER_CLASS: string; /** @private */ export declare const AGENDA_EMPTY_EVENT_CLASS: string; /** @private */ export declare const AGENDA_NO_EVENT_CLASS: string; /** @private */ export declare const APPOINTMENT_INDICATOR_CLASS: string; /** @private */ export declare const EVENT_INDICATOR_CLASS: string; /** @private */ export declare const EVENT_ICON_UP_CLASS: string; /** @private */ export declare const EVENT_ICON_DOWN_CLASS: string; /** @private */ export declare const EVENT_ICON_LEFT_CLASS: string; /** @private */ export declare const EVENT_ICON_RIGHT_CLASS: string; /** @private */ export declare const EVENT_ACTION_CLASS: string; /** @private */ export declare const NEW_EVENT_CLASS: string; /** @private */ export declare const CLONE_ELEMENT_CLASS: string; /** @private */ export declare const MONTH_CLONE_ELEMENT_CLASS: string; /** @private */ export declare const CLONE_TIME_INDICATOR_CLASS: string; /** @private */ export declare const DRAG_CLONE_CLASS: string; /** @private */ export declare const EVENT_RESIZE_CLASS: string; /** @private */ export declare const RESIZE_CLONE_CLASS: string; /** @private */ export declare const LEFT_RESIZE_HANDLER: string; /** @private */ export declare const RIGHT_RESIZE_HANDLER: string; /** @private */ export declare const TOP_RESIZE_HANDLER: string; /** @private */ export declare const BOTTOM_RESIZE_HANDLER: string; /** @private */ export declare const EVENT_RECURRENCE_ICON_CLASS: string; /** @private */ export declare const EVENT_RECURRENCE_EDIT_ICON_CLASS: string; /** @private */ export declare const HEADER_ROW_CLASS: string; /** @private */ export declare const ALLDAY_APPOINTMENT_WRAPPER_CLASS: string; /** @private */ export declare const ALLDAY_APPOINTMENT_CLASS: string; /** @private */ export declare const EVENT_COUNT_CLASS: string; /** @private */ export declare const ROW_COUNT_WRAPPER_CLASS: string; /** @private */ export declare const ALLDAY_APPOINTMENT_SECTION_CLASS: string; /** @private */ export declare const APPOINTMENT_ROW_EXPAND_CLASS: string; /** @private */ export declare const APPOINTMENT_ROW_COLLAPSE_CLASS: string; /** @private */ export declare const MORE_INDICATOR_CLASS: string; /** @private */ export declare const CELL_POPUP_CLASS: string; /** @private */ export declare const EVENT_POPUP_CLASS: string; /** @private */ export declare const MULTIPLE_EVENT_POPUP_CLASS: string; /** @private */ export declare const POPUP_HEADER_CLASS: string; /** @private */ export declare const POPUP_HEADER_ICON_WRAPPER: string; /** @private */ export declare const POPUP_CONTENT_CLASS: string; /** @private */ export declare const POPUP_FOOTER_CLASS: string; /** @private */ export declare const DATE_TIME_DETAILS_CLASS: string; /** @private */ export declare const RECURRENCE_SUMMARY_CLASS: string; /** @private */ export declare const QUICK_POPUP_EVENT_DETAILS_CLASS: string; /** @private */ export declare const EVENT_CREATE_CLASS: string; /** @private */ export declare const EDIT_EVENT_CLASS: string; /** @private */ export declare const DELETE_EVENT_CLASS: string; /** @private */ export declare const TEXT_ELLIPSIS: string; /** @private */ export declare const MORE_POPUP_WRAPPER_CLASS: string; /** @private */ export declare const MORE_EVENT_POPUP_CLASS: string; /** @private */ export declare const MORE_EVENT_HEADER_CLASS: string; /** @private */ export declare const MORE_EVENT_DATE_HEADER_CLASS: string; /** @private */ export declare const MORE_EVENT_HEADER_DAY_CLASS: string; /** @private */ export declare const MORE_EVENT_HEADER_DATE_CLASS: string; /** @private */ export declare const MORE_EVENT_CLOSE_CLASS: string; /** @private */ export declare const MORE_EVENT_CONTENT_CLASS: string; /** @private */ export declare const MORE_EVENT_WRAPPER_CLASS: string; /** @private */ export declare const QUICK_DIALOG_CLASS: string; /** @private */ export declare const QUICK_DIALOG_OCCURRENCE_CLASS: string; /** @private */ export declare const QUICK_DIALOG_SERIES_CLASS: string; /** @private */ export declare const QUICK_DIALOG_FOLLOWING_EVENTS_CLASS: string; /** @private */ export declare const FOLLOWING_EVENTS_DIALOG: string; /** @private */ export declare const QUICK_DIALOG_DELETE_CLASS: string; /** @private */ export declare const QUICK_DIALOG_CANCEL_CLASS: string; /** @private */ export declare const QUICK_DIALOG_ALERT_OK: string; /** @private */ export declare const QUICK_DIALOG_ALERT_CANCEL: string; /** @private */ export declare const QUICK_DIALOG_ALERT_FOLLOWING: string; /** @private */ export declare const QUICK_DIALOG_ALERT_BTN_CLASS: string; /** @private */ export declare const EVENT_WINDOW_DIALOG_CLASS: string; /** @private */ export declare const FORM_CONTAINER_CLASS: string; /** @private */ export declare const FORM_CLASS: string; /** @private */ export declare const EVENT_WINDOW_ALLDAY_TZ_DIV_CLASS: string; /** @private */ export declare const EVENT_WINDOW_ALL_DAY_CLASS: string; /** @private */ export declare const TIME_ZONE_CLASS: string; /** @private */ export declare const TIME_ZONE_ICON_CLASS: string; /** @private */ export declare const TIME_ZONE_DETAILS_CLASS: string; /** @private */ export declare const EVENT_WINDOW_REPEAT_DIV_CLASS: string; /** @private */ export declare const EVENT_WINDOW_REPEAT_CLASS: string; /** @private */ export declare const EVENT_WINDOW_TITLE_LOCATION_DIV_CLASS: string; /** @private */ export declare const SUBJECT_CLASS: string; /** @private */ export declare const LOCATION_CLASS: string; /** @private */ export declare const LOCATION_ICON_CLASS: string; /** @private */ export declare const LOCATION_DETAILS_CLASS: string; /** @private */ export declare const EVENT_WINDOW_START_END_DIV_CLASS: string; /** @private */ export declare const EVENT_WINDOW_START_CLASS: string; /** @private */ export declare const EVENT_WINDOW_END_CLASS: string; /** @private */ export declare const EVENT_WINDOW_RESOURCES_DIV_CLASS: string; /** @private */ export declare const DESCRIPTION_CLASS: string; /** @private */ export declare const DESCRIPTION_ICON_CLASS: string; /** @private */ export declare const DESCRIPTION_DETAILS_CLASS: string; /** @private */ export declare const EVENT_WINDOW_TIME_ZONE_DIV_CLASS: string; /** @private */ export declare const EVENT_WINDOW_START_TZ_CLASS: string; /** @private */ export declare const EVENT_WINDOW_END_TZ_CLASS: string; /** @private */ export declare const EVENT_WINDOW_BACK_ICON_CLASS: string; /** @private */ export declare const EVENT_WINDOW_SAVE_ICON_CLASS: string; /** @private */ export declare const EVENT_WINDOW_CANCEL_BUTTON_CLASS: string; /** @private */ export declare const EVENT_WINDOW_SAVE_BUTTON_CLASS: string; /** @private */ export declare const EVENT_WINDOW_DIALOG_PARENT_CLASS: string; /** @private */ export declare const EVENT_WINDOW_TITLE_TEXT_CLASS: string; /** @private */ export declare const EVENT_WINDOW_ICON_DISABLE_CLASS: string; /** @private */ export declare const EDIT_CLASS: string; /** @private */ export declare const EDIT_ICON_CLASS: string; /** @private */ export declare const DELETE_CLASS: string; /** @private */ export declare const DELETE_ICON_CLASS: string; /** @private */ export declare const CLOSE_CLASS: string; /** @private */ export declare const CLOSE_ICON_CLASS: string; /** @private */ export declare const ERROR_VALIDATION_CLASS: string; /** @private */ export declare const EVENT_TOOLTIP_ROOT_CLASS: string; /** @private */ export declare const TOOLTIP_HIDDEN_CLASS: string; /** @private */ export declare const ALLDAY_ROW_ANIMATE_CLASS: string; /** @private */ export declare const TIMESCALE_DISABLE: string; /** @private */ export declare const DISABLE_DATE: string; /** @private */ export declare const HIDDEN_CLASS: string; /** @private */ export declare const DISABLE_DATES: string; /** @private */ export declare const POPUP_WRAPPER_CLASS: string; /** @private */ export declare const POPUP_TABLE_CLASS: string; /** @private */ export declare const RESOURCE_MENU: string; /** @private */ export declare const RESOURCE_MENU_ICON: string; /** @private */ export declare const RESOURCE_LEVEL_TITLE: string; /** @private */ export declare const RESOURCE_TREE: string; /** @private */ export declare const RESOURCE_TREE_POPUP_OVERLAY: string; /** @private */ export declare const RESOURCE_TREE_POPUP: string; /** @private */ export declare const RESOURCE_CLASS: string; /** @private */ export declare const RESOURCE_ICON_CLASS: string; /** @private */ export declare const RESOURCE_DETAILS_CLASS: string; /** @private */ export declare const DATE_TIME_ICON_CLASS: string; /** @private */ export declare const VIRTUAL_SCROLL_CLASS: string; /** @private */ export declare const ICON_DISABLE_CLASS: string; /** @private */ export declare const AUTO_HEIGHT: string; /** @private */ export declare const IGNORE_WHITESPACE: string; /** @private */ export declare const EVENT_TEMPLATE: string; /** @private */ export declare const READ_ONLY: string; /** @private */ export declare const MONTH_HEADER_WRAPPER: string; /** @private */ export declare const INLINE_SUBJECT_CLASS: string; /** @private */ export declare const INLINE_APPOINTMENT_CLASS: string; /** @hidden */ export declare const SCROLL_HIDDEN: string; /** @private */ export declare const ALLDAY_APPOINTMENT_SCROLL: string; /** @private */ export declare const ALLDAY_APPOINTMENT_AUTO: string; /** @private */ export declare const CLIPBOARD_CLASS: string;