@progress/kendo-themes-html 14.4.1-dev.0 → 14.4.1-dev.1
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.
- package/dist/cjs/agent-response/agent-step.js +1 -1
- package/dist/cjs/agent-response/chain-of-thought.spec.js +1 -1
- package/dist/cjs/agent-response/reasoning.spec.js +1 -1
- package/dist/cjs/agent-response/templates/chain-of-thought-expanded.js +1 -1
- package/dist/cjs/agent-response/templates/chain-of-thought-normal.js +1 -1
- package/dist/cjs/agent-response/templates/reasoning-expanded.js +1 -1
- package/dist/cjs/agent-response/templates/reasoning-normal.js +1 -1
- package/dist/cjs/agent-response/templates/tool-call-expanded.js +1 -1
- package/dist/cjs/agent-response/templates/tool-call-normal.js +1 -1
- package/dist/cjs/agent-response/thought.spec.js +1 -1
- package/dist/cjs/agent-response/tool-call.spec.js +1 -1
- package/dist/cjs/chart-wizard/templates/chart-wizard-data.js +1 -1
- package/dist/cjs/chart-wizard/templates/chart-wizard-format.js +1 -1
- package/dist/cjs/chart-wizard/templates/chart-wizard-normal.js +1 -1
- package/dist/cjs/citation/citation-popover-view.spec.js +1 -0
- package/dist/cjs/citation/citation-popover.spec.js +1 -1
- package/dist/cjs/citation/templates/citation-opened.js +1 -1
- package/dist/cjs/datepicker/datepicker.spec.js +1 -1
- package/dist/cjs/datepicker/demos/datepicker.js +1 -1
- package/dist/cjs/datepicker/templates/datepicker-adaptive.js +1 -1
- package/dist/cjs/datepicker/templates/datepicker-disabled.js +1 -1
- package/dist/cjs/datepicker/templates/datepicker-invalid.js +1 -1
- package/dist/cjs/datepicker/templates/datepicker-normal.js +1 -1
- package/dist/cjs/datepicker/templates/datepicker-popup.js +1 -1
- package/dist/cjs/filter/demos/filter.js +1 -1
- package/dist/cjs/filter/templates/filter-normal.js +1 -1
- package/dist/cjs/filter/templates/filter-preview.js +1 -1
- package/dist/cjs/form/demos/form.js +1 -1
- package/dist/cjs/form/form-field.js +1 -1
- package/dist/cjs/form/form.spec.js +1 -1
- package/dist/cjs/form/templates/form-grid-layout.js +1 -1
- package/dist/cjs/form/templates/form-horizontal.js +1 -1
- package/dist/cjs/form/templates/form-normal.js +1 -1
- package/dist/cjs/form/templates/form-with-hints.js +1 -1
- package/dist/cjs/grid/templates/grid-hierarchy.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-crop.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-normal.js +1 -1
- package/dist/cjs/imageeditor/templates/imageeditor-resize.js +1 -1
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/pivotgrid/demos/pivotgrid.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-normal.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-with-configurator-disabled-actions.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-with-configurator-opened.js +1 -1
- package/dist/cjs/pivotgrid/templates/pivotgrid-with-configurator.js +1 -1
- package/dist/cjs/scheduler/demos/scheduler.js +1 -1
- package/dist/cjs/scheduler/scheduler-cell.spec.js +1 -1
- package/dist/cjs/scheduler/scheduler-event.spec.js +1 -1
- package/dist/cjs/scheduler/scheduler-toolbar.spec.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-agenda.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-day.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-agenda.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-day.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-horizontal-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-month.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-timeline.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-vertical-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-week.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-flex-year.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-horizontal-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-month.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-timeline.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-vertical-grouping.js +1 -1
- package/dist/cjs/scheduler/templates/scheduler-week.js +1 -1
- package/dist/cjs/taskboard/demos/taskboard.js +1 -1
- package/dist/cjs/taskboard/taskboard.spec.js +1 -1
- package/dist/cjs/taskboard/templates/taskboard-normal.js +1 -1
- package/dist/cjs/taskboard/templates/taskboard-pane.js +1 -1
- package/dist/cjs/timepicker/demos/timepicker.js +1 -1
- package/dist/cjs/timepicker/templates/timepicker-adaptive.js +1 -1
- package/dist/cjs/timepicker/templates/timepicker-disabled.js +1 -1
- package/dist/cjs/timepicker/templates/timepicker-invalid.js +1 -1
- package/dist/cjs/timepicker/templates/timepicker-normal.js +1 -1
- package/dist/cjs/timepicker/templates/timepicker-popup.js +1 -1
- package/dist/cjs/timepicker/timepicker.spec.js +1 -1
- package/dist/esm/agent-response/agent-step.mjs +1 -1
- package/dist/esm/agent-response/chain-of-thought.spec.mjs +1 -1
- package/dist/esm/agent-response/reasoning.spec.mjs +1 -1
- package/dist/esm/agent-response/templates/chain-of-thought-expanded.mjs +1 -1
- package/dist/esm/agent-response/templates/chain-of-thought-normal.mjs +1 -1
- package/dist/esm/agent-response/templates/reasoning-expanded.mjs +1 -1
- package/dist/esm/agent-response/templates/reasoning-normal.mjs +1 -1
- package/dist/esm/agent-response/templates/tool-call-expanded.mjs +1 -1
- package/dist/esm/agent-response/templates/tool-call-normal.mjs +1 -1
- package/dist/esm/agent-response/thought.spec.mjs +1 -1
- package/dist/esm/agent-response/tool-call.spec.mjs +1 -1
- package/dist/esm/chart-wizard/templates/chart-wizard-data.mjs +1 -1
- package/dist/esm/chart-wizard/templates/chart-wizard-format.mjs +1 -1
- package/dist/esm/chart-wizard/templates/chart-wizard-normal.mjs +1 -1
- package/dist/esm/citation/citation-popover-view.spec.mjs +1 -0
- package/dist/esm/citation/citation-popover.spec.mjs +1 -1
- package/dist/esm/citation/templates/citation-opened.mjs +1 -1
- package/dist/esm/datepicker/datepicker.spec.mjs +1 -1
- package/dist/esm/datepicker/demos/datepicker.mjs +1 -1
- package/dist/esm/datepicker/templates/datepicker-adaptive.mjs +1 -1
- package/dist/esm/datepicker/templates/datepicker-disabled.mjs +1 -1
- package/dist/esm/datepicker/templates/datepicker-invalid.mjs +1 -1
- package/dist/esm/datepicker/templates/datepicker-normal.mjs +1 -1
- package/dist/esm/datepicker/templates/datepicker-popup.mjs +1 -1
- package/dist/esm/filter/demos/filter.mjs +1 -1
- package/dist/esm/filter/templates/filter-normal.mjs +1 -1
- package/dist/esm/filter/templates/filter-preview.mjs +1 -1
- package/dist/esm/form/demos/form.mjs +1 -1
- package/dist/esm/form/form-field.mjs +1 -1
- package/dist/esm/form/form.spec.mjs +1 -1
- package/dist/esm/form/templates/form-grid-layout.mjs +1 -1
- package/dist/esm/form/templates/form-horizontal.mjs +1 -1
- package/dist/esm/form/templates/form-normal.mjs +1 -1
- package/dist/esm/form/templates/form-with-hints.mjs +1 -1
- package/dist/esm/grid/templates/grid-hierarchy.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-crop.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-normal.mjs +1 -1
- package/dist/esm/imageeditor/templates/imageeditor-resize.mjs +1 -1
- package/dist/esm/index.mjs +8 -8
- package/dist/esm/pivotgrid/demos/pivotgrid.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-normal.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-with-configurator-disabled-actions.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-with-configurator-opened.mjs +1 -1
- package/dist/esm/pivotgrid/templates/pivotgrid-with-configurator.mjs +1 -1
- package/dist/esm/scheduler/demos/scheduler.mjs +1 -1
- package/dist/esm/scheduler/scheduler-cell.spec.mjs +1 -1
- package/dist/esm/scheduler/scheduler-event.spec.mjs +1 -1
- package/dist/esm/scheduler/scheduler-toolbar.spec.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-agenda.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-day.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-agenda.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-day.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-horizontal-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-month.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-timeline.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-vertical-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-week.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-flex-year.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-horizontal-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-month.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-timeline.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-vertical-grouping.mjs +1 -1
- package/dist/esm/scheduler/templates/scheduler-week.mjs +1 -1
- package/dist/esm/taskboard/demos/taskboard.mjs +1 -1
- package/dist/esm/taskboard/taskboard.spec.mjs +1 -1
- package/dist/esm/taskboard/templates/taskboard-normal.mjs +1 -1
- package/dist/esm/taskboard/templates/taskboard-pane.mjs +1 -1
- package/dist/esm/timepicker/demos/timepicker.mjs +1 -1
- package/dist/esm/timepicker/templates/timepicker-adaptive.mjs +1 -1
- package/dist/esm/timepicker/templates/timepicker-disabled.mjs +1 -1
- package/dist/esm/timepicker/templates/timepicker-invalid.mjs +1 -1
- package/dist/esm/timepicker/templates/timepicker-normal.mjs +1 -1
- package/dist/esm/timepicker/templates/timepicker-popup.mjs +1 -1
- package/dist/esm/timepicker/timepicker.spec.mjs +1 -1
- package/dist/types/agent-response/agent-step.d.ts +0 -2
- package/dist/types/agent-response/thought.spec.d.ts +0 -2
- package/dist/types/citation/citation-popover-view.spec.d.ts +18 -0
- package/dist/types/citation/citation-popover.spec.d.ts +0 -1
- package/dist/types/citation/index.d.ts +1 -0
- package/dist/types/datepicker/datepicker.spec.d.ts +1 -0
- package/dist/types/form/form-field.d.ts +1 -1
- package/dist/types/scheduler/scheduler-cell.spec.d.ts +1 -0
- package/dist/types/scheduler/scheduler-event.spec.d.ts +9 -3
- package/dist/types/scheduler/scheduler.spec.d.ts +19 -2
- package/dist/types/timepicker/timepicker.spec.d.ts +1 -0
- package/package.json +1 -1
- package/src/agent-response/agent-step.tsx +1 -9
- package/src/agent-response/templates/chain-of-thought-expanded.tsx +1 -1
- package/src/agent-response/templates/chain-of-thought-normal.tsx +1 -1
- package/src/agent-response/templates/reasoning-expanded.tsx +1 -1
- package/src/agent-response/templates/reasoning-normal.tsx +1 -1
- package/src/agent-response/templates/tool-call-expanded.tsx +1 -1
- package/src/agent-response/templates/tool-call-normal.tsx +1 -1
- package/src/agent-response/tests/chain-of-thought.tsx +3 -3
- package/src/agent-response/tests/reasoning.tsx +2 -2
- package/src/agent-response/tests/tool-call.tsx +19 -35
- package/src/agent-response/thought.spec.tsx +1 -9
- package/src/citation/citation-popover-view.spec.tsx +54 -0
- package/src/citation/citation-popover.spec.tsx +5 -7
- package/src/citation/index.ts +1 -0
- package/src/citation/templates/citation-opened.tsx +3 -6
- package/src/citation/tests/citation.tsx +19 -19
- package/src/datepicker/datepicker.spec.tsx +5 -2
- package/src/form/form-field.tsx +1 -1
- package/src/form/form.spec.tsx +4 -2
- package/src/grid/templates/grid-hierarchy.tsx +1 -1
- package/src/scheduler/scheduler-cell.spec.tsx +13 -6
- package/src/scheduler/scheduler-event.spec.tsx +108 -88
- package/src/scheduler/scheduler-toolbar.spec.tsx +7 -8
- package/src/scheduler/scheduler.spec.tsx +19 -2
- package/src/scheduler/templates/scheduler-agenda.tsx +9 -7
- package/src/scheduler/templates/scheduler-day.tsx +3 -6
- package/src/scheduler/templates/scheduler-flex-agenda.tsx +8 -6
- package/src/scheduler/templates/scheduler-flex-day.tsx +10 -11
- package/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx +6 -12
- package/src/scheduler/templates/scheduler-flex-month.tsx +13 -35
- package/src/scheduler/templates/scheduler-flex-timeline.tsx +8 -6
- package/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx +4 -10
- package/src/scheduler/templates/scheduler-flex-week.tsx +15 -13
- package/src/scheduler/templates/scheduler-flex-year.tsx +9 -5
- package/src/scheduler/templates/scheduler-horizontal-grouping.tsx +5 -11
- package/src/scheduler/templates/scheduler-month.tsx +14 -35
- package/src/scheduler/templates/scheduler-timeline.tsx +9 -7
- package/src/scheduler/templates/scheduler-vertical-grouping.tsx +2 -2
- package/src/scheduler/templates/scheduler-week.tsx +19 -26
- package/src/scheduler/tests/scheduler-adaptive-agenda.tsx +17 -12
- package/src/scheduler/tests/scheduler-adaptive-day-resource-group.tsx +18 -27
- package/src/scheduler/tests/scheduler-adaptive-day.tsx +18 -27
- package/src/scheduler/tests/scheduler-adaptive-edit-no-height.tsx +9 -3
- package/src/scheduler/tests/scheduler-adaptive-edit-time-zones.tsx +10 -4
- package/src/scheduler/tests/scheduler-adaptive-edit.tsx +9 -3
- package/src/scheduler/tests/scheduler-adaptive-month.tsx +21 -28
- package/src/scheduler/tests/scheduler-agenda-view.tsx +7 -0
- package/src/scheduler/tests/scheduler-current-time-marker.tsx +28 -34
- package/src/scheduler/tests/scheduler-day-view.tsx +7 -0
- package/src/scheduler/tests/scheduler-edit-event-dialog.tsx +144 -0
- package/src/scheduler/tests/scheduler-events-popover.tsx +122 -0
- package/src/scheduler/tests/scheduler-events-responsive.tsx +71 -0
- package/src/scheduler/tests/scheduler-events.tsx +503 -508
- package/src/scheduler/tests/scheduler-month-view.tsx +7 -0
- package/src/scheduler/tests/scheduler-new-event-dialog.tsx +191 -0
- package/src/scheduler/tests/scheduler-quick-actions-popover.tsx +114 -0
- package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +568 -673
- package/src/scheduler/tests/scheduler-recurrence-dialog.tsx +437 -0
- package/src/scheduler/tests/scheduler-timeline-view.tsx +7 -0
- package/src/scheduler/tests/scheduler-toolbar-responsive.tsx +226 -0
- package/src/scheduler/tests/scheduler-week-view.tsx +7 -0
- package/src/scheduler/tests/scheduler-year-view.tsx +3 -0
- package/src/timepicker/timepicker.spec.tsx +5 -2
- package/src/scheduler/tests/scheduler-edit-dialog.tsx +0 -103
- package/src/scheduler/tests/scheduler-editing-weekly.tsx +0 -128
- package/src/scheduler/tests/scheduler-tooltip.tsx +0 -82
|
@@ -1,680 +1,575 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { SchedulerBody, SchedulerCell, SchedulerEvent, SchedulerFlexTimeline, SchedulerGroup, SchedulerHead, SchedulerRow, SchedulerStickyCell, SchedulerToolbar } from '../';
|
|
6
|
-
|
|
1
|
+
import { Button } from "../../button";
|
|
2
|
+
import { ButtonGroup } from "../../button-group";
|
|
3
|
+
import { SegmentedControl, SegmentedControlButton } from "../../segmented-control";
|
|
4
|
+
import { SchedulerBody, SchedulerCell, SchedulerEvent, SchedulerFlexTimeline, SchedulerGroup, SchedulerHead, SchedulerRow, SchedulerStickyCell, SchedulerToolbar } from "../";
|
|
7
5
|
|
|
8
6
|
const style = `
|
|
9
7
|
#test-area {
|
|
10
|
-
max-width:
|
|
8
|
+
max-width: 1080px;
|
|
11
9
|
}
|
|
12
10
|
`;
|
|
13
11
|
|
|
14
|
-
export default () =>(
|
|
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
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
</SchedulerEvent>
|
|
579
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "6444px", width: "395px", height: "25px" }} >
|
|
580
|
-
|
|
581
|
-
<div>
|
|
582
|
-
<div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): Software updates</div>
|
|
583
|
-
<div className="k-event-template">Software updates</div>
|
|
584
|
-
</div>
|
|
585
|
-
|
|
586
|
-
</SchedulerEvent>
|
|
587
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'green', backgroundColor: 'green', top: '0px', left: "10025px", width: "395px", height: "25px" }} >
|
|
588
|
-
|
|
589
|
-
<div>
|
|
590
|
-
<div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): Software updates</div>
|
|
591
|
-
<div className="k-event-template">Software updates</div>
|
|
592
|
-
</div>
|
|
593
|
-
|
|
594
|
-
</SchedulerEvent>
|
|
595
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'green', backgroundColor: 'green', top: '0px', left: "13605px", width: "395px", height: "25px" }} >
|
|
596
|
-
|
|
597
|
-
<div>
|
|
598
|
-
<div className="k-event-template k-event-time">(1:00 PM - 3:00 PM): Software updates</div>
|
|
599
|
-
<div className="k-event-template">Software updates</div>
|
|
600
|
-
</div>
|
|
601
|
-
|
|
602
|
-
</SchedulerEvent>
|
|
603
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "3063px", width: "98px", height: "25px" }} >
|
|
604
|
-
|
|
605
|
-
<div title="Discuss projects' deadlines">
|
|
606
|
-
<div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects' deadlines</div>
|
|
607
|
-
<div className="k-event-template">Discuss projects' deadlines</div>
|
|
608
|
-
</div>
|
|
609
|
-
|
|
610
|
-
</SchedulerEvent>
|
|
611
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: "26px", left: "6643px", width: "98px", height: "25px" }} >
|
|
612
|
-
|
|
613
|
-
<div title="Discuss projects' deadlines">
|
|
614
|
-
<div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects' deadlines</div>
|
|
615
|
-
<div className="k-event-template">Discuss projects' deadlines</div>
|
|
616
|
-
</div>
|
|
617
|
-
|
|
618
|
-
</SchedulerEvent>
|
|
619
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'green', backgroundColor: 'green', top: "26px", left: "10224px", width: "98px", height: "25px" }} >
|
|
620
|
-
|
|
621
|
-
<div title="Discuss projects' deadlines">
|
|
622
|
-
<div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects' deadlines</div>
|
|
623
|
-
<div className="k-event-template">Discuss projects' deadlines</div>
|
|
624
|
-
</div>
|
|
625
|
-
|
|
626
|
-
</SchedulerEvent>
|
|
627
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'green', backgroundColor: 'green', top: "26px", left: "13804px", width: "98px", height: "25px" }} >
|
|
628
|
-
|
|
629
|
-
<div title="Discuss projects' deadlines">
|
|
630
|
-
<div className="k-event-template k-event-time">(2:00 PM - 2:30 PM): Discuss projects' deadlines</div>
|
|
631
|
-
<div className="k-event-template">Discuss projects' deadlines</div>
|
|
632
|
-
</div>
|
|
633
|
-
|
|
634
|
-
</SchedulerEvent>
|
|
635
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "3262px", width: "197px", height: "25px" }} >
|
|
636
|
-
|
|
637
|
-
<div>
|
|
638
|
-
<div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
|
|
639
|
-
<div className="k-event-template">Business Lunch with Gregory Watkins</div>
|
|
640
|
-
</div>
|
|
641
|
-
|
|
642
|
-
</SchedulerEvent>
|
|
643
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'darkred', backgroundColor: 'darkred', top: '0px', left: "6842px", width: "197px", height: "25px" }} >
|
|
644
|
-
|
|
645
|
-
<div>
|
|
646
|
-
<div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
|
|
647
|
-
<div className="k-event-template">Business Lunch with Gregory Watkins</div>
|
|
648
|
-
</div>
|
|
649
|
-
|
|
650
|
-
</SchedulerEvent>
|
|
651
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'green', backgroundColor: 'green', top: '0px', left: "10423px", width: "197px", height: "25px" }} >
|
|
652
|
-
|
|
653
|
-
<div>
|
|
654
|
-
<div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
|
|
655
|
-
<div className="k-event-template">Business Lunch with Gregory Watkins</div>
|
|
656
|
-
</div>
|
|
657
|
-
|
|
658
|
-
</SchedulerEvent>
|
|
659
|
-
<SchedulerEvent eventPrefix={null} resizable="horizontal" style={{ cursor: 'pointer', userSelect: 'none', borderColor: 'green', backgroundColor: 'green', top: '0px', left: "14003px", width: "197px", height: "25px" }} >
|
|
660
|
-
|
|
661
|
-
<div>
|
|
662
|
-
<div className="k-event-template k-event-time">(3:00 PM - 4:00 PM): Business Lunch with Gregory Watkins</div>
|
|
663
|
-
<div className="k-event-template">Business Lunch with Gregory Watkins</div>
|
|
664
|
-
</div>
|
|
665
|
-
|
|
666
|
-
</SchedulerEvent>
|
|
667
|
-
</SchedulerBody>
|
|
668
|
-
</>
|
|
669
|
-
}
|
|
670
|
-
footer={
|
|
671
|
-
<>
|
|
672
|
-
<SchedulerToolbar footer>
|
|
673
|
-
<Button icon="clock" className="k-scheduler-fullday">Show full day</Button>
|
|
674
|
-
</SchedulerToolbar>
|
|
675
|
-
</>
|
|
676
|
-
}
|
|
677
|
-
/>
|
|
678
|
-
</div>
|
|
679
|
-
</>
|
|
12
|
+
export default () => (
|
|
13
|
+
<>
|
|
14
|
+
<style>{style}</style>
|
|
15
|
+
<div id="test-area" className="k-d-grid k-grid-cols-1">
|
|
16
|
+
<SchedulerFlexTimeline
|
|
17
|
+
style={{ height: "900px" }}
|
|
18
|
+
toolbar={
|
|
19
|
+
<>
|
|
20
|
+
<SchedulerToolbar>
|
|
21
|
+
<Button themeColor="primary" icon="plus" aria-label="Add new event">
|
|
22
|
+
New Event
|
|
23
|
+
</Button>
|
|
24
|
+
<ButtonGroup fillMode="flat">
|
|
25
|
+
<Button icon="chevron-left" fillMode="flat" aria-label="Navigate to previous period"></Button>
|
|
26
|
+
<Button icon="chevron-right" fillMode="flat" aria-label="Navigate to next period"></Button>
|
|
27
|
+
</ButtonGroup>
|
|
28
|
+
<Button icon="calendar" className="k-nav-current" fillMode="flat" aria-live="polite">
|
|
29
|
+
24 June – 25 June
|
|
30
|
+
</Button>
|
|
31
|
+
<Button fillMode="flat">Today</Button>
|
|
32
|
+
<span className="k-spacer"></span>
|
|
33
|
+
<SegmentedControl thumbStyles={{ width: "23%", left: "54%" }} className="k-scheduler-views">
|
|
34
|
+
<SegmentedControlButton>Day</SegmentedControlButton>
|
|
35
|
+
<SegmentedControlButton>Week</SegmentedControlButton>
|
|
36
|
+
<SegmentedControlButton>Month</SegmentedControlButton>
|
|
37
|
+
<SegmentedControlButton selected>Timeline</SegmentedControlButton>
|
|
38
|
+
<SegmentedControlButton>Agenda</SegmentedControlButton>
|
|
39
|
+
</SegmentedControl>
|
|
40
|
+
</SchedulerToolbar>
|
|
41
|
+
</>
|
|
42
|
+
}
|
|
43
|
+
children={
|
|
44
|
+
<>
|
|
45
|
+
<SchedulerHead as="div" style={{ width: "14401px" }}>
|
|
46
|
+
<SchedulerGroup>
|
|
47
|
+
<SchedulerRow>
|
|
48
|
+
<SchedulerStickyCell>
|
|
49
|
+
<SchedulerCell as="div" cellType={["side"]} style={{ minWidth: "62px" }} />
|
|
50
|
+
</SchedulerStickyCell>
|
|
51
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
52
|
+
Meeting Room 101
|
|
53
|
+
</SchedulerCell>
|
|
54
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
55
|
+
Meeting Room 201
|
|
56
|
+
</SchedulerCell>
|
|
57
|
+
</SchedulerRow>
|
|
58
|
+
<SchedulerRow>
|
|
59
|
+
<SchedulerStickyCell>
|
|
60
|
+
<SchedulerCell as="div" cellType={["side"]} style={{ minWidth: "62px" }} />
|
|
61
|
+
</SchedulerStickyCell>
|
|
62
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
63
|
+
Peter
|
|
64
|
+
</SchedulerCell>
|
|
65
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
66
|
+
Alex
|
|
67
|
+
</SchedulerCell>
|
|
68
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
69
|
+
Peter
|
|
70
|
+
</SchedulerCell>
|
|
71
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
72
|
+
Alex
|
|
73
|
+
</SchedulerCell>
|
|
74
|
+
</SchedulerRow>
|
|
75
|
+
<SchedulerRow>
|
|
76
|
+
<SchedulerStickyCell>
|
|
77
|
+
<SchedulerCell as="div" cellType={["side"]} style={{ minWidth: "62px" }} />
|
|
78
|
+
</SchedulerStickyCell>
|
|
79
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
80
|
+
<SchedulerRow>
|
|
81
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
82
|
+
Jun 24
|
|
83
|
+
</SchedulerCell>
|
|
84
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
85
|
+
Jun 25
|
|
86
|
+
</SchedulerCell>
|
|
87
|
+
</SchedulerRow>
|
|
88
|
+
<SchedulerRow>
|
|
89
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
90
|
+
8:00 AM
|
|
91
|
+
</SchedulerCell>
|
|
92
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
93
|
+
9:00 AM
|
|
94
|
+
</SchedulerCell>
|
|
95
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
96
|
+
10:00 AM
|
|
97
|
+
</SchedulerCell>
|
|
98
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
99
|
+
11:00 AM
|
|
100
|
+
</SchedulerCell>
|
|
101
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
102
|
+
12:00 PM
|
|
103
|
+
</SchedulerCell>
|
|
104
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
105
|
+
1:00 PM
|
|
106
|
+
</SchedulerCell>
|
|
107
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
108
|
+
2:00 PM
|
|
109
|
+
</SchedulerCell>
|
|
110
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
111
|
+
3:00 PM
|
|
112
|
+
</SchedulerCell>
|
|
113
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
114
|
+
4:00 PM
|
|
115
|
+
</SchedulerCell>
|
|
116
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
117
|
+
8:00 AM
|
|
118
|
+
</SchedulerCell>
|
|
119
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
120
|
+
9:00 AM
|
|
121
|
+
</SchedulerCell>
|
|
122
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
123
|
+
10:00 AM
|
|
124
|
+
</SchedulerCell>
|
|
125
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
126
|
+
11:00 AM
|
|
127
|
+
</SchedulerCell>
|
|
128
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
129
|
+
12:00 PM
|
|
130
|
+
</SchedulerCell>
|
|
131
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
132
|
+
1:00 PM
|
|
133
|
+
</SchedulerCell>
|
|
134
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
135
|
+
2:00 PM
|
|
136
|
+
</SchedulerCell>
|
|
137
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
138
|
+
3:00 PM
|
|
139
|
+
</SchedulerCell>
|
|
140
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
141
|
+
4:00 PM
|
|
142
|
+
</SchedulerCell>
|
|
143
|
+
</SchedulerRow>
|
|
144
|
+
</SchedulerCell>
|
|
145
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
146
|
+
<SchedulerRow>
|
|
147
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
148
|
+
Jun 24
|
|
149
|
+
</SchedulerCell>
|
|
150
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
151
|
+
Jun 25
|
|
152
|
+
</SchedulerCell>
|
|
153
|
+
</SchedulerRow>
|
|
154
|
+
<SchedulerRow>
|
|
155
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
156
|
+
8:00 AM
|
|
157
|
+
</SchedulerCell>
|
|
158
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
159
|
+
9:00 AM
|
|
160
|
+
</SchedulerCell>
|
|
161
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
162
|
+
10:00 AM
|
|
163
|
+
</SchedulerCell>
|
|
164
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
165
|
+
11:00 AM
|
|
166
|
+
</SchedulerCell>
|
|
167
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
168
|
+
12:00 PM
|
|
169
|
+
</SchedulerCell>
|
|
170
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
171
|
+
1:00 PM
|
|
172
|
+
</SchedulerCell>
|
|
173
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
174
|
+
2:00 PM
|
|
175
|
+
</SchedulerCell>
|
|
176
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
177
|
+
3:00 PM
|
|
178
|
+
</SchedulerCell>
|
|
179
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
180
|
+
4:00 PM
|
|
181
|
+
</SchedulerCell>
|
|
182
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
183
|
+
8:00 AM
|
|
184
|
+
</SchedulerCell>
|
|
185
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
186
|
+
9:00 AM
|
|
187
|
+
</SchedulerCell>
|
|
188
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
189
|
+
10:00 AM
|
|
190
|
+
</SchedulerCell>
|
|
191
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
192
|
+
11:00 AM
|
|
193
|
+
</SchedulerCell>
|
|
194
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
195
|
+
12:00 PM
|
|
196
|
+
</SchedulerCell>
|
|
197
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
198
|
+
1:00 PM
|
|
199
|
+
</SchedulerCell>
|
|
200
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
201
|
+
2:00 PM
|
|
202
|
+
</SchedulerCell>
|
|
203
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
204
|
+
3:00 PM
|
|
205
|
+
</SchedulerCell>
|
|
206
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
207
|
+
4:00 PM
|
|
208
|
+
</SchedulerCell>
|
|
209
|
+
</SchedulerRow>
|
|
210
|
+
</SchedulerCell>
|
|
211
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
212
|
+
<SchedulerRow>
|
|
213
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
214
|
+
Jun 24
|
|
215
|
+
</SchedulerCell>
|
|
216
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
217
|
+
Jun 25
|
|
218
|
+
</SchedulerCell>
|
|
219
|
+
</SchedulerRow>
|
|
220
|
+
<SchedulerRow>
|
|
221
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
222
|
+
8:00 AM
|
|
223
|
+
</SchedulerCell>
|
|
224
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
225
|
+
9:00 AM
|
|
226
|
+
</SchedulerCell>
|
|
227
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
228
|
+
10:00 AM
|
|
229
|
+
</SchedulerCell>
|
|
230
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
231
|
+
11:00 AM
|
|
232
|
+
</SchedulerCell>
|
|
233
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
234
|
+
12:00 PM
|
|
235
|
+
</SchedulerCell>
|
|
236
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
237
|
+
1:00 PM
|
|
238
|
+
</SchedulerCell>
|
|
239
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
240
|
+
2:00 PM
|
|
241
|
+
</SchedulerCell>
|
|
242
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
243
|
+
3:00 PM
|
|
244
|
+
</SchedulerCell>
|
|
245
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
246
|
+
4:00 PM
|
|
247
|
+
</SchedulerCell>
|
|
248
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
249
|
+
8:00 AM
|
|
250
|
+
</SchedulerCell>
|
|
251
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
252
|
+
9:00 AM
|
|
253
|
+
</SchedulerCell>
|
|
254
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
255
|
+
10:00 AM
|
|
256
|
+
</SchedulerCell>
|
|
257
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
258
|
+
11:00 AM
|
|
259
|
+
</SchedulerCell>
|
|
260
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
261
|
+
12:00 PM
|
|
262
|
+
</SchedulerCell>
|
|
263
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
264
|
+
1:00 PM
|
|
265
|
+
</SchedulerCell>
|
|
266
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
267
|
+
2:00 PM
|
|
268
|
+
</SchedulerCell>
|
|
269
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
270
|
+
3:00 PM
|
|
271
|
+
</SchedulerCell>
|
|
272
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
273
|
+
4:00 PM
|
|
274
|
+
</SchedulerCell>
|
|
275
|
+
</SchedulerRow>
|
|
276
|
+
</SchedulerCell>
|
|
277
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
278
|
+
<SchedulerRow>
|
|
279
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
280
|
+
Jun 24
|
|
281
|
+
</SchedulerCell>
|
|
282
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
283
|
+
Jun 25
|
|
284
|
+
</SchedulerCell>
|
|
285
|
+
</SchedulerRow>
|
|
286
|
+
<SchedulerRow>
|
|
287
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
288
|
+
8:00 AM
|
|
289
|
+
</SchedulerCell>
|
|
290
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
291
|
+
9:00 AM
|
|
292
|
+
</SchedulerCell>
|
|
293
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
294
|
+
10:00 AM
|
|
295
|
+
</SchedulerCell>
|
|
296
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
297
|
+
11:00 AM
|
|
298
|
+
</SchedulerCell>
|
|
299
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
300
|
+
12:00 PM
|
|
301
|
+
</SchedulerCell>
|
|
302
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
303
|
+
1:00 PM
|
|
304
|
+
</SchedulerCell>
|
|
305
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
306
|
+
2:00 PM
|
|
307
|
+
</SchedulerCell>
|
|
308
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
309
|
+
3:00 PM
|
|
310
|
+
</SchedulerCell>
|
|
311
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
312
|
+
4:00 PM
|
|
313
|
+
</SchedulerCell>
|
|
314
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
315
|
+
8:00 AM
|
|
316
|
+
</SchedulerCell>
|
|
317
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
318
|
+
9:00 AM
|
|
319
|
+
</SchedulerCell>
|
|
320
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
321
|
+
10:00 AM
|
|
322
|
+
</SchedulerCell>
|
|
323
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
324
|
+
11:00 AM
|
|
325
|
+
</SchedulerCell>
|
|
326
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
327
|
+
12:00 PM
|
|
328
|
+
</SchedulerCell>
|
|
329
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
330
|
+
1:00 PM
|
|
331
|
+
</SchedulerCell>
|
|
332
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
333
|
+
2:00 PM
|
|
334
|
+
</SchedulerCell>
|
|
335
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
336
|
+
3:00 PM
|
|
337
|
+
</SchedulerCell>
|
|
338
|
+
<SchedulerCell as="div" cellType={["heading"]}>
|
|
339
|
+
4:00 PM
|
|
340
|
+
</SchedulerCell>
|
|
341
|
+
</SchedulerRow>
|
|
342
|
+
</SchedulerCell>
|
|
343
|
+
</SchedulerRow>
|
|
344
|
+
</SchedulerGroup>
|
|
345
|
+
</SchedulerHead>
|
|
346
|
+
<SchedulerBody as="div" style={{ width: "14401px" }}>
|
|
347
|
+
<SchedulerGroup>
|
|
348
|
+
<SchedulerRow>
|
|
349
|
+
<SchedulerStickyCell>
|
|
350
|
+
<SchedulerCell as="div" cellType={["heading", "side"]} allDay style={{ minWidth: "62px" }}>
|
|
351
|
+
All events
|
|
352
|
+
</SchedulerCell>
|
|
353
|
+
</SchedulerStickyCell>
|
|
354
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
355
|
+
<SchedulerRow>
|
|
356
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
357
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
358
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
359
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
360
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
361
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
362
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
363
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
364
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
365
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
366
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
367
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
368
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
369
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
370
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
371
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
372
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
373
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
374
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
375
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
376
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
377
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
378
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
379
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
380
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
381
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
382
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
383
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
384
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
385
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
386
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }}></SchedulerCell>
|
|
387
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
388
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
389
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
390
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
391
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
392
|
+
</SchedulerRow>
|
|
393
|
+
</SchedulerCell>
|
|
394
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
395
|
+
<SchedulerRow>
|
|
396
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
397
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
398
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
399
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
400
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
401
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
402
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
403
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
404
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
405
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
406
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
407
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
408
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
409
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
410
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
411
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
412
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
413
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
414
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
415
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
416
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
417
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
418
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
419
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
420
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
421
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
422
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
423
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
424
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
425
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
426
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }}></SchedulerCell>
|
|
427
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
428
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
429
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
430
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
431
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
432
|
+
</SchedulerRow>
|
|
433
|
+
</SchedulerCell>
|
|
434
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
435
|
+
<SchedulerRow>
|
|
436
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
437
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
438
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
439
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
440
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
441
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
442
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
443
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
444
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
445
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
446
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
447
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
448
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
449
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
450
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
451
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
452
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
453
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
454
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
455
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
456
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
457
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
458
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
459
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
460
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
461
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
462
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
463
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
464
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
465
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
466
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }}></SchedulerCell>
|
|
467
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
468
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
469
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
470
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
471
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
472
|
+
</SchedulerRow>
|
|
473
|
+
</SchedulerCell>
|
|
474
|
+
<SchedulerCell as="div" cellType={["group"]}>
|
|
475
|
+
<SchedulerRow>
|
|
476
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
477
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
478
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
479
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
480
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
481
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
482
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
483
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
484
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
485
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
486
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
487
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "62px" }} />
|
|
488
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
489
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
490
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }} />
|
|
491
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
492
|
+
<SchedulerCell as="div" cellType={["slot"]} />
|
|
493
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }} />
|
|
494
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
495
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
496
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
497
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
498
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
499
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
500
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
501
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
502
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
503
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
504
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
505
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
506
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "36px" }}></SchedulerCell>
|
|
507
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
508
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
509
|
+
<SchedulerCell as="div" cellType={["slot"]} style={{ userSelect: "none", minHeight: "10px" }}></SchedulerCell>
|
|
510
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
511
|
+
<SchedulerCell as="div" cellType={["slot"]}></SchedulerCell>
|
|
512
|
+
</SchedulerRow>
|
|
513
|
+
</SchedulerCell>
|
|
514
|
+
</SchedulerRow>
|
|
515
|
+
</SchedulerGroup>
|
|
516
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "775px", width: "299px", height: "25px" }} title="Car Service" time="11:30 AM - 1:00 PM" />
|
|
517
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "4356px", width: "299px", height: "25px" }} title="Car Service" time="11:30 AM - 1:00 PM" />
|
|
518
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "7936px", width: "299px", height: "25px" }} title="Car Service" time="11:30 AM - 1:00 PM" />
|
|
519
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "11517px", width: "299px", height: "25px" }} title="Car Service" time="11:30 AM - 1:00 PM" />
|
|
520
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "974px", width: "399px", height: "25px" }} title="Breakfast with Tom" time="12:45 PM - 2:30 PM" />
|
|
521
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "4555px", width: "399px", height: "25px" }} title="Breakfast with Tom" time="12:45 PM - 2:30 PM" />
|
|
522
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "8135px", width: "399px", height: "25px" }} title="Breakfast with Tom" time="12:45 PM - 2:30 PM" />
|
|
523
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "11716px", width: "399px", height: "25px" }} title="Breakfast with Tom" time="12:45 PM - 2:30 PM" />
|
|
524
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "1074px", width: "395px", height: "25px" }} title="Team planning meeting" />
|
|
525
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "4654px", width: "395px", height: "25px" }} title="Team planning meeting" />
|
|
526
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "8235px", width: "395px", height: "25px" }} title="Team planning meeting" />
|
|
527
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "11815px", width: "395px", height: "25px" }} title="Team planning meeting" />
|
|
528
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "52px", left: "1074px", width: "197px", height: "25px" }} title="Replace the printer on the 1st floor" />
|
|
529
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "52px", left: "4654px", width: "197px", height: "25px" }} title="Replace the printer on the 1st floor" />
|
|
530
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "52px", left: "8235px", width: "197px", height: "25px" }} title="Replace the printer on the 1st floor" />
|
|
531
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "52px", left: "11815px", width: "197px", height: "25px" }} title="Replace the printer on the 1st floor" />
|
|
532
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "1472px", width: "99px", height: "25px" }} title="Register new Access Cards" />
|
|
533
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "5052px", width: "99px", height: "25px" }} title="Register new Access Cards" />
|
|
534
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "8632px", width: "99px", height: "25px" }} title="Register new Access Cards" />
|
|
535
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "12213px", width: "99px", height: "25px" }} title="Register new Access Cards" />
|
|
536
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "1770px", width: "98px", height: "25px" }} title="Install new laptops in conference rooms" time="4:30 PM - 6:00 PM" />
|
|
537
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "5350px", width: "98px", height: "25px" }} title="Install new laptops in conference rooms" time="4:30 PM - 6:00 PM" />
|
|
538
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "8931px", width: "98px", height: "25px" }} title="Install new laptops in conference rooms" time="4:30 PM - 6:00 PM" />
|
|
539
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "12511px", width: "98px", height: "25px" }} title="Install new laptops in conference rooms" time="4:30 PM - 6:00 PM" />
|
|
540
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "1770px", width: "98px", height: "25px" }} title="Job Interview - Bernard Atkins" time="4:30 PM - 5:30 PM" />
|
|
541
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "5350px", width: "98px", height: "25px" }} title="Job Interview - Bernard Atkins" time="4:30 PM - 5:30 PM" />
|
|
542
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "8931px", width: "98px", height: "25px" }} title="Job Interview - Bernard Atkins" time="4:30 PM - 5:30 PM" />
|
|
543
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "12511px", width: "98px", height: "25px" }} title="Job Interview - Bernard Atkins" time="4:30 PM - 5:30 PM" />
|
|
544
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "2665px", width: "197px", height: "25px" }} title="Business breakfast with Caroline" time="12:00 PM - 1:00 PM" />
|
|
545
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "6245px", width: "197px", height: "25px" }} title="Business breakfast with Caroline" time="12:00 PM - 1:00 PM" />
|
|
546
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "9826px", width: "197px", height: "25px" }} title="Business breakfast with Caroline" time="12:00 PM - 1:00 PM" />
|
|
547
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "13406px", width: "197px", height: "25px" }} title="Business breakfast with Caroline" time="12:00 PM - 1:00 PM" />
|
|
548
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "2864px", width: "395px", height: "25px" }} title="Software updates" time="1:00 PM - 3:00 PM" />
|
|
549
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "6444px", width: "395px", height: "25px" }} title="Software updates" time="1:00 PM - 3:00 PM" />
|
|
550
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "10025px", width: "395px", height: "25px" }} title="Software updates" time="1:00 PM - 3:00 PM" />
|
|
551
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "13605px", width: "395px", height: "25px" }} title="Software updates" time="1:00 PM - 3:00 PM" />
|
|
552
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "3063px", width: "98px", height: "25px" }} title="Discuss projects' deadlines" time="2:00 PM - 2:30 PM" />
|
|
553
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "26px", left: "6643px", width: "98px", height: "25px" }} title="Discuss projects' deadlines" time="2:00 PM - 2:30 PM" />
|
|
554
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "10224px", width: "98px", height: "25px" }} title="Discuss projects' deadlines" time="2:00 PM - 2:30 PM" />
|
|
555
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "26px", left: "13804px", width: "98px", height: "25px" }} title="Discuss projects' deadlines" time="2:00 PM - 2:30 PM" />
|
|
556
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "3262px", width: "197px", height: "25px" }} title="Business Lunch with Gregory Watkins" time="3:00 PM - 4:00 PM" />
|
|
557
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "darkred", backgroundColor: "darkred", top: "0px", left: "6842px", width: "197px", height: "25px" }} title="Business Lunch with Gregory Watkins" time="3:00 PM - 4:00 PM" />
|
|
558
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "10423px", width: "197px", height: "25px" }} title="Business Lunch with Gregory Watkins" time="3:00 PM - 4:00 PM" />
|
|
559
|
+
<SchedulerEvent resizable="horizontal" style={{ cursor: "pointer", userSelect: "none", borderColor: "green", backgroundColor: "green", top: "0px", left: "14003px", width: "197px", height: "25px" }} title="Business Lunch with Gregory Watkins" time="3:00 PM - 4:00 PM" />
|
|
560
|
+
</SchedulerBody>
|
|
561
|
+
</>
|
|
562
|
+
}
|
|
563
|
+
footer={
|
|
564
|
+
<>
|
|
565
|
+
<SchedulerToolbar footer>
|
|
566
|
+
<Button icon="clock" className="k-scheduler-fullday">
|
|
567
|
+
Show full day
|
|
568
|
+
</Button>
|
|
569
|
+
</SchedulerToolbar>
|
|
570
|
+
</>
|
|
571
|
+
}
|
|
572
|
+
/>
|
|
573
|
+
</div>
|
|
574
|
+
</>
|
|
680
575
|
);
|