@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/dist/types/scheduler/tests/scheduler-jquery-agenda.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler-jquery-month.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler-react-agenda.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler-react-day.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler-react-month.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler-react-timeline.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler-react-week.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler-year.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/dist/types/scheduler/tests/scheduler.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
- export default _default;
package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx DELETED
@@ -1,300 +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
- const style = `
8
- #test-area {
9
- max-width: 1200px;
10
- }
11
- `;
12
-
13
- export default () =>(
14
- <>
15
- <style>{style}</style>
16
- <div id="test-area" className="k-d-grid k-grid-cols-1">
17
- <div className="k-widget k-scheduler k-rtl" dir="rtl">
18
- <Toolbar className="k-scheduler-toolbar">
19
- <div className="k-toolbar-group">
20
- <ButtonGroup className="k-scheduler-navigation">
21
- <Button className="k-group-start">Today</Button>
22
- <Button icon="caret-alt-right"></Button>
23
- <Button className="k-group-end" icon="caret-alt-left"></Button>
24
- </ButtonGroup>
25
- <Button icon="calendar" className="k-nav-current" fillMode="flat" >
26
- Sunday, June 23, 2019 - Saturday, June 29, 2019
27
- </Button>
28
- </div>
29
- <span className="k-spacer"></span>
30
- <ButtonGroup className="k-scheduler-views">
31
- <Button className="k-group-start">Day</Button>
32
- <Button>Week</Button>
33
- <Button>Month</Button>
34
- <Button>Timeline</Button>
35
- <Button className="k-group-end" selected>Agenda</Button>
36
- </ButtonGroup>
37
- </Toolbar>
38
- <div>
39
- <table className="k-scheduler-layout k-scheduler-agendaview k-scheduler-agenda">
40
- <tbody>
41
- <tr>
42
- <td>
43
- <div className="k-scheduler-header">
44
- <div className="k-scheduler-header-wrap">
45
- <table className="k-scheduler-table">
46
- <tbody>
47
- <tr>
48
- <th className="k-scheduler-datecolumn">Date</th>
49
- <th className="k-scheduler-timecolumn">Time</th>
50
- <th>Event</th>
51
- </tr>
52
- </tbody>
53
- </table>
54
- </div>
55
- </div>
56
- </td>
57
- </tr>
58
- <tr>
59
- <td>
60
- <div className="k-scheduler-content" style={{ height: "508px" }} >
61
- <table className="k-scheduler-table">
62
- <tbody>
63
- <tr>
64
- <td className="k-scheduler-datecolumn" rowSpan={9}>
65
- <strong className="k-scheduler-agendaday">24</strong>
66
- <em className="k-scheduler-agendaweek">Monday</em>
67
- <span className="k-scheduler-agendadate">Jun 2013</span>
68
- </td>
69
- <td className="k-scheduler-timecolumn">
70
- <div><Icon icon="caret-alt-left"></Icon> all day</div>
71
- </td>
72
- <td>
73
- <div className="k-task">
74
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
75
- All day event
76
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
77
- </div>
78
- </td>
79
- </tr>
80
- <tr>
81
- <td className="k-scheduler-timecolumn">
82
- <div>8:30 AM-2:30 PM</div>
83
- </td>
84
- <td>
85
- <div className="k-task">
86
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
87
- Event 1
88
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
89
- </div>
90
- </td>
91
- </tr>
92
- <tr>
93
- <td className="k-scheduler-timecolumn">
94
- <div>8:30 AM-2:30 PM</div>
95
- </td>
96
- <td>
97
- <div className="k-task">
98
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
99
- Event 2
100
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
101
- </div>
102
- </td>
103
- </tr>
104
- <tr>
105
- <td className="k-scheduler-timecolumn">
106
- <div>8:30 AM-2:30 PM</div>
107
- </td>
108
- <td>
109
- <div className="k-task">
110
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
111
- Event 3
112
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
113
- </div>
114
- </td>
115
- </tr>
116
- <tr>
117
- <td className="k-scheduler-timecolumn">
118
- <div>8:30 AM-2:30 PM</div>
119
- </td>
120
- <td>
121
- <div className="k-task">
122
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
123
- Event 4
124
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
125
- </div>
126
- </td>
127
- </tr>
128
- <tr>
129
- <td className="k-scheduler-timecolumn">
130
- <div>8:30 AM-2:30 PM</div>
131
- </td>
132
- <td>
133
- <div className="k-task">
134
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
135
- Event 5
136
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
137
- </div>
138
- </td>
139
- </tr>
140
- <tr>
141
- <td className="k-scheduler-timecolumn">
142
- <div>8:30 AM-2:30 PM</div>
143
- </td>
144
- <td>
145
- <div className="k-task">
146
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
147
- Event 6
148
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
149
- </div>
150
- </td>
151
- </tr>
152
- <tr>
153
- <td className="k-scheduler-timecolumn">
154
- <div>8:30 AM-2:30 PM</div>
155
- </td>
156
- <td>
157
- <div className="k-task">
158
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
159
- Event 7
160
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
161
- </div>
162
- </td>
163
- </tr>
164
- <tr>
165
- <td className="k-scheduler-timecolumn">
166
- <div>8:30 AM-2:30 PM</div>
167
- </td>
168
- <td>
169
- <div className="k-task">
170
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
171
- Event 8
172
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
173
- </div>
174
- </td>
175
- </tr>
176
- <tr>
177
- <td className="k-scheduler-datecolumn" rowSpan={9}>
178
- <strong className="k-scheduler-agendaday">25</strong>
179
- <em className="k-scheduler-agendaweek">Tuesday</em>
180
- <span className="k-scheduler-agendadate">Jun 2013</span>
181
- </td>
182
- <td className="k-scheduler-timecolumn">
183
- <div><Icon icon="caret-alt-left"></Icon> all day</div>
184
- </td>
185
- <td>
186
- <div className="k-task">
187
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
188
- All day event
189
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
190
- </div>
191
- </td>
192
- </tr>
193
- <tr>
194
- <td className="k-scheduler-timecolumn">
195
- <div>8:30 AM-2:30 PM</div>
196
- </td>
197
- <td>
198
- <div className="k-task">
199
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
200
- Event 1
201
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
202
- </div>
203
- </td>
204
- </tr>
205
- <tr>
206
- <td className="k-scheduler-timecolumn">
207
- <div>8:30 AM-2:30 PM</div>
208
- </td>
209
- <td>
210
- <div className="k-task">
211
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
212
- Event 2
213
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
214
- </div>
215
- </td>
216
- </tr>
217
- <tr>
218
- <td className="k-scheduler-timecolumn">
219
- <div>8:30 AM-2:30 PM</div>
220
- </td>
221
- <td>
222
- <div className="k-task">
223
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
224
- Event 3
225
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
226
- </div>
227
- </td>
228
- </tr>
229
- <tr>
230
- <td className="k-scheduler-timecolumn">
231
- <div>8:30 AM-2:30 PM</div>
232
- </td>
233
- <td>
234
- <div className="k-task">
235
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(245, 138, 138)" }} ></span>
236
- Event 4
237
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
238
- </div>
239
- </td>
240
- </tr>
241
- <tr>
242
- <td className="k-scheduler-timecolumn">
243
- <div>8:30 AM-2:30 PM</div>
244
- </td>
245
- <td>
246
- <div className="k-task">
247
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
248
- Event 5
249
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
250
- </div>
251
- </td>
252
- </tr>
253
- <tr>
254
- <td className="k-scheduler-timecolumn">
255
- <div>8:30 AM-2:30 PM</div>
256
- </td>
257
- <td>
258
- <div className="k-task">
259
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
260
- Event 6
261
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
262
- </div>
263
- </td>
264
- </tr>
265
- <tr>
266
- <td className="k-scheduler-timecolumn">
267
- <div>8:30 AM-2:30 PM</div>
268
- </td>
269
- <td>
270
- <div className="k-task">
271
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
272
- Event 7
273
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
274
- </div>
275
- </td>
276
- </tr>
277
- <tr>
278
- <td className="k-scheduler-timecolumn">
279
- <div>8:30 AM-2:30 PM</div>
280
- </td>
281
- <td>
282
- <div className="k-task">
283
- <span className="k-scheduler-mark" style={{ backgroundColor: "rgb(110, 179, 250)" }} ></span>
284
- Event 8
285
- <a className="k-link k-event-delete"><Icon icon="x"></Icon></a>
286
- </div>
287
- </td>
288
- </tr>
289
- </tbody>
290
- </table>
291
- </div>
292
- </td>
293
- </tr>
294
- </tbody>
295
- </table>
296
- </div>
297
- </div>
298
- </div>
299
- </>
300
- );