@progress/kendo-themes-html 8.0.0-dev.3 → 8.0.0-dev.4

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 (190) hide show
  1. package/dist/cjs/scheduler/scheduler-body.spec.js +52 -0
  2. package/dist/cjs/scheduler/scheduler-cell.spec.js +75 -0
  3. package/dist/cjs/scheduler/scheduler-content.spec.js +46 -0
  4. package/dist/cjs/scheduler/scheduler-event.spec.js +4433 -0
  5. package/dist/cjs/scheduler/scheduler-group.spec.js +66 -0
  6. package/dist/cjs/scheduler/scheduler-head.spec.js +52 -0
  7. package/dist/cjs/scheduler/scheduler-header.spec.js +46 -0
  8. package/dist/cjs/scheduler/scheduler-row.spec.js +46 -0
  9. package/dist/cjs/scheduler/scheduler-sticky-cell.spec.js +46 -0
  10. package/dist/cjs/scheduler/scheduler-table.spec.js +46 -0
  11. package/dist/cjs/scheduler/scheduler-task.spec.js +4372 -0
  12. package/dist/cjs/scheduler/scheduler-times.spec.js +46 -0
  13. package/dist/cjs/scheduler/{tests/scheduler-jquery-agenda.js → scheduler-toolbar.spec.js} +38 -94
  14. package/dist/cjs/scheduler/scheduler-view.spec.js +65 -0
  15. package/dist/cjs/scheduler/scheduler.spec.js +113 -0
  16. package/dist/cjs/scheduler/templates/scheduler-agenda.js +8541 -0
  17. package/dist/cjs/scheduler/{tests/scheduler-angular-month-rtl.js → templates/scheduler-day.js} +1324 -987
  18. package/dist/cjs/scheduler/{tests/scheduler-angular-agenda.js → templates/scheduler-flex-agenda.js} +1272 -985
  19. package/dist/cjs/scheduler/{tests/scheduler-angular-month.js → templates/scheduler-flex-day.js} +1274 -972
  20. package/dist/cjs/scheduler/templates/scheduler-flex-horizontal-grouping.js +8560 -0
  21. package/dist/cjs/scheduler/{tests/scheduler-jquery-month.js → templates/scheduler-flex-month.js} +1294 -969
  22. package/dist/cjs/scheduler/{tests/scheduler-angular-agenda-rtl.js → templates/scheduler-flex-timeline.js} +1291 -988
  23. package/dist/cjs/scheduler/{tests/scheduler-react-agenda.js → templates/scheduler-flex-vertical-grouping.js} +1470 -1100
  24. package/dist/cjs/scheduler/templates/scheduler-flex-week.js +8597 -0
  25. package/dist/cjs/scheduler/templates/scheduler-horizontal-grouping.js +8640 -0
  26. package/dist/cjs/scheduler/templates/scheduler-month.js +8577 -0
  27. package/dist/cjs/scheduler/templates/scheduler-timeline.js +8543 -0
  28. package/dist/cjs/scheduler/{tests/scheduler-angular-day-rtl.js → templates/scheduler-vertical-grouping.js} +1345 -1017
  29. package/dist/cjs/scheduler/{tests/scheduler-angular.js → templates/scheduler-week.js} +1372 -1126
  30. package/dist/cjs/scheduler/tests/scheduler-agenda-view.js +8638 -0
  31. package/dist/cjs/scheduler/tests/{scheduler.js → scheduler-current-time-marker.js} +1045 -459
  32. package/dist/cjs/scheduler/tests/scheduler-day-view.js +8653 -0
  33. package/dist/cjs/scheduler/tests/scheduler-events.js +9006 -0
  34. package/dist/cjs/scheduler/tests/scheduler-month-view.js +8700 -0
  35. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +1724 -1481
  36. package/dist/cjs/scheduler/tests/scheduler-timeline-view.js +8656 -0
  37. package/dist/cjs/scheduler/tests/{scheduler-angular-rtl.js → scheduler-week-view.js} +1558 -1139
  38. package/dist/cjs/scheduler/tests/{scheduler-react-timeline.js → scheduler-year-view.js} +1203 -601
  39. package/dist/esm/scheduler/scheduler-body.spec.mjs +30 -0
  40. package/dist/esm/scheduler/scheduler-cell.spec.mjs +53 -0
  41. package/dist/esm/scheduler/scheduler-content.spec.mjs +24 -0
  42. package/dist/esm/scheduler/scheduler-event.spec.mjs +4417 -0
  43. package/dist/esm/scheduler/scheduler-group.spec.mjs +44 -0
  44. package/dist/esm/scheduler/scheduler-head.spec.mjs +30 -0
  45. package/dist/esm/scheduler/scheduler-header.spec.mjs +24 -0
  46. package/dist/esm/scheduler/scheduler-row.spec.mjs +24 -0
  47. package/dist/esm/scheduler/scheduler-sticky-cell.spec.mjs +24 -0
  48. package/dist/esm/scheduler/scheduler-table.spec.mjs +24 -0
  49. package/dist/esm/scheduler/scheduler-task.spec.mjs +4356 -0
  50. package/dist/esm/scheduler/scheduler-times.spec.mjs +24 -0
  51. package/dist/esm/scheduler/{tests/scheduler-jquery-agenda.mjs → scheduler-toolbar.spec.mjs} +34 -90
  52. package/dist/esm/scheduler/scheduler-view.spec.mjs +43 -0
  53. package/dist/esm/scheduler/scheduler.spec.mjs +91 -0
  54. package/dist/esm/scheduler/templates/scheduler-agenda.mjs +8525 -0
  55. package/dist/esm/scheduler/{tests/scheduler-jquery-month.mjs → templates/scheduler-day.mjs} +1318 -984
  56. package/dist/esm/scheduler/{tests/scheduler-angular-agenda.mjs → templates/scheduler-flex-agenda.mjs} +1268 -981
  57. package/dist/esm/scheduler/{tests/scheduler-angular-month-rtl.mjs → templates/scheduler-flex-day.mjs} +1270 -968
  58. package/dist/esm/scheduler/templates/scheduler-flex-horizontal-grouping.mjs +8544 -0
  59. package/dist/esm/scheduler/{tests/scheduler-angular-day-rtl.mjs → templates/scheduler-flex-month.mjs} +1293 -997
  60. package/dist/esm/scheduler/{tests/scheduler-angular-month.mjs → templates/scheduler-flex-timeline.mjs} +1286 -968
  61. package/dist/esm/scheduler/{tests/scheduler-react-agenda.mjs → templates/scheduler-flex-vertical-grouping.mjs} +1466 -1096
  62. package/dist/esm/scheduler/templates/scheduler-flex-week.mjs +8581 -0
  63. package/dist/esm/scheduler/{tests/scheduler-angular.mjs → templates/scheduler-horizontal-grouping.mjs} +1376 -1121
  64. package/dist/esm/scheduler/templates/scheduler-month.mjs +8561 -0
  65. package/dist/esm/scheduler/{tests/scheduler-angular-agenda-rtl.mjs → templates/scheduler-timeline.mjs} +1386 -1077
  66. package/dist/esm/scheduler/templates/scheduler-vertical-grouping.mjs +8563 -0
  67. package/dist/esm/scheduler/{tests/scheduler-angular-rtl.mjs → templates/scheduler-week.mjs} +1368 -1122
  68. package/dist/esm/scheduler/tests/scheduler-agenda-view.mjs +8622 -0
  69. package/dist/esm/scheduler/tests/{scheduler.mjs → scheduler-current-time-marker.mjs} +1041 -455
  70. package/dist/esm/scheduler/tests/scheduler-day-view.mjs +8637 -0
  71. package/dist/esm/scheduler/tests/scheduler-events.mjs +8990 -0
  72. package/dist/esm/scheduler/tests/scheduler-month-view.mjs +8684 -0
  73. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.mjs +1724 -1481
  74. package/dist/esm/scheduler/tests/scheduler-timeline-view.mjs +8640 -0
  75. package/dist/esm/scheduler/tests/scheduler-week-view.mjs +8788 -0
  76. package/dist/esm/scheduler/tests/{scheduler-react-timeline.mjs → scheduler-year-view.mjs} +1199 -597
  77. package/dist/types/scheduler/index.d.ts +30 -0
  78. package/dist/types/scheduler/scheduler-body.spec.d.ts +5 -0
  79. package/dist/types/scheduler/scheduler-cell.spec.d.ts +19 -0
  80. package/dist/types/scheduler/scheduler-content.spec.d.ts +1 -0
  81. package/dist/types/scheduler/scheduler-event.spec.d.ts +24 -0
  82. package/dist/types/scheduler/scheduler-group.spec.d.ts +13 -0
  83. package/dist/types/scheduler/scheduler-head.spec.d.ts +5 -0
  84. package/dist/types/scheduler/scheduler-header.spec.d.ts +1 -0
  85. package/dist/types/scheduler/scheduler-row.spec.d.ts +1 -0
  86. package/dist/types/scheduler/scheduler-sticky-cell.spec.d.ts +1 -0
  87. package/dist/types/scheduler/scheduler-table.spec.d.ts +2 -0
  88. package/dist/types/scheduler/scheduler-task.spec.d.ts +19 -0
  89. package/dist/types/scheduler/scheduler-times.spec.d.ts +1 -0
  90. package/dist/types/scheduler/scheduler-toolbar.spec.d.ts +5 -0
  91. package/dist/types/scheduler/scheduler-view.spec.d.ts +15 -0
  92. package/dist/types/scheduler/scheduler.spec.d.ts +15 -0
  93. package/dist/types/scheduler/templates/scheduler-agenda.d.ts +1 -0
  94. package/dist/types/scheduler/templates/scheduler-day.d.ts +1 -0
  95. package/dist/types/scheduler/templates/scheduler-flex-agenda.d.ts +1 -0
  96. package/dist/types/scheduler/templates/scheduler-flex-day.d.ts +1 -0
  97. package/dist/types/scheduler/templates/scheduler-flex-horizontal-grouping.d.ts +1 -0
  98. package/dist/types/scheduler/templates/scheduler-flex-month.d.ts +1 -0
  99. package/dist/types/scheduler/templates/scheduler-flex-timeline.d.ts +1 -0
  100. package/dist/types/scheduler/templates/scheduler-flex-vertical-grouping.d.ts +1 -0
  101. package/dist/types/scheduler/templates/scheduler-flex-week.d.ts +1 -0
  102. package/dist/types/scheduler/templates/scheduler-horizontal-grouping.d.ts +1 -0
  103. package/dist/types/scheduler/templates/scheduler-month.d.ts +1 -0
  104. package/dist/types/scheduler/templates/scheduler-timeline.d.ts +1 -0
  105. package/dist/types/scheduler/templates/scheduler-vertical-grouping.d.ts +1 -0
  106. package/dist/types/scheduler/templates/scheduler-week.d.ts +1 -0
  107. package/package.json +2 -2
  108. package/src/scheduler/index.ts +30 -0
  109. package/src/scheduler/scheduler-body.spec.tsx +25 -0
  110. package/src/scheduler/scheduler-cell.spec.tsx +68 -0
  111. package/src/scheduler/scheduler-content.spec.tsx +17 -0
  112. package/src/scheduler/scheduler-event.spec.tsx +105 -0
  113. package/src/scheduler/scheduler-group.spec.tsx +47 -0
  114. package/src/scheduler/scheduler-head.spec.tsx +25 -0
  115. package/src/scheduler/scheduler-header.spec.tsx +19 -0
  116. package/src/scheduler/scheduler-row.spec.tsx +17 -0
  117. package/src/scheduler/scheduler-sticky-cell.spec.tsx +18 -0
  118. package/src/scheduler/scheduler-table.spec.tsx +18 -0
  119. package/src/scheduler/scheduler-task.spec.tsx +60 -0
  120. package/src/scheduler/scheduler-times.spec.tsx +17 -0
  121. package/src/scheduler/scheduler-toolbar.spec.tsx +50 -0
  122. package/src/scheduler/scheduler-view.spec.tsx +47 -0
  123. package/src/scheduler/scheduler.spec.tsx +60 -0
  124. package/src/scheduler/templates/scheduler-agenda.tsx +123 -0
  125. package/src/scheduler/templates/scheduler-day.tsx +228 -0
  126. package/src/scheduler/templates/scheduler-flex-agenda.tsx +131 -0
  127. package/src/scheduler/templates/scheduler-flex-day.tsx +153 -0
  128. package/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx +336 -0
  129. package/src/scheduler/templates/scheduler-flex-month.tsx +156 -0
  130. package/src/scheduler/templates/scheduler-flex-timeline.tsx +114 -0
  131. package/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx +345 -0
  132. package/src/scheduler/templates/scheduler-flex-week.tsx +210 -0
  133. package/src/scheduler/templates/scheduler-horizontal-grouping.tsx +265 -0
  134. package/src/scheduler/templates/scheduler-month.tsx +166 -0
  135. package/src/scheduler/templates/scheduler-timeline.tsx +116 -0
  136. package/src/scheduler/templates/scheduler-vertical-grouping.tsx +312 -0
  137. package/src/scheduler/templates/scheduler-week.tsx +268 -0
  138. package/src/scheduler/tests/scheduler-agenda-view.tsx +13 -0
  139. package/src/scheduler/tests/scheduler-current-time-marker.tsx +572 -0
  140. package/src/scheduler/tests/scheduler-day-view.tsx +13 -0
  141. package/src/scheduler/tests/scheduler-events.tsx +511 -0
  142. package/src/scheduler/tests/scheduler-month-view.tsx +13 -0
  143. package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +661 -665
  144. package/src/scheduler/tests/scheduler-timeline-view.tsx +13 -0
  145. package/src/scheduler/tests/scheduler-week-view.tsx +13 -0
  146. package/src/scheduler/tests/scheduler-year-view.tsx +2399 -0
  147. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +0 -8222
  148. package/dist/cjs/scheduler/tests/scheduler-react-day.js +0 -8936
  149. package/dist/cjs/scheduler/tests/scheduler-react-month.js +0 -9739
  150. package/dist/cjs/scheduler/tests/scheduler-react-week.js +0 -9752
  151. package/dist/cjs/scheduler/tests/scheduler-year.js +0 -8906
  152. package/dist/esm/scheduler/tests/scheduler-flex-layout.mjs +0 -8206
  153. package/dist/esm/scheduler/tests/scheduler-react-day.mjs +0 -8920
  154. package/dist/esm/scheduler/tests/scheduler-react-month.mjs +0 -9723
  155. package/dist/esm/scheduler/tests/scheduler-react-week.mjs +0 -9736
  156. package/dist/esm/scheduler/tests/scheduler-year.mjs +0 -8890
  157. package/dist/types/scheduler/tests/scheduler-jquery-agenda.d.ts +0 -2
  158. package/dist/types/scheduler/tests/scheduler-jquery-month.d.ts +0 -2
  159. package/dist/types/scheduler/tests/scheduler-react-agenda.d.ts +0 -2
  160. package/dist/types/scheduler/tests/scheduler-react-day.d.ts +0 -2
  161. package/dist/types/scheduler/tests/scheduler-react-month.d.ts +0 -2
  162. package/dist/types/scheduler/tests/scheduler-react-timeline.d.ts +0 -2
  163. package/dist/types/scheduler/tests/scheduler-react-week.d.ts +0 -2
  164. package/dist/types/scheduler/tests/scheduler-year.d.ts +0 -2
  165. package/dist/types/scheduler/tests/scheduler.d.ts +0 -2
  166. package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx +0 -300
  167. package/src/scheduler/tests/scheduler-angular-agenda.tsx +0 -300
  168. package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +0 -254
  169. package/src/scheduler/tests/scheduler-angular-month-rtl.tsx +0 -292
  170. package/src/scheduler/tests/scheduler-angular-month.tsx +0 -292
  171. package/src/scheduler/tests/scheduler-angular-rtl.tsx +0 -386
  172. package/src/scheduler/tests/scheduler-angular.tsx +0 -386
  173. package/src/scheduler/tests/scheduler-flex-layout.tsx +0 -492
  174. package/src/scheduler/tests/scheduler-jquery-agenda.tsx +0 -118
  175. package/src/scheduler/tests/scheduler-jquery-month.tsx +0 -306
  176. package/src/scheduler/tests/scheduler-react-agenda.tsx +0 -336
  177. package/src/scheduler/tests/scheduler-react-day.tsx +0 -1037
  178. package/src/scheduler/tests/scheduler-react-month.tsx +0 -1380
  179. package/src/scheduler/tests/scheduler-react-timeline.tsx +0 -669
  180. package/src/scheduler/tests/scheduler-react-week.tsx +0 -1786
  181. package/src/scheduler/tests/scheduler-year.tsx +0 -2383
  182. package/src/scheduler/tests/scheduler.tsx +0 -656
  183. /package/dist/types/scheduler/tests/{scheduler-angular-agenda-rtl.d.ts → scheduler-agenda-view.d.ts} +0 -0
  184. /package/dist/types/scheduler/tests/{scheduler-angular-agenda.d.ts → scheduler-current-time-marker.d.ts} +0 -0
  185. /package/dist/types/scheduler/tests/{scheduler-angular-day-rtl.d.ts → scheduler-day-view.d.ts} +0 -0
  186. /package/dist/types/scheduler/tests/{scheduler-angular-month-rtl.d.ts → scheduler-events.d.ts} +0 -0
  187. /package/dist/types/scheduler/tests/{scheduler-angular-month.d.ts → scheduler-month-view.d.ts} +0 -0
  188. /package/dist/types/scheduler/tests/{scheduler-angular-rtl.d.ts → scheduler-timeline-view.d.ts} +0 -0
  189. /package/dist/types/scheduler/tests/{scheduler-angular.d.ts → scheduler-week-view.d.ts} +0 -0
  190. /package/dist/types/scheduler/tests/{scheduler-flex-layout.d.ts → scheduler-year-view.d.ts} +0 -0
package/src/scheduler/tests/scheduler.tsx DELETED
@@ -1,656 +0,0 @@
1
- import { Button } from '../../button';
2
- import { ButtonGroup } from '../../button-group';
3
- import { Icon } from '../../icon';
4
- import { Toolbar } from '../../toolbar';
5
-
6
-
7
- export default () =>(
8
- <>
9
- <div id="test-area" className="k-d-grid k-grid-cols-1">
10
- <div className="k-widget k-scheduler">
11
- <Toolbar className="k-scheduler-toolbar">
12
- <ButtonGroup className="k-scheduler-navigation">
13
- <Button className="k-group-start">Today</Button>
14
- <Button icon="caret-alt-left"></Button>
15
- <Button className="k-group-end" icon="caret-alt-right"></Button>
16
- </ButtonGroup>
17
- <Button icon="calendar" className="k-nav-current" fillMode="flat" >
18
- Monday, June 10, 2013 - Friday, June 14, 2013
19
- </Button>
20
- <span className="k-spacer"></span>
21
- <ButtonGroup className="k-scheduler-views">
22
- <Button className="k-group-start">Day</Button>
23
- <Button selected>Week</Button>
24
- <Button>Month</Button>
25
- <Button>Timeline</Button>
26
- <Button className="k-group-end">Agenda</Button>
27
- </ButtonGroup>
28
-
29
-
30
- </Toolbar>
31
- <table className="k-scheduler-layout k-scheduler-workWeekview k-scrollbar-v">
32
- <tbody>
33
- <tr>
34
- <td>
35
- <div className="k-scheduler-times">
36
- <table className="k-scheduler-table">
37
- <tbody>
38
- <tr style={{ height: "37px" }}><th></th></tr>
39
- <tr style={{ height: "72px" }}><th className="k-scheduler-times-all-day">all day</th></tr>
40
- </tbody>
41
- </table>
42
- </div>
43
- </td>
44
- <td>
45
- <div className="k-scheduler-header">
46
- <div className="k-scheduler-header-wrap">
47
- <table className="k-scheduler-table">
48
- <tbody>
49
- <tr>
50
- <th colSpan={1}><span className="k-link k-nav-day">Mon 6/10</span></th>
51
- <th colSpan={1}><span className="k-link k-nav-day">Tue 6/11</span></th>
52
- <th colSpan={1}><span className="k-link k-nav-day">Wed 6/12</span></th>
53
- <th colSpan={1}><span className="k-link k-nav-day">Thu 6/13</span></th>
54
- <th colSpan={1}><span className="k-link k-nav-day">Fri 6/14</span></th>
55
- </tr>
56
- </tbody>
57
- </table>
58
- <div style={{ position: "relative" }}>
59
- <table className="k-scheduler-table k-scheduler-header-all-day">
60
- <tbody>
61
- <tr style={{ height: "72px" }}>
62
- <td></td>
63
- <td></td>
64
- <td></td>
65
- <td></td>
66
- <td></td>
67
- </tr>
68
- </tbody>
69
- </table>
70
- <div style={{ backgroundColor: "rgb(81, 160, 237)", borderColor: "rgb(81, 160, 237)", left: '0px', width: "888px", top: '0px' }} className="k-event k-event-inverse">
71
- <span className="k-event-actions">
72
- <Icon icon="caret-alt-left"></Icon>
73
- </span>
74
- <div>
75
- <div className="k-event-template">Two Weeks in NZ</div>
76
- </div>
77
- <span className="k-event-actions">
78
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
79
- <Icon icon="caret-alt-right"></Icon>
80
- </span>
81
- <span className="k-resize-handle k-resize-w"></span>
82
- <span className="k-resize-handle k-resize-e"></span>
83
- </div>
84
- </div>
85
- </div>
86
- </div>
87
- </td>
88
- </tr>
89
- <tr>
90
- <td>
91
- <div className="k-scheduler-times" style={{ height: "195px" }} >
92
- <div className="k-current-time k-current-time-arrow-right" style={{ left: '0px', top: "115px" }} ></div>
93
- <table className="k-scheduler-table" style={{ height: "1258px" }} >
94
- <tbody>
95
- <tr>
96
- <th rowSpan={1}>7:00 AM</th>
97
- </tr>
98
- <tr>
99
- <th className="k-slot-cell" rowSpan={1}></th>
100
- </tr>
101
- <tr>
102
- <th rowSpan={1}>8:00 AM</th>
103
- </tr>
104
- <tr>
105
- <th className="k-slot-cell" rowSpan={1}></th>
106
- </tr>
107
- <tr>
108
- <th rowSpan={1}>9:00 AM</th>
109
- </tr>
110
- <tr>
111
- <th className="k-slot-cell" rowSpan={1}></th>
112
- </tr>
113
- <tr>
114
- <th rowSpan={1}>10:00 AM</th>
115
- </tr>
116
- <tr>
117
- <th className="k-slot-cell" rowSpan={1}></th>
118
- </tr>
119
- <tr>
120
- <th rowSpan={1}>11:00 AM</th>
121
- </tr>
122
- <tr>
123
- <th className="k-slot-cell" rowSpan={1}></th>
124
- </tr>
125
- <tr>
126
- <th rowSpan={1}>12:00 PM</th>
127
- </tr>
128
- <tr>
129
- <th className="k-slot-cell" rowSpan={1}></th>
130
- </tr>
131
- <tr>
132
- <th rowSpan={1}>1:00 PM</th>
133
- </tr>
134
- <tr>
135
- <th className="k-slot-cell" rowSpan={1}></th>
136
- </tr>
137
- <tr>
138
- <th rowSpan={1}>2:00 PM</th>
139
- </tr>
140
- <tr>
141
- <th className="k-slot-cell" rowSpan={1}></th>
142
- </tr>
143
- <tr>
144
- <th rowSpan={1}>3:00 PM</th>
145
- </tr>
146
- <tr>
147
- <th className="k-slot-cell" rowSpan={1}></th>
148
- </tr>
149
- <tr>
150
- <th rowSpan={1}>4:00 PM</th>
151
- </tr>
152
- <tr>
153
- <th className="k-slot-cell" rowSpan={1}></th>
154
- </tr>
155
- <tr>
156
- <th rowSpan={1}>5:00 PM</th>
157
- </tr>
158
- <tr>
159
- <th className="k-slot-cell" rowSpan={1}></th>
160
- </tr>
161
- <tr>
162
- <th rowSpan={1}>6:00 PM</th>
163
- </tr>
164
- <tr>
165
- <th className="k-slot-cell" rowSpan={1}></th>
166
- </tr>
167
- <tr>
168
- <th rowSpan={1}>7:00 PM</th>
169
- </tr>
170
- <tr>
171
- <th className="k-slot-cell" rowSpan={1}></th>
172
- </tr>
173
- <tr>
174
- <th rowSpan={1}>8:00 PM</th>
175
- </tr>
176
- <tr>
177
- <th className="k-slot-cell" rowSpan={1}></th>
178
- </tr>
179
- <tr>
180
- <th rowSpan={1}>9:00 PM</th>
181
- </tr>
182
- <tr>
183
- <th className="k-slot-cell" rowSpan={1}></th>
184
- </tr>
185
- <tr>
186
- <th rowSpan={1}>10:00 PM</th>
187
- </tr>
188
- <tr>
189
- <th className="k-slot-cell" rowSpan={1}></th>
190
- </tr>
191
- <tr>
192
- <th rowSpan={1}>11:00 PM</th>
193
- </tr>
194
- <tr>
195
- <th className="k-slot-cell" rowSpan={1}></th>
196
- </tr>
197
- </tbody>
198
- </table>
199
- </div>
200
- </td>
201
- <td>
202
- <div className="k-scheduler-content" style={{ height: "195px" }} >
203
- <div className="k-current-time" style={{ top: "115px", height: "1px", right: '0px', width: "861px", left: '0px' }} ></div>
204
- <table className="k-scheduler-table">
205
- <tbody>
206
- <tr className="k-middle-row">
207
- <td className="k-nonwork-hour"></td>
208
- <td className="k-nonwork-hour"></td>
209
- <td className="k-nonwork-hour"></td>
210
- <td className="k-nonwork-hour"></td>
211
- <td className="k-nonwork-hour"></td>
212
- </tr>
213
- <tr>
214
- <td className="k-nonwork-hour"></td>
215
- <td className="k-nonwork-hour"></td>
216
- <td className="k-nonwork-hour"></td>
217
- <td className="k-nonwork-hour"></td>
218
- <td className="k-nonwork-hour k-selected"></td>
219
- </tr>
220
- <tr className="k-middle-row">
221
- <td></td>
222
- <td></td>
223
- <td></td>
224
- <td></td>
225
- <td className="k-selected"></td>
226
- </tr>
227
- <tr>
228
- <td></td>
229
- <td></td>
230
- <td></td>
231
- <td></td>
232
- <td></td>
233
- </tr>
234
- <tr className="k-middle-row">
235
- <td></td>
236
- <td></td>
237
- <td></td>
238
- <td></td>
239
- <td></td>
240
- </tr>
241
- <tr>
242
- <td></td>
243
- <td></td>
244
- <td></td>
245
- <td></td>
246
- <td></td>
247
- </tr>
248
- <tr className="k-middle-row">
249
- <td></td>
250
- <td></td>
251
- <td></td>
252
- <td></td>
253
- <td></td>
254
- </tr>
255
- <tr>
256
- <td></td>
257
- <td></td>
258
- <td></td>
259
- <td></td>
260
- <td></td>
261
- </tr>
262
- <tr className="k-middle-row">
263
- <td></td>
264
- <td></td>
265
- <td></td>
266
- <td></td>
267
- <td></td>
268
- </tr>
269
- <tr>
270
- <td></td>
271
- <td></td>
272
- <td></td>
273
- <td></td>
274
- <td></td>
275
- </tr>
276
- <tr className="k-middle-row">
277
- <td></td>
278
- <td></td>
279
- <td></td>
280
- <td></td>
281
- <td></td>
282
- </tr>
283
- <tr>
284
- <td></td>
285
- <td></td>
286
- <td></td>
287
- <td></td>
288
- <td></td>
289
- </tr>
290
- <tr className="k-middle-row">
291
- <td></td>
292
- <td></td>
293
- <td></td>
294
- <td></td>
295
- <td></td>
296
- </tr>
297
- <tr>
298
- <td></td>
299
- <td></td>
300
- <td></td>
301
- <td></td>
302
- <td></td>
303
- </tr>
304
- <tr className="k-middle-row">
305
- <td></td>
306
- <td></td>
307
- <td></td>
308
- <td></td>
309
- <td></td>
310
- </tr>
311
- <tr>
312
- <td></td>
313
- <td></td>
314
- <td></td>
315
- <td></td>
316
- <td></td>
317
- </tr>
318
- <tr className="k-middle-row">
319
- <td></td>
320
- <td></td>
321
- <td></td>
322
- <td></td>
323
- <td></td>
324
- </tr>
325
- <tr>
326
- <td></td>
327
- <td></td>
328
- <td></td>
329
- <td></td>
330
- <td></td>
331
- </tr>
332
- <tr className="k-middle-row">
333
- <td></td>
334
- <td></td>
335
- <td></td>
336
- <td></td>
337
- <td></td>
338
- </tr>
339
- <tr>
340
- <td></td>
341
- <td></td>
342
- <td></td>
343
- <td></td>
344
- <td></td>
345
- </tr>
346
- <tr className="k-middle-row">
347
- <td className="k-nonwork-hour"></td>
348
- <td className="k-nonwork-hour"></td>
349
- <td className="k-nonwork-hour"></td>
350
- <td className="k-nonwork-hour"></td>
351
- <td className="k-nonwork-hour"></td>
352
- </tr>
353
- <tr>
354
- <td className="k-nonwork-hour"></td>
355
- <td className="k-nonwork-hour"></td>
356
- <td className="k-nonwork-hour"></td>
357
- <td className="k-nonwork-hour"></td>
358
- <td className="k-nonwork-hour"></td>
359
- </tr>
360
- <tr className="k-middle-row">
361
- <td className="k-nonwork-hour"></td>
362
- <td className="k-nonwork-hour"></td>
363
- <td className="k-nonwork-hour"></td>
364
- <td className="k-nonwork-hour"></td>
365
- <td className="k-nonwork-hour"></td>
366
- </tr>
367
- <tr>
368
- <td className="k-nonwork-hour"></td>
369
- <td className="k-nonwork-hour"></td>
370
- <td className="k-nonwork-hour"></td>
371
- <td className="k-nonwork-hour"></td>
372
- <td className="k-nonwork-hour"></td>
373
- </tr>
374
- <tr className="k-middle-row">
375
- <td className="k-nonwork-hour"></td>
376
- <td className="k-nonwork-hour"></td>
377
- <td className="k-nonwork-hour"></td>
378
- <td className="k-nonwork-hour"></td>
379
- <td className="k-nonwork-hour"></td>
380
- </tr>
381
- <tr>
382
- <td className="k-nonwork-hour"></td>
383
- <td className="k-nonwork-hour"></td>
384
- <td className="k-nonwork-hour"></td>
385
- <td className="k-nonwork-hour"></td>
386
- <td className="k-nonwork-hour"></td>
387
- </tr>
388
- <tr className="k-middle-row">
389
- <td className="k-nonwork-hour"></td>
390
- <td className="k-nonwork-hour"></td>
391
- <td className="k-nonwork-hour"></td>
392
- <td className="k-nonwork-hour"></td>
393
- <td className="k-nonwork-hour"></td>
394
- </tr>
395
- <tr>
396
- <td className="k-nonwork-hour"></td>
397
- <td className="k-nonwork-hour"></td>
398
- <td className="k-nonwork-hour"></td>
399
- <td className="k-nonwork-hour"></td>
400
- <td className="k-nonwork-hour"></td>
401
- </tr>
402
- <tr className="k-middle-row">
403
- <td className="k-nonwork-hour"></td>
404
- <td className="k-nonwork-hour"></td>
405
- <td className="k-nonwork-hour"></td>
406
- <td className="k-nonwork-hour"></td>
407
- <td className="k-nonwork-hour"></td>
408
- </tr>
409
- <tr>
410
- <td className="k-nonwork-hour"></td>
411
- <td className="k-nonwork-hour"></td>
412
- <td className="k-nonwork-hour"></td>
413
- <td className="k-nonwork-hour"></td>
414
- <td className="k-nonwork-hour"></td>
415
- </tr>
416
- <tr className="k-middle-row">
417
- <td className="k-nonwork-hour"></td>
418
- <td className="k-nonwork-hour"></td>
419
- <td className="k-nonwork-hour"></td>
420
- <td className="k-nonwork-hour"></td>
421
- <td className="k-nonwork-hour"></td>
422
- </tr>
423
- <tr>
424
- <td className="k-nonwork-hour"></td>
425
- <td className="k-nonwork-hour"></td>
426
- <td className="k-nonwork-hour"></td>
427
- <td className="k-nonwork-hour"></td>
428
- <td className="k-nonwork-hour"></td>
429
- </tr>
430
- <tr className="k-middle-row">
431
- <td className="k-nonwork-hour"></td>
432
- <td className="k-nonwork-hour"></td>
433
- <td className="k-nonwork-hour"></td>
434
- <td className="k-nonwork-hour"></td>
435
- <td className="k-nonwork-hour"></td>
436
- </tr>
437
- <tr>
438
- <td className="k-nonwork-hour"></td>
439
- <td className="k-nonwork-hour"></td>
440
- <td className="k-nonwork-hour"></td>
441
- <td className="k-nonwork-hour"></td>
442
- <td className="k-nonwork-hour"></td>
443
- </tr>
444
- </tbody>
445
- </table>
446
- <div style={{ top: '0px', height: "71px", width: "166px", left: "2px" }} className="k-event">
447
- <span className="k-event-actions"></span>
448
- <div>
449
- <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
450
- <div className="k-event-template">Event title</div>
451
- </div>
452
- <span className="k-event-actions">
453
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
454
- </span>
455
- <span className="k-resize-handle k-resize-n"></span>
456
- <span className="k-resize-handle k-resize-s"></span>
457
- </div>
458
- <div style={{ top: "111px", height: "34px", width: "166px", left: "2px" }} className="k-event k-event-ongoing">
459
- <span className="k-event-actions"></span>
460
- <div>
461
- <div className="k-event-template k-event-time">8:30 AM - 9:00 AM</div>
462
- <div className="k-event-template">Event title that is long and overflows, testing multiline and overflow styles</div>
463
- </div>
464
- <span className="k-event-actions">
465
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
466
- </span>
467
- <span className="k-resize-handle k-resize-n"></span>
468
- <span className="k-resize-handle k-resize-s"></span>
469
- </div>
470
- <div style={{ top: "36px", height: "108px", width: "166px", left: "348px" }} className="k-event k-hover k-event-ongoing">
471
- <span className="k-event-actions">
472
- <Icon icon="arrow-rotate-cw"></Icon>
473
- </span>
474
- <div>
475
- <div className="k-event-template k-event-time">7:30 AM - 9:00 AM</div>
476
- <div className="k-event-template">Hovered Recurring event</div>
477
- </div>
478
- <span className="k-event-actions">
479
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
480
- </span>
481
- <span className="k-resize-handle k-resize-n"></span>
482
- <span className="k-resize-handle k-resize-s"></span>
483
- </div>
484
- <div style={{ top: "110px", height: "71px", width: "166px", left: "520px" }} className="k-event k-selected k-event-ongoing">
485
- <span className="k-event-actions"></span>
486
- <div>
487
- <div className="k-event-template k-event-time">8:30 AM - 9:30 AM</div>
488
- <div className="k-event-template">Selected event</div>
489
- </div>
490
- <span className="k-event-actions">
491
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
492
- </span>
493
- <span className="k-resize-handle k-resize-n"></span>
494
- <span className="k-resize-handle k-resize-s"></span>
495
- </div>
496
- <div style={{ top: '0px', height: "71px", width: "166px", left: "520px", color: "#333", backgroundColor: "#ddf", borderColor: "#fff" }} className="k-event">
497
- <span className="k-event-actions"></span>
498
- <div>
499
- <div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
500
- <div className="k-event-template">Custom color event</div>
501
- </div>
502
- <span className="k-event-actions">
503
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
504
- </span>
505
- <span className="k-resize-handle k-resize-n"></span>
506
- <span className="k-resize-handle k-resize-s"></span>
507
- </div>
508
- <div className="k-event k-event-drag-hint" style={{ left: "175px", top: '0px', height: "71px", width: "166px" }} >
509
- <span className="k-event-actions"></span>
510
- <div>
511
- <div className="k-event-template k-event-time">8:00 AM - 9:00 AM</div>
512
- <div className="k-event-template">Drag hint</div>
513
- </div>
514
- <span className="k-event-actions">
515
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
516
- </span>
517
- <span className="k-resize-handle k-resize-n"></span>
518
- <span className="k-resize-handle k-resize-s"></span>
519
- </div>
520
- <div style={{ backgroundColor: "rgb(248, 163, 152)", borderColor: "rgb(248, 163, 152)", left: "175px", top: "100px", height: "71px", width: "166px" }} className="k-event k-event-inverse k-event-ongoing">
521
- <span className="k-event-actions">
522
- </span>
523
- <div>
524
- <div className="k-event-template k-event-time">10:00 AM - 11:00 AM</div>
525
- <div className="k-event-template">Inverse Background</div>
526
- </div>
527
- <span className="k-event-actions">
528
- <a className="k-link k-event-delete">
529
- <Icon icon="x"></Icon>
530
- </a>
531
- </span>
532
- <span className="k-resize-handle k-resize-n"></span>
533
- <span className="k-resize-handle k-resize-s"></span>
534
- </div>
535
- <div style={{ top: "110px", height: "71px", width: "166px", left: "708px" }} className="k-event k-event-ongoing">
536
- <span className="k-event-actions"></span>
537
- <div>
538
- <div className="k-event-template k-event-time">8:30 AM - 9:30 AM</div>
539
- <div className="k-event-template">Multi-Day event</div>
540
- </div>
541
- <span className="k-event-actions">
542
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
543
- </span>
544
- <span className="k-event-top-actions"><Icon icon="caret-alt-up"></Icon></span>
545
- <span className="k-event-bottom-actions"><Icon icon="caret-alt-down"></Icon></span>
546
- <span className="k-resize-handle k-resize-n"></span>
547
- <span className="k-resize-handle k-resize-s"></span>
548
- </div>
549
- </div>
550
- </td>
551
- </tr>
552
- </tbody>
553
- </table>
554
- <Toolbar className="k-scheduler-footer">
555
- <Button icon="clock" className="k-scheduler-fullday">Show business hours</Button>
556
- </Toolbar>
557
- </div>
558
-
559
- <div id="scheduler" className="k-widget k-scheduler">
560
- <Toolbar className="k-scheduler-toolbar">
561
- <ButtonGroup className="k-scheduler-navigation">
562
- <Button className="k-group-start">Today</Button>
563
- <Button icon="caret-alt-left"></Button>
564
- <Button className="k-group-end" icon="caret-alt-right"></Button>
565
- </ButtonGroup>
566
- <Button icon="calendar" className="k-nav-current" fillMode="flat" >
567
- Monday, February 18, 2019
568
- </Button>
569
- <span className="k-spacer"></span>
570
- <ButtonGroup className="k-scheduler-views">
571
- <Button className="k-group-start">Day</Button>
572
- <Button>Week</Button>
573
- <Button>Month</Button>
574
- <Button className="k-group-end" selected>Agenda</Button>
575
- </ButtonGroup>
576
- </Toolbar>
577
- <table className="k-scheduler-layout k-scheduler-timelineview k-scrollbar-h">
578
- <tbody>
579
- <tr>
580
- <td>
581
- <div className="k-scheduler-times">
582
- <table className="k-scheduler-table">
583
- <tbody>
584
- <tr style={{ height: "31px" }} >
585
- <th></th>
586
- </tr>
587
- <tr style={{ height: "31px" }} >
588
- <th></th>
589
- </tr>
590
- </tbody>
591
- </table>
592
- </div>
593
- </td>
594
- <td>
595
- <div className="k-scheduler-header">
596
- <div className="k-scheduler-header-wrap">
597
- <div className="k-current-time k-current-time-arrow-down" style={{ left: "524.534px", top: "36px" }} ></div>
598
- <table className="k-scheduler-table" style={{ width: '100%' }} >
599
- <tbody>
600
- <tr>
601
- <th colSpan={8} className="k-slot-cell"><span className="k-link k-nav-day">February 18</span></th>
602
- </tr>
603
- <tr>
604
- <th colSpan={2}>7:00 AM</th>
605
- <th colSpan={2}>8:00 AM</th>
606
- <th colSpan={2}>9:00 AM</th>
607
- <th colSpan={2}>10:00 AM</th>
608
- </tr>
609
- </tbody>
610
- </table>
611
- </div>
612
- </div>
613
- </td>
614
- </tr>
615
- <tr>
616
- <td>
617
- <div className="k-scheduler-times" style={{ height: "100px" }} >
618
- <table className="k-scheduler-table" style={{ height: '50px' }} >
619
- <tbody>
620
- <tr style={{ height: '50px' }} >
621
- <th rowSpan={1}>All events</th>
622
- </tr>
623
- </tbody>
624
- </table>
625
- </div>
626
- </td>
627
- <td>
628
- <div className="k-scheduler-content" style={{ height: "100px" }} >
629
- <div className="k-current-time" style={{ left: "528px", width: "1px", height: "100px", top: '0px' }} ></div>
630
- <table className="k-scheduler-table" style={{ width: '100%' }} >
631
- <tbody>
632
- <tr style={{ height: '50px' }} >
633
- <td className="k-today k-nonwork-hour"></td>
634
- <td className="k-today k-nonwork-hour"></td>
635
- <td className="k-today"></td>
636
- <td className="k-today"></td>
637
- <td className="k-today"></td>
638
- <td className="k-today"></td>
639
- <td className="k-today"></td>
640
- <td className="k-today"></td>
641
- </tr>
642
- </tbody>
643
- </table>
644
- </div>
645
- </td>
646
- </tr>
647
- </tbody>
648
- </table>
649
- <Toolbar className="k-scheduler-footer">
650
- <Button icon="clock" className="k-scheduler-fullday">Show business hours</Button>
651
- </Toolbar>
652
- </div>
653
-
654
- </div>
655
- </>
656
- );