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

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 (424) hide show
  1. package/dist/cjs/autocomplete/tests/autocomplete-prefix-suffix.js +2 -2
  2. package/dist/cjs/column-menu/tests/column-menu-tabbed.js +2 -2
  3. package/dist/cjs/combobox/tests/combobox-prefix-suffix.js +2 -2
  4. package/dist/cjs/daterangepicker/daterangepicker.spec.js +2 -2
  5. package/dist/cjs/daterangepicker/templates/daterangepicker-adaptive.js +2 -2
  6. package/dist/cjs/daterangepicker/templates/daterangepicker-normal.js +2 -2
  7. package/dist/cjs/daterangepicker/templates/daterangepicker-popup.js +2 -2
  8. package/dist/cjs/daterangepicker/tests/daterangepicker-adaptive.js +2 -2
  9. package/dist/cjs/daterangepicker/tests/daterangepicker-flat.js +2 -2
  10. package/dist/cjs/daterangepicker/tests/daterangepicker-opened.js +2 -2
  11. package/dist/cjs/daterangepicker/tests/daterangepicker-outline.js +2 -2
  12. package/dist/cjs/daterangepicker/tests/daterangepicker-size-rounded.js +2 -2
  13. package/dist/cjs/daterangepicker/tests/daterangepicker-solid.js +2 -2
  14. package/dist/cjs/dialog/templates/dialog-non-modal.js +2 -2
  15. package/dist/cjs/dialog/templates/dialog-normal.js +2 -2
  16. package/dist/cjs/dialog/tests/dialog-action-buttons.js +2 -2
  17. package/dist/cjs/dialog/tests/dialog-in-window.js +2 -2
  18. package/dist/cjs/dialog/tests/dialog-modal.js +2 -2
  19. package/dist/cjs/dialog/tests/dialog-theme-colors.js +2 -2
  20. package/dist/cjs/dialog/tests/dialog.js +2 -2
  21. package/dist/cjs/dock-manager/tests/dock-manager.js +2 -2
  22. package/dist/cjs/dropdownlist/tests/dropdownlist-grouping.js +2 -2
  23. package/dist/cjs/dropdowntree/templates/dropdowntree-filtering.js +2 -2
  24. package/dist/cjs/dropdowntree/tests/dropdowntree-adaptive.js +2 -2
  25. package/dist/cjs/dropdowntree/tests/dropdowntree-flat.js +2 -2
  26. package/dist/cjs/dropdowntree/tests/dropdowntree-opened.js +2 -2
  27. package/dist/cjs/dropdowntree/tests/dropdowntree-outline.js +2 -2
  28. package/dist/cjs/dropdowntree/tests/dropdowntree-size-rounded.js +2 -2
  29. package/dist/cjs/dropdowntree/tests/dropdowntree-solid.js +2 -2
  30. package/dist/cjs/editor/editor.spec.js +2 -2
  31. package/dist/cjs/editor/templates/editor-normal.js +2 -2
  32. package/dist/cjs/editor/templates/editor-resizable.js +2 -2
  33. package/dist/cjs/editor/templates/editor-responsive-toolbar.js +2 -2
  34. package/dist/cjs/editor/tests/editor-find-replace.js +2 -2
  35. package/dist/cjs/editor/tests/editor-states.js +2 -2
  36. package/dist/cjs/editor/tests/editor-table-wizard.js +2 -2
  37. package/dist/cjs/editor/tests/editor.js +2 -2
  38. package/dist/cjs/filemanager/tests/filemanager-dialogs.js +2 -2
  39. package/dist/cjs/filemanager/tests/filemanager-gridview-preview.js +2 -2
  40. package/dist/cjs/filemanager/tests/filemanager-listview-preview.js +2 -2
  41. package/dist/cjs/form/tests/form-field-dateinputs.js +2 -2
  42. package/dist/cjs/form/tests/form-field-dropdowns.js +2 -2
  43. package/dist/cjs/gantt/templates/gantt-normal.js +2 -2
  44. package/dist/cjs/gantt/templates/gantt-row-reordering.js +2 -2
  45. package/dist/cjs/gantt/tests/gantt-editing-popup-general.js +2 -2
  46. package/dist/cjs/gantt/tests/gantt-react.js +2 -2
  47. package/dist/cjs/gantt/tests/gantt-row-reordering.js +2 -2
  48. package/dist/cjs/gantt/tests/gantt.js +2 -2
  49. package/dist/cjs/grid/tests/grid-editing-custom-editor.js +2 -2
  50. package/dist/cjs/index.js +2 -2
  51. package/dist/cjs/multiselect/templates/multiselect-prefix.js +2 -2
  52. package/dist/cjs/multiselect/templates/multiselect-suffix.js +2 -2
  53. package/dist/cjs/multiselect/tests/multiselect-adaptive.js +2 -2
  54. package/dist/cjs/multiselect/tests/multiselect-flat.js +2 -2
  55. package/dist/cjs/multiselect/tests/multiselect-grouping.js +2 -2
  56. package/dist/cjs/multiselect/tests/multiselect-opened.js +2 -2
  57. package/dist/cjs/multiselect/tests/multiselect-outline.js +2 -2
  58. package/dist/cjs/multiselect/tests/multiselect-prefix-suffix.js +2 -2
  59. package/dist/cjs/multiselect/tests/multiselect-size-rounded.js +2 -2
  60. package/dist/cjs/multiselect/tests/multiselect-solid.js +2 -2
  61. package/dist/cjs/multiviewcalendar/templates/multiviewcalendar-century.js +2 -2
  62. package/dist/cjs/multiviewcalendar/templates/multiviewcalendar-decade.js +2 -2
  63. package/dist/cjs/multiviewcalendar/templates/multiviewcalendar-normal.js +2 -2
  64. package/dist/cjs/multiviewcalendar/templates/multiviewcalendar-with-weeks.js +2 -2
  65. package/dist/cjs/multiviewcalendar/templates/multiviewcalendar-year.js +2 -2
  66. package/dist/cjs/multiviewcalendar/tests/multiviewcalendar-vertical.js +2 -2
  67. package/dist/cjs/multiviewcalendar/tests/multiviewcalendar.js +2 -2
  68. package/dist/cjs/pdf-viewer/pdf-viewer.spec.js +2 -2
  69. package/dist/cjs/pdf-viewer/templates/pdf-viewer-blank.js +2 -2
  70. package/dist/cjs/pdf-viewer/templates/pdf-viewer-normal.js +2 -2
  71. package/dist/cjs/pdf-viewer/templates/pdf-viewer-with-search-panel.js +2 -2
  72. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +2 -2
  73. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +2 -2
  74. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +2 -2
  75. package/dist/cjs/popover/templates/popover-normal.js +2 -2
  76. package/dist/cjs/popover/tests/popover.js +2 -2
  77. package/dist/cjs/scheduler/scheduler-body.spec.js +52 -0
  78. package/dist/cjs/scheduler/scheduler-cell.spec.js +75 -0
  79. package/dist/cjs/scheduler/scheduler-content.spec.js +46 -0
  80. package/dist/cjs/scheduler/scheduler-event.spec.js +4433 -0
  81. package/dist/cjs/scheduler/scheduler-group.spec.js +66 -0
  82. package/dist/cjs/scheduler/scheduler-head.spec.js +52 -0
  83. package/dist/cjs/scheduler/scheduler-header.spec.js +46 -0
  84. package/dist/cjs/scheduler/scheduler-row.spec.js +46 -0
  85. package/dist/cjs/scheduler/scheduler-sticky-cell.spec.js +46 -0
  86. package/dist/cjs/scheduler/scheduler-table.spec.js +46 -0
  87. package/dist/cjs/scheduler/scheduler-task.spec.js +4372 -0
  88. package/dist/cjs/scheduler/scheduler-times.spec.js +46 -0
  89. package/dist/cjs/scheduler/{tests/scheduler-jquery-agenda.js → scheduler-toolbar.spec.js} +38 -94
  90. package/dist/cjs/scheduler/scheduler-view.spec.js +65 -0
  91. package/dist/cjs/scheduler/scheduler.spec.js +113 -0
  92. package/dist/cjs/scheduler/templates/scheduler-agenda.js +8541 -0
  93. package/dist/cjs/scheduler/{tests/scheduler-angular-month-rtl.js → templates/scheduler-day.js} +1324 -987
  94. package/dist/cjs/scheduler/{tests/scheduler-angular-agenda.js → templates/scheduler-flex-agenda.js} +1272 -985
  95. package/dist/cjs/scheduler/{tests/scheduler-angular-month.js → templates/scheduler-flex-day.js} +1274 -972
  96. package/dist/cjs/scheduler/templates/scheduler-flex-horizontal-grouping.js +8560 -0
  97. package/dist/cjs/scheduler/{tests/scheduler-jquery-month.js → templates/scheduler-flex-month.js} +1294 -969
  98. package/dist/cjs/scheduler/{tests/scheduler-angular-agenda-rtl.js → templates/scheduler-flex-timeline.js} +1291 -988
  99. package/dist/cjs/scheduler/{tests/scheduler-react-agenda.js → templates/scheduler-flex-vertical-grouping.js} +1470 -1100
  100. package/dist/cjs/scheduler/templates/scheduler-flex-week.js +8597 -0
  101. package/dist/cjs/scheduler/templates/scheduler-horizontal-grouping.js +8640 -0
  102. package/dist/cjs/scheduler/templates/scheduler-month.js +8577 -0
  103. package/dist/cjs/scheduler/templates/scheduler-timeline.js +8543 -0
  104. package/dist/cjs/scheduler/{tests/scheduler-angular-day-rtl.js → templates/scheduler-vertical-grouping.js} +1345 -1017
  105. package/dist/cjs/scheduler/{tests/scheduler-angular.js → templates/scheduler-week.js} +1372 -1126
  106. package/dist/cjs/scheduler/tests/scheduler-agenda-view.js +8638 -0
  107. package/dist/cjs/scheduler/tests/{scheduler.js → scheduler-current-time-marker.js} +1045 -459
  108. package/dist/cjs/scheduler/tests/scheduler-day-view.js +8653 -0
  109. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +2 -2
  110. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +2 -2
  111. package/dist/cjs/scheduler/tests/scheduler-events.js +9006 -0
  112. package/dist/cjs/scheduler/tests/scheduler-month-view.js +8700 -0
  113. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +1724 -1481
  114. package/dist/cjs/scheduler/tests/scheduler-timeline-view.js +8656 -0
  115. package/dist/cjs/scheduler/tests/{scheduler-angular-rtl.js → scheduler-week-view.js} +1558 -1139
  116. package/dist/cjs/scheduler/tests/{scheduler-react-timeline.js → scheduler-year-view.js} +1203 -601
  117. package/dist/cjs/spreadsheet/spreadsheet-action-bar.js +2 -2
  118. package/dist/cjs/spreadsheet/spreadsheet-header.js +2 -2
  119. package/dist/cjs/spreadsheet/spreadsheet-sheets-bar.js +2 -2
  120. package/dist/cjs/spreadsheet/spreadsheet-view.js +2 -2
  121. package/dist/cjs/spreadsheet/templates/spreadsheet-normal.js +2 -2
  122. package/dist/cjs/spreadsheet/tests/spreadsheet-cell-contextmenu.js +2 -2
  123. package/dist/cjs/spreadsheet/tests/spreadsheet-filter-menu.js +2 -2
  124. package/dist/cjs/spreadsheet/tests/spreadsheet-filtering.js +2 -2
  125. package/dist/cjs/spreadsheet/tests/spreadsheet-formula.js +2 -2
  126. package/dist/cjs/spreadsheet/tests/spreadsheet-row-contextmenu.js +2 -2
  127. package/dist/cjs/spreadsheet/tests/spreadsheet-sheets-bar.js +2 -2
  128. package/dist/cjs/spreadsheet/tests/spreadsheet-tools.js +2 -2
  129. package/dist/cjs/spreadsheet/tests/spreadsheet.js +2 -2
  130. package/dist/cjs/taskboard/taskboard-pane.js +2 -2
  131. package/dist/cjs/taskboard/taskboard.spec.js +2 -2
  132. package/dist/cjs/taskboard/templates/taskboard-normal.js +2 -2
  133. package/dist/cjs/taskboard/tests/taskboard-card.js +2 -2
  134. package/dist/cjs/taskboard/tests/taskboard-column.js +2 -2
  135. package/dist/cjs/taskboard/tests/taskboard-pane.js +2 -2
  136. package/dist/cjs/taskboard/tests/taskboard-resources.js +2 -2
  137. package/dist/cjs/taskboard/tests/taskboard-rtl.js +2 -2
  138. package/dist/cjs/taskboard/tests/taskboard.js +2 -2
  139. package/dist/cjs/treelist/templates/treelist-aggregates.js +2 -2
  140. package/dist/cjs/treelist/templates/treelist-normal.js +2 -2
  141. package/dist/cjs/treelist/templates/treelist-row-reordering.js +2 -2
  142. package/dist/cjs/treelist/templates/treelist-with-column-menu.js +2 -2
  143. package/dist/cjs/treelist/templates/treelist-with-filter-menu.js +2 -2
  144. package/dist/cjs/treelist/tests/treelist-aggregate-react.js +2 -2
  145. package/dist/cjs/treelist/tests/treelist-aggregates.js +2 -2
  146. package/dist/cjs/treelist/tests/treelist-react.js +2 -2
  147. package/dist/cjs/treelist/tests/treelist-row-reordering.js +2 -2
  148. package/dist/cjs/treelist/tests/treelist.js +2 -2
  149. package/dist/cjs/wizard/templates/wizard-normal.js +2 -2
  150. package/dist/cjs/wizard/templates/wizard-vertical.js +2 -2
  151. package/dist/cjs/wizard/tests/wizard-horizontal.js +2 -2
  152. package/dist/cjs/wizard/tests/wizard-vertical.js +2 -2
  153. package/dist/cjs/wizard/wizard-step.js +1 -1
  154. package/dist/cjs/wizard/wizard.spec.js +1 -1
  155. package/dist/esm/autocomplete/tests/autocomplete-prefix-suffix.mjs +2 -2
  156. package/dist/esm/column-menu/tests/column-menu-tabbed.mjs +2 -2
  157. package/dist/esm/combobox/tests/combobox-prefix-suffix.mjs +2 -2
  158. package/dist/esm/daterangepicker/daterangepicker.spec.mjs +2 -2
  159. package/dist/esm/daterangepicker/templates/daterangepicker-adaptive.mjs +2 -2
  160. package/dist/esm/daterangepicker/templates/daterangepicker-normal.mjs +2 -2
  161. package/dist/esm/daterangepicker/templates/daterangepicker-popup.mjs +2 -2
  162. package/dist/esm/daterangepicker/tests/daterangepicker-adaptive.mjs +2 -2
  163. package/dist/esm/daterangepicker/tests/daterangepicker-flat.mjs +2 -2
  164. package/dist/esm/daterangepicker/tests/daterangepicker-opened.mjs +2 -2
  165. package/dist/esm/daterangepicker/tests/daterangepicker-outline.mjs +2 -2
  166. package/dist/esm/daterangepicker/tests/daterangepicker-size-rounded.mjs +2 -2
  167. package/dist/esm/daterangepicker/tests/daterangepicker-solid.mjs +2 -2
  168. package/dist/esm/dialog/templates/dialog-non-modal.mjs +2 -2
  169. package/dist/esm/dialog/templates/dialog-normal.mjs +2 -2
  170. package/dist/esm/dialog/tests/dialog-action-buttons.mjs +2 -2
  171. package/dist/esm/dialog/tests/dialog-in-window.mjs +2 -2
  172. package/dist/esm/dialog/tests/dialog-modal.mjs +2 -2
  173. package/dist/esm/dialog/tests/dialog-theme-colors.mjs +2 -2
  174. package/dist/esm/dialog/tests/dialog.mjs +2 -2
  175. package/dist/esm/dock-manager/tests/dock-manager.mjs +2 -2
  176. package/dist/esm/dropdownlist/tests/dropdownlist-grouping.mjs +2 -2
  177. package/dist/esm/dropdowntree/templates/dropdowntree-filtering.mjs +2 -2
  178. package/dist/esm/dropdowntree/tests/dropdowntree-adaptive.mjs +2 -2
  179. package/dist/esm/dropdowntree/tests/dropdowntree-flat.mjs +2 -2
  180. package/dist/esm/dropdowntree/tests/dropdowntree-opened.mjs +2 -2
  181. package/dist/esm/dropdowntree/tests/dropdowntree-outline.mjs +2 -2
  182. package/dist/esm/dropdowntree/tests/dropdowntree-size-rounded.mjs +2 -2
  183. package/dist/esm/dropdowntree/tests/dropdowntree-solid.mjs +2 -2
  184. package/dist/esm/editor/editor.spec.mjs +2 -2
  185. package/dist/esm/editor/templates/editor-normal.mjs +2 -2
  186. package/dist/esm/editor/templates/editor-resizable.mjs +2 -2
  187. package/dist/esm/editor/templates/editor-responsive-toolbar.mjs +2 -2
  188. package/dist/esm/editor/tests/editor-find-replace.mjs +2 -2
  189. package/dist/esm/editor/tests/editor-states.mjs +2 -2
  190. package/dist/esm/editor/tests/editor-table-wizard.mjs +2 -2
  191. package/dist/esm/editor/tests/editor.mjs +2 -2
  192. package/dist/esm/filemanager/tests/filemanager-dialogs.mjs +2 -2
  193. package/dist/esm/filemanager/tests/filemanager-gridview-preview.mjs +2 -2
  194. package/dist/esm/filemanager/tests/filemanager-listview-preview.mjs +2 -2
  195. package/dist/esm/form/tests/form-field-dateinputs.mjs +2 -2
  196. package/dist/esm/form/tests/form-field-dropdowns.mjs +2 -2
  197. package/dist/esm/gantt/templates/gantt-normal.mjs +2 -2
  198. package/dist/esm/gantt/templates/gantt-row-reordering.mjs +2 -2
  199. package/dist/esm/gantt/tests/gantt-editing-popup-general.mjs +2 -2
  200. package/dist/esm/gantt/tests/gantt-react.mjs +2 -2
  201. package/dist/esm/gantt/tests/gantt-row-reordering.mjs +2 -2
  202. package/dist/esm/gantt/tests/gantt.mjs +2 -2
  203. package/dist/esm/grid/tests/grid-editing-custom-editor.mjs +2 -2
  204. package/dist/esm/index.mjs +2 -2
  205. package/dist/esm/multiselect/templates/multiselect-prefix.mjs +2 -2
  206. package/dist/esm/multiselect/templates/multiselect-suffix.mjs +2 -2
  207. package/dist/esm/multiselect/tests/multiselect-adaptive.mjs +2 -2
  208. package/dist/esm/multiselect/tests/multiselect-flat.mjs +2 -2
  209. package/dist/esm/multiselect/tests/multiselect-grouping.mjs +2 -2
  210. package/dist/esm/multiselect/tests/multiselect-opened.mjs +2 -2
  211. package/dist/esm/multiselect/tests/multiselect-outline.mjs +2 -2
  212. package/dist/esm/multiselect/tests/multiselect-prefix-suffix.mjs +2 -2
  213. package/dist/esm/multiselect/tests/multiselect-size-rounded.mjs +2 -2
  214. package/dist/esm/multiselect/tests/multiselect-solid.mjs +2 -2
  215. package/dist/esm/multiviewcalendar/templates/multiviewcalendar-century.mjs +2 -2
  216. package/dist/esm/multiviewcalendar/templates/multiviewcalendar-decade.mjs +2 -2
  217. package/dist/esm/multiviewcalendar/templates/multiviewcalendar-normal.mjs +2 -2
  218. package/dist/esm/multiviewcalendar/templates/multiviewcalendar-with-weeks.mjs +2 -2
  219. package/dist/esm/multiviewcalendar/templates/multiviewcalendar-year.mjs +2 -2
  220. package/dist/esm/multiviewcalendar/tests/multiviewcalendar-vertical.mjs +2 -2
  221. package/dist/esm/multiviewcalendar/tests/multiviewcalendar.mjs +2 -2
  222. package/dist/esm/pdf-viewer/pdf-viewer.spec.mjs +2 -2
  223. package/dist/esm/pdf-viewer/templates/pdf-viewer-blank.mjs +2 -2
  224. package/dist/esm/pdf-viewer/templates/pdf-viewer-normal.mjs +2 -2
  225. package/dist/esm/pdf-viewer/templates/pdf-viewer-with-search-panel.mjs +2 -2
  226. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.mjs +2 -2
  227. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.mjs +2 -2
  228. package/dist/esm/pdf-viewer/tests/pdf-viewer.mjs +2 -2
  229. package/dist/esm/popover/templates/popover-normal.mjs +2 -2
  230. package/dist/esm/popover/tests/popover.mjs +2 -2
  231. package/dist/esm/scheduler/scheduler-body.spec.mjs +30 -0
  232. package/dist/esm/scheduler/scheduler-cell.spec.mjs +53 -0
  233. package/dist/esm/scheduler/scheduler-content.spec.mjs +24 -0
  234. package/dist/esm/scheduler/scheduler-event.spec.mjs +4417 -0
  235. package/dist/esm/scheduler/scheduler-group.spec.mjs +44 -0
  236. package/dist/esm/scheduler/scheduler-head.spec.mjs +30 -0
  237. package/dist/esm/scheduler/scheduler-header.spec.mjs +24 -0
  238. package/dist/esm/scheduler/scheduler-row.spec.mjs +24 -0
  239. package/dist/esm/scheduler/scheduler-sticky-cell.spec.mjs +24 -0
  240. package/dist/esm/scheduler/scheduler-table.spec.mjs +24 -0
  241. package/dist/esm/scheduler/scheduler-task.spec.mjs +4356 -0
  242. package/dist/esm/scheduler/scheduler-times.spec.mjs +24 -0
  243. package/dist/esm/scheduler/{tests/scheduler-jquery-agenda.mjs → scheduler-toolbar.spec.mjs} +34 -90
  244. package/dist/esm/scheduler/scheduler-view.spec.mjs +43 -0
  245. package/dist/esm/scheduler/scheduler.spec.mjs +91 -0
  246. package/dist/esm/scheduler/templates/scheduler-agenda.mjs +8525 -0
  247. package/dist/esm/scheduler/{tests/scheduler-jquery-month.mjs → templates/scheduler-day.mjs} +1318 -984
  248. package/dist/esm/scheduler/{tests/scheduler-angular-agenda.mjs → templates/scheduler-flex-agenda.mjs} +1268 -981
  249. package/dist/esm/scheduler/{tests/scheduler-angular-month-rtl.mjs → templates/scheduler-flex-day.mjs} +1270 -968
  250. package/dist/esm/scheduler/templates/scheduler-flex-horizontal-grouping.mjs +8544 -0
  251. package/dist/esm/scheduler/{tests/scheduler-angular-day-rtl.mjs → templates/scheduler-flex-month.mjs} +1293 -997
  252. package/dist/esm/scheduler/{tests/scheduler-angular-month.mjs → templates/scheduler-flex-timeline.mjs} +1286 -968
  253. package/dist/esm/scheduler/{tests/scheduler-react-agenda.mjs → templates/scheduler-flex-vertical-grouping.mjs} +1466 -1096
  254. package/dist/esm/scheduler/templates/scheduler-flex-week.mjs +8581 -0
  255. package/dist/esm/scheduler/{tests/scheduler-angular.mjs → templates/scheduler-horizontal-grouping.mjs} +1376 -1121
  256. package/dist/esm/scheduler/templates/scheduler-month.mjs +8561 -0
  257. package/dist/esm/scheduler/{tests/scheduler-angular-agenda-rtl.mjs → templates/scheduler-timeline.mjs} +1386 -1077
  258. package/dist/esm/scheduler/templates/scheduler-vertical-grouping.mjs +8563 -0
  259. package/dist/esm/scheduler/{tests/scheduler-angular-rtl.mjs → templates/scheduler-week.mjs} +1368 -1122
  260. package/dist/esm/scheduler/tests/scheduler-agenda-view.mjs +8622 -0
  261. package/dist/esm/scheduler/tests/{scheduler.mjs → scheduler-current-time-marker.mjs} +1041 -455
  262. package/dist/esm/scheduler/tests/scheduler-day-view.mjs +8637 -0
  263. package/dist/esm/scheduler/tests/scheduler-edit-dialog.mjs +2 -2
  264. package/dist/esm/scheduler/tests/scheduler-editing-weekly.mjs +2 -2
  265. package/dist/esm/scheduler/tests/scheduler-events.mjs +8990 -0
  266. package/dist/esm/scheduler/tests/scheduler-month-view.mjs +8684 -0
  267. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.mjs +1724 -1481
  268. package/dist/esm/scheduler/tests/scheduler-timeline-view.mjs +8640 -0
  269. package/dist/esm/scheduler/tests/scheduler-week-view.mjs +8788 -0
  270. package/dist/esm/scheduler/tests/{scheduler-react-timeline.mjs → scheduler-year-view.mjs} +1199 -597
  271. package/dist/esm/spreadsheet/spreadsheet-action-bar.mjs +2 -2
  272. package/dist/esm/spreadsheet/spreadsheet-header.mjs +2 -2
  273. package/dist/esm/spreadsheet/spreadsheet-sheets-bar.mjs +2 -2
  274. package/dist/esm/spreadsheet/spreadsheet-view.mjs +2 -2
  275. package/dist/esm/spreadsheet/templates/spreadsheet-normal.mjs +2 -2
  276. package/dist/esm/spreadsheet/tests/spreadsheet-cell-contextmenu.mjs +2 -2
  277. package/dist/esm/spreadsheet/tests/spreadsheet-filter-menu.mjs +2 -2
  278. package/dist/esm/spreadsheet/tests/spreadsheet-filtering.mjs +2 -2
  279. package/dist/esm/spreadsheet/tests/spreadsheet-formula.mjs +2 -2
  280. package/dist/esm/spreadsheet/tests/spreadsheet-row-contextmenu.mjs +2 -2
  281. package/dist/esm/spreadsheet/tests/spreadsheet-sheets-bar.mjs +2 -2
  282. package/dist/esm/spreadsheet/tests/spreadsheet-tools.mjs +2 -2
  283. package/dist/esm/spreadsheet/tests/spreadsheet.mjs +2 -2
  284. package/dist/esm/taskboard/taskboard-pane.mjs +2 -2
  285. package/dist/esm/taskboard/taskboard.spec.mjs +2 -2
  286. package/dist/esm/taskboard/templates/taskboard-normal.mjs +2 -2
  287. package/dist/esm/taskboard/tests/taskboard-card.mjs +2 -2
  288. package/dist/esm/taskboard/tests/taskboard-column.mjs +2 -2
  289. package/dist/esm/taskboard/tests/taskboard-pane.mjs +2 -2
  290. package/dist/esm/taskboard/tests/taskboard-resources.mjs +2 -2
  291. package/dist/esm/taskboard/tests/taskboard-rtl.mjs +2 -2
  292. package/dist/esm/taskboard/tests/taskboard.mjs +2 -2
  293. package/dist/esm/treelist/templates/treelist-aggregates.mjs +2 -2
  294. package/dist/esm/treelist/templates/treelist-normal.mjs +2 -2
  295. package/dist/esm/treelist/templates/treelist-row-reordering.mjs +2 -2
  296. package/dist/esm/treelist/templates/treelist-with-column-menu.mjs +2 -2
  297. package/dist/esm/treelist/templates/treelist-with-filter-menu.mjs +2 -2
  298. package/dist/esm/treelist/tests/treelist-aggregate-react.mjs +2 -2
  299. package/dist/esm/treelist/tests/treelist-aggregates.mjs +2 -2
  300. package/dist/esm/treelist/tests/treelist-react.mjs +2 -2
  301. package/dist/esm/treelist/tests/treelist-row-reordering.mjs +2 -2
  302. package/dist/esm/treelist/tests/treelist.mjs +2 -2
  303. package/dist/esm/wizard/templates/wizard-normal.mjs +2 -2
  304. package/dist/esm/wizard/templates/wizard-vertical.mjs +2 -2
  305. package/dist/esm/wizard/tests/wizard-horizontal.mjs +2 -2
  306. package/dist/esm/wizard/tests/wizard-vertical.mjs +2 -2
  307. package/dist/esm/wizard/wizard-step.mjs +1 -1
  308. package/dist/esm/wizard/wizard.spec.mjs +1 -1
  309. package/dist/types/scheduler/index.d.ts +30 -0
  310. package/dist/types/scheduler/scheduler-body.spec.d.ts +5 -0
  311. package/dist/types/scheduler/scheduler-cell.spec.d.ts +19 -0
  312. package/dist/types/scheduler/scheduler-content.spec.d.ts +1 -0
  313. package/dist/types/scheduler/scheduler-event.spec.d.ts +24 -0
  314. package/dist/types/scheduler/scheduler-group.spec.d.ts +13 -0
  315. package/dist/types/scheduler/scheduler-head.spec.d.ts +5 -0
  316. package/dist/types/scheduler/scheduler-header.spec.d.ts +1 -0
  317. package/dist/types/scheduler/scheduler-row.spec.d.ts +1 -0
  318. package/dist/types/scheduler/scheduler-sticky-cell.spec.d.ts +1 -0
  319. package/dist/types/scheduler/scheduler-table.spec.d.ts +2 -0
  320. package/dist/types/scheduler/scheduler-task.spec.d.ts +19 -0
  321. package/dist/types/scheduler/scheduler-times.spec.d.ts +1 -0
  322. package/dist/types/scheduler/scheduler-toolbar.spec.d.ts +5 -0
  323. package/dist/types/scheduler/scheduler-view.spec.d.ts +15 -0
  324. package/dist/types/scheduler/scheduler.spec.d.ts +15 -0
  325. package/dist/types/scheduler/templates/scheduler-agenda.d.ts +1 -0
  326. package/dist/types/scheduler/templates/scheduler-day.d.ts +1 -0
  327. package/dist/types/scheduler/templates/scheduler-flex-agenda.d.ts +1 -0
  328. package/dist/types/scheduler/templates/scheduler-flex-day.d.ts +1 -0
  329. package/dist/types/scheduler/templates/scheduler-flex-horizontal-grouping.d.ts +1 -0
  330. package/dist/types/scheduler/templates/scheduler-flex-month.d.ts +1 -0
  331. package/dist/types/scheduler/templates/scheduler-flex-timeline.d.ts +1 -0
  332. package/dist/types/scheduler/templates/scheduler-flex-vertical-grouping.d.ts +1 -0
  333. package/dist/types/scheduler/templates/scheduler-flex-week.d.ts +1 -0
  334. package/dist/types/scheduler/templates/scheduler-horizontal-grouping.d.ts +1 -0
  335. package/dist/types/scheduler/templates/scheduler-month.d.ts +1 -0
  336. package/dist/types/scheduler/templates/scheduler-timeline.d.ts +1 -0
  337. package/dist/types/scheduler/templates/scheduler-vertical-grouping.d.ts +1 -0
  338. package/dist/types/scheduler/templates/scheduler-week.d.ts +1 -0
  339. package/package.json +2 -2
  340. package/src/scheduler/index.ts +30 -0
  341. package/src/scheduler/scheduler-body.spec.tsx +25 -0
  342. package/src/scheduler/scheduler-cell.spec.tsx +68 -0
  343. package/src/scheduler/scheduler-content.spec.tsx +17 -0
  344. package/src/scheduler/scheduler-event.spec.tsx +105 -0
  345. package/src/scheduler/scheduler-group.spec.tsx +47 -0
  346. package/src/scheduler/scheduler-head.spec.tsx +25 -0
  347. package/src/scheduler/scheduler-header.spec.tsx +19 -0
  348. package/src/scheduler/scheduler-row.spec.tsx +17 -0
  349. package/src/scheduler/scheduler-sticky-cell.spec.tsx +18 -0
  350. package/src/scheduler/scheduler-table.spec.tsx +18 -0
  351. package/src/scheduler/scheduler-task.spec.tsx +60 -0
  352. package/src/scheduler/scheduler-times.spec.tsx +17 -0
  353. package/src/scheduler/scheduler-toolbar.spec.tsx +50 -0
  354. package/src/scheduler/scheduler-view.spec.tsx +47 -0
  355. package/src/scheduler/scheduler.spec.tsx +60 -0
  356. package/src/scheduler/templates/scheduler-agenda.tsx +123 -0
  357. package/src/scheduler/templates/scheduler-day.tsx +228 -0
  358. package/src/scheduler/templates/scheduler-flex-agenda.tsx +131 -0
  359. package/src/scheduler/templates/scheduler-flex-day.tsx +153 -0
  360. package/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx +336 -0
  361. package/src/scheduler/templates/scheduler-flex-month.tsx +156 -0
  362. package/src/scheduler/templates/scheduler-flex-timeline.tsx +114 -0
  363. package/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx +345 -0
  364. package/src/scheduler/templates/scheduler-flex-week.tsx +210 -0
  365. package/src/scheduler/templates/scheduler-horizontal-grouping.tsx +265 -0
  366. package/src/scheduler/templates/scheduler-month.tsx +166 -0
  367. package/src/scheduler/templates/scheduler-timeline.tsx +116 -0
  368. package/src/scheduler/templates/scheduler-vertical-grouping.tsx +312 -0
  369. package/src/scheduler/templates/scheduler-week.tsx +268 -0
  370. package/src/scheduler/tests/scheduler-agenda-view.tsx +13 -0
  371. package/src/scheduler/tests/scheduler-current-time-marker.tsx +572 -0
  372. package/src/scheduler/tests/scheduler-day-view.tsx +13 -0
  373. package/src/scheduler/tests/scheduler-events.tsx +511 -0
  374. package/src/scheduler/tests/scheduler-month-view.tsx +13 -0
  375. package/src/scheduler/tests/scheduler-react-timeline-multi.tsx +661 -665
  376. package/src/scheduler/tests/scheduler-timeline-view.tsx +13 -0
  377. package/src/scheduler/tests/scheduler-week-view.tsx +13 -0
  378. package/src/scheduler/tests/scheduler-year-view.tsx +2399 -0
  379. package/src/wizard/wizard-step.tsx +1 -1
  380. package/src/wizard/wizard.spec.tsx +1 -1
  381. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +0 -8222
  382. package/dist/cjs/scheduler/tests/scheduler-react-day.js +0 -8936
  383. package/dist/cjs/scheduler/tests/scheduler-react-month.js +0 -9739
  384. package/dist/cjs/scheduler/tests/scheduler-react-week.js +0 -9752
  385. package/dist/cjs/scheduler/tests/scheduler-year.js +0 -8906
  386. package/dist/esm/scheduler/tests/scheduler-flex-layout.mjs +0 -8206
  387. package/dist/esm/scheduler/tests/scheduler-react-day.mjs +0 -8920
  388. package/dist/esm/scheduler/tests/scheduler-react-month.mjs +0 -9723
  389. package/dist/esm/scheduler/tests/scheduler-react-week.mjs +0 -9736
  390. package/dist/esm/scheduler/tests/scheduler-year.mjs +0 -8890
  391. package/dist/types/scheduler/tests/scheduler-jquery-agenda.d.ts +0 -2
  392. package/dist/types/scheduler/tests/scheduler-jquery-month.d.ts +0 -2
  393. package/dist/types/scheduler/tests/scheduler-react-agenda.d.ts +0 -2
  394. package/dist/types/scheduler/tests/scheduler-react-day.d.ts +0 -2
  395. package/dist/types/scheduler/tests/scheduler-react-month.d.ts +0 -2
  396. package/dist/types/scheduler/tests/scheduler-react-timeline.d.ts +0 -2
  397. package/dist/types/scheduler/tests/scheduler-react-week.d.ts +0 -2
  398. package/dist/types/scheduler/tests/scheduler-year.d.ts +0 -2
  399. package/dist/types/scheduler/tests/scheduler.d.ts +0 -2
  400. package/src/scheduler/tests/scheduler-angular-agenda-rtl.tsx +0 -300
  401. package/src/scheduler/tests/scheduler-angular-agenda.tsx +0 -300
  402. package/src/scheduler/tests/scheduler-angular-day-rtl.tsx +0 -254
  403. package/src/scheduler/tests/scheduler-angular-month-rtl.tsx +0 -292
  404. package/src/scheduler/tests/scheduler-angular-month.tsx +0 -292
  405. package/src/scheduler/tests/scheduler-angular-rtl.tsx +0 -386
  406. package/src/scheduler/tests/scheduler-angular.tsx +0 -386
  407. package/src/scheduler/tests/scheduler-flex-layout.tsx +0 -492
  408. package/src/scheduler/tests/scheduler-jquery-agenda.tsx +0 -118
  409. package/src/scheduler/tests/scheduler-jquery-month.tsx +0 -306
  410. package/src/scheduler/tests/scheduler-react-agenda.tsx +0 -336
  411. package/src/scheduler/tests/scheduler-react-day.tsx +0 -1037
  412. package/src/scheduler/tests/scheduler-react-month.tsx +0 -1380
  413. package/src/scheduler/tests/scheduler-react-timeline.tsx +0 -669
  414. package/src/scheduler/tests/scheduler-react-week.tsx +0 -1786
  415. package/src/scheduler/tests/scheduler-year.tsx +0 -2383
  416. package/src/scheduler/tests/scheduler.tsx +0 -656
  417. /package/dist/types/scheduler/tests/{scheduler-angular-agenda-rtl.d.ts → scheduler-agenda-view.d.ts} +0 -0
  418. /package/dist/types/scheduler/tests/{scheduler-angular-agenda.d.ts → scheduler-current-time-marker.d.ts} +0 -0
  419. /package/dist/types/scheduler/tests/{scheduler-angular-day-rtl.d.ts → scheduler-day-view.d.ts} +0 -0
  420. /package/dist/types/scheduler/tests/{scheduler-angular-month-rtl.d.ts → scheduler-events.d.ts} +0 -0
  421. /package/dist/types/scheduler/tests/{scheduler-angular-month.d.ts → scheduler-month-view.d.ts} +0 -0
  422. /package/dist/types/scheduler/tests/{scheduler-angular-rtl.d.ts → scheduler-timeline-view.d.ts} +0 -0
  423. /package/dist/types/scheduler/tests/{scheduler-angular.d.ts → scheduler-week-view.d.ts} +0 -0
  424. /package/dist/types/scheduler/tests/{scheduler-flex-layout.d.ts → scheduler-year-view.d.ts} +0 -0
package/src/scheduler/templates/scheduler-horizontal-grouping.tsx ADDED
@@ -0,0 +1,265 @@
1
+ import { Button } from '../../button';
2
+ import { Scheduler, SchedulerBody, SchedulerCell, SchedulerContent, SchedulerHead, SchedulerHeader, SchedulerTable, SchedulerTimes, SchedulerToolbar, SchedulerEvent } from '../index';
3
+
4
+ export const SchedulerHorizontalGrouping = (...props) => (
5
+ <Scheduler
6
+ layout="table"
7
+ view="day"
8
+ toolbar={
9
+ <SchedulerToolbar />
10
+ }
11
+ footer={
12
+ <>
13
+ <SchedulerToolbar footer>
14
+ <Button icon="clock" className="k-scheduler-fullday">Show business hours</Button>
15
+ </SchedulerToolbar>
16
+ </>
17
+ }
18
+ children={
19
+ <>
20
+ <tbody>
21
+ <SchedulerHead as="tr">
22
+ <td>
23
+ <SchedulerTimes>
24
+ <SchedulerTable>
25
+ <tbody>
26
+ <tr style={{ height: "37px" }}>
27
+ <SchedulerCell as="th" />
28
+ </tr>
29
+ <tr style={{ height: "37px" }}>
30
+ <SchedulerCell as="th" />
31
+ </tr>
32
+ <tr style={{ height: "36px" }}>
33
+ <SchedulerCell as="th" allDay>all day</SchedulerCell>
34
+ </tr>
35
+ </tbody>
36
+ </SchedulerTable>
37
+ </SchedulerTimes>
38
+ </td>
39
+ <td>
40
+ <SchedulerHeader>
41
+ <SchedulerTable>
42
+ <tbody>
43
+ <tr>
44
+ <SchedulerCell as="th" cellType={[ "slot", "group" ]}>Meeting Room 101</SchedulerCell>
45
+ <SchedulerCell as="th" cellType={[ "slot", "group" ]}>Meeting Room 201</SchedulerCell>
46
+ </tr>
47
+ <tr className="k-scheduler-date-group">
48
+ <SchedulerCell as="th" text="Mon 6/13" />
49
+ <SchedulerCell as="th" text="Mon 6/13" />
50
+ </tr>
51
+ </tbody>
52
+ </SchedulerTable>
53
+ <div style={{ position: "relative" }}>
54
+ <SchedulerTable className="k-scheduler-header-all-day">
55
+ <tbody>
56
+ <tr style={{ height: "36px" }}>
57
+ <SchedulerCell as="td" />
58
+ <SchedulerCell as="td" />
59
+ </tr>
60
+ </tbody>
61
+ </SchedulerTable>
62
+ </div>
63
+ </SchedulerHeader>
64
+ </td>
65
+ </SchedulerHead>
66
+ <SchedulerBody as="tr">
67
+ <td>
68
+ <SchedulerTimes style={{ height: "395px" }}>
69
+ <SchedulerTable style={{ height: "900px" }}>
70
+ <tbody>
71
+ <tr>
72
+ <SchedulerCell as="th">
73
+ <span>7:00 AM</span>
74
+ </SchedulerCell>
75
+ </tr>
76
+ <tr>
77
+ <SchedulerCell as="th"/>
78
+ </tr>
79
+ <tr>
80
+ <SchedulerCell as="th">
81
+ <span>8:00 AM</span>
82
+ </SchedulerCell>
83
+ </tr>
84
+ <tr>
85
+ <SchedulerCell as="th"/>
86
+ </tr>
87
+ <tr>
88
+ <SchedulerCell as="th">
89
+ <span>9:00 AM</span>
90
+ </SchedulerCell>
91
+ </tr>
92
+ <tr>
93
+ <SchedulerCell as="th"/>
94
+ </tr>
95
+ <tr>
96
+ <SchedulerCell as="th">
97
+ <span>10:00 AM</span>
98
+ </SchedulerCell>
99
+ </tr>
100
+ <tr>
101
+ <SchedulerCell as="th"/>
102
+ </tr>
103
+ <tr>
104
+ <SchedulerCell as="th">
105
+ <span>11:00 AM</span>
106
+ </SchedulerCell>
107
+ </tr>
108
+ <tr>
109
+ <SchedulerCell as="th"/>
110
+ </tr>
111
+ <tr>
112
+ <SchedulerCell as="th">
113
+ <span>12:00 PM</span>
114
+ </SchedulerCell>
115
+ </tr>
116
+ <tr>
117
+ <SchedulerCell as="th"/>
118
+ </tr>
119
+ <tr>
120
+ <SchedulerCell as="th">
121
+ <span>1:00 PM</span>
122
+ </SchedulerCell>
123
+ </tr>
124
+ <tr>
125
+ <SchedulerCell as="th"/>
126
+ </tr>
127
+ <tr>
128
+ <SchedulerCell as="th">
129
+ <span>2:00 PM</span>
130
+ </SchedulerCell>
131
+ </tr>
132
+ <tr>
133
+ <SchedulerCell as="th"/>
134
+ </tr>
135
+ <tr>
136
+ <SchedulerCell as="th">
137
+ <span>3:00 PM</span>
138
+ </SchedulerCell>
139
+ </tr>
140
+ <tr>
141
+ <SchedulerCell as="th"/>
142
+ </tr>
143
+ <tr>
144
+ <SchedulerCell as="th">
145
+ <span>4:00 PM</span>
146
+ </SchedulerCell>
147
+ </tr>
148
+ <tr>
149
+ <SchedulerCell as="th"/>
150
+ </tr>
151
+ </tbody>
152
+ </SchedulerTable>
153
+ </SchedulerTimes>
154
+ </td>
155
+ <td>
156
+ <SchedulerContent style={{ height: "395px" }}>
157
+ <SchedulerTable>
158
+ <tbody>
159
+ <tr className="k-middle-row">
160
+ <SchedulerCell as="td" className="k-nonwork-hour">&nbsp;</SchedulerCell>
161
+ <SchedulerCell as="td" className="k-nonwork-hour">&nbsp;</SchedulerCell>
162
+ </tr>
163
+ <tr>
164
+ <SchedulerCell as="td" className="k-nonwork-hour">&nbsp;</SchedulerCell>
165
+ <SchedulerCell as="td" className="k-nonwork-hour">&nbsp;</SchedulerCell>
166
+ </tr>
167
+ <tr className="k-middle-row">
168
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
169
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
170
+ </tr>
171
+ <tr>
172
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
173
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
174
+ </tr>
175
+ <tr className="k-middle-row">
176
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
177
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
178
+ </tr>
179
+ <tr>
180
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
181
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
182
+ </tr>
183
+ <tr className="k-middle-row">
184
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
185
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
186
+ </tr>
187
+ <tr>
188
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
189
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
190
+ </tr>
191
+ <tr className="k-middle-row">
192
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
193
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
194
+ </tr>
195
+ <tr>
196
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
197
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
198
+ </tr>
199
+ <tr className="k-middle-row">
200
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
201
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
202
+ </tr>
203
+ <tr>
204
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
205
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
206
+ </tr>
207
+ <tr className="k-middle-row">
208
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
209
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
210
+ </tr>
211
+ <tr>
212
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
213
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
214
+ </tr>
215
+ <tr className="k-middle-row">
216
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
217
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
218
+ </tr>
219
+ <tr>
220
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
221
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
222
+ </tr>
223
+ <tr className="k-middle-row">
224
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
225
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
226
+ </tr>
227
+ <tr>
228
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
229
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
230
+ </tr>
231
+ <tr className="k-middle-row">
232
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
233
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
234
+ </tr>
235
+ <tr>
236
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
237
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
238
+ </tr>
239
+ <tr className="k-middle-row">
240
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
241
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
242
+ </tr>
243
+ <tr>
244
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
245
+ <SchedulerCell as="td">&nbsp;</SchedulerCell>
246
+ </tr>
247
+ </tbody>
248
+ </SchedulerTable>
249
+ <SchedulerEvent eventPrefix={null} style={{ top: "148px", left: "445px", height: "590px", width: "120px" }}>
250
+ <div className="k-event-template k-event-time">9:00 AM - 4:00 PM</div>
251
+ <div className="k-event-template">Event 1 Title</div>
252
+ </SchedulerEvent>
253
+ <SchedulerEvent style={{ top: "298px", left: "567px", height: "72px", width: "120px" }}>
254
+ <div className="k-event-template k-event-time">10:00 AM - 11:00 AM</div>
255
+ <div className="k-event-template">Event 2 Title</div>
256
+ </SchedulerEvent>
257
+ </SchedulerContent>
258
+ </td>
259
+ </SchedulerBody>
260
+ </tbody>
261
+ </>
262
+ }
263
+ {...props}
264
+ />
265
+ );
package/src/scheduler/templates/scheduler-month.tsx ADDED
@@ -0,0 +1,166 @@
1
+ import { ButtonGroup } from '../../button-group';
2
+ import { Button } from '../../button';
3
+ import { Scheduler, SchedulerBody, SchedulerCell, SchedulerContent, SchedulerHead, SchedulerHeader, SchedulerTable, SchedulerToolbar, SchedulerEvent } from '../index';
4
+
5
+
6
+ export const SchedulerMonth = ({ style, ...props }: any) => (
7
+ <Scheduler
8
+ style={style}
9
+ layout="table"
10
+ view="month"
11
+ toolbar={
12
+ <SchedulerToolbar>
13
+ <ButtonGroup className="k-scheduler-navigation">
14
+ <Button className="k-group-start">Today</Button>
15
+ <Button icon="caret-alt-left"></Button>
16
+ <Button className="k-group-end" icon="caret-alt-right"></Button>
17
+ </ButtonGroup>
18
+ <Button icon="calendar" className="k-nav-current" fillMode="flat" >
19
+ Jun, 2024
20
+ </Button>
21
+ <span className="k-spacer"></span>
22
+ <ButtonGroup className="k-scheduler-views">
23
+ <Button className="k-group-start">Day</Button>
24
+ <Button>Week</Button>
25
+ <Button selected>Month</Button>
26
+ <Button>Timeline</Button>
27
+ <Button className="k-group-end">Agenda</Button>
28
+ </ButtonGroup>
29
+ </SchedulerToolbar>
30
+ }
31
+ footer={
32
+ <>
33
+ <SchedulerToolbar footer>
34
+ <Button icon="clock" className="k-scheduler-fullday">Show business hours</Button>
35
+ </SchedulerToolbar>
36
+ </>
37
+ }
38
+ children={
39
+ <>
40
+ <tbody>
41
+ <SchedulerHead as="tr">
42
+ <td>
43
+ <SchedulerHeader>
44
+ <SchedulerTable>
45
+ <tbody>
46
+ <tr>
47
+ <SchedulerCell as="th">Sunday</SchedulerCell>
48
+ <SchedulerCell as="th">Monday</SchedulerCell>
49
+ <SchedulerCell as="th">Tuesday</SchedulerCell>
50
+ <SchedulerCell as="th">Wednesday</SchedulerCell>
51
+ <SchedulerCell as="th">Thursday</SchedulerCell>
52
+ <SchedulerCell as="th">Friday</SchedulerCell>
53
+ <SchedulerCell as="th">Saturday</SchedulerCell>
54
+ </tr>
55
+ </tbody>
56
+ </SchedulerTable>
57
+ </SchedulerHeader>
58
+ </td>
59
+ </SchedulerHead>
60
+ <SchedulerBody as="tr">
61
+ <td>
62
+ <SchedulerContent style={{ height: "195px" }}>
63
+ <SchedulerTable>
64
+ <tbody>
65
+ <tr>
66
+ <SchedulerCell as="td" text="26" className="k-other-month" />
67
+ <SchedulerCell as="td" text="27" className="k-other-month" />
68
+ <SchedulerCell as="td" text="28" className="k-other-month" />
69
+ <SchedulerCell as="td" text="29" className="k-other-month" />
70
+ <SchedulerCell as="td" text="30" className="k-other-month" />
71
+ <SchedulerCell as="td" text="31" className="k-other-month" />
72
+ <SchedulerCell as="td" text="Jun 01" />
73
+ </tr>
74
+ <tr>
75
+ <SchedulerCell as="td" text="02" />
76
+ <SchedulerCell as="td" text="03" />
77
+ <SchedulerCell as="td" text="04" />
78
+ <SchedulerCell as="td" text="05" />
79
+ <SchedulerCell as="td" text="06" />
80
+ <SchedulerCell as="td" text="07" />
81
+ <SchedulerCell as="td" text="08" />
82
+ </tr>
83
+ <tr>
84
+ <SchedulerCell as="td" text="09" />
85
+ <SchedulerCell as="td" text="10" />
86
+ <SchedulerCell as="td" text="11" />
87
+ <SchedulerCell as="td" text="12" />
88
+ <SchedulerCell as="td" text="13" />
89
+ <SchedulerCell as="td" text="14" />
90
+ <SchedulerCell as="td" text="15" />
91
+ </tr>
92
+ <tr>
93
+ <SchedulerCell as="td" text="16" />
94
+ <SchedulerCell as="td" text="17" />
95
+ <SchedulerCell as="td" text="18" />
96
+ <SchedulerCell as="td" text="19" />
97
+ <SchedulerCell as="td" text="20" />
98
+ <SchedulerCell as="td" text="21" />
99
+ <SchedulerCell as="td" text="22" />
100
+ </tr>
101
+ <tr>
102
+ <SchedulerCell as="td" text="23" />
103
+ <SchedulerCell as="td" text="24" />
104
+ <SchedulerCell as="td" text="25" />
105
+ <SchedulerCell as="td" text="26" />
106
+ <SchedulerCell as="td" text="27" />
107
+ <SchedulerCell as="td" text="28" />
108
+ <SchedulerCell as="td" text="29" />
109
+ </tr>
110
+ <tr>
111
+ <SchedulerCell as="td" text="30" />
112
+ <SchedulerCell as="td" text="Jul 01" className="k-other-month" />
113
+ <SchedulerCell as="td" text="02" className="k-other-month" />
114
+ <SchedulerCell as="td" text="03" className="k-other-month" />
115
+ <SchedulerCell as="td" text="04" className="k-other-month" />
116
+ <SchedulerCell as="td" text="05" className="k-other-month" />
117
+ <SchedulerCell as="td" text="06" className="k-other-month" />
118
+ </tr>
119
+ <tr>
120
+ <SchedulerCell as="td" text="07" className="k-other-month" />
121
+ <SchedulerCell as="td" text="08" className="k-other-month" />
122
+ <SchedulerCell as="td" text="09" className="k-other-month" />
123
+ <SchedulerCell as="td" text="10" className="k-other-month" />
124
+ <SchedulerCell as="td" text="11" className="k-other-month" />
125
+ <SchedulerCell as="td" text="12" className="k-other-month" />
126
+ <SchedulerCell as="td" text="13" className="k-other-month" />
127
+ </tr>
128
+ </tbody>
129
+ </SchedulerTable>
130
+ <SchedulerEvent eventPrefix={null} eventSuffix={null} resizable="none" style={{ top: "137px", width: "137px" }}>
131
+ <div>
132
+ <div className="k-event-template">
133
+ Event 1 Title
134
+ </div>
135
+ </div>
136
+ </SchedulerEvent>
137
+ <SchedulerEvent eventPrefix={null} eventSuffix={null} resizable="none" style={{ top: "137px", left: "138px", width: "137px" }}>
138
+ <div>
139
+ <div className="k-event-template">
140
+ Event 2 Title
141
+ </div>
142
+ </div>
143
+ </SchedulerEvent>
144
+ <SchedulerEvent eventPrefix={null} eventSuffix={null} resizable="none" style={{ top: "165px", left: "138px", width: "137px" }}>
145
+ <div>
146
+ <div className="k-event-template">
147
+ Event 3 Title
148
+ </div>
149
+ </div>
150
+ </SchedulerEvent>
151
+ <SchedulerEvent eventSuffix={null} resizable="none" style={{ top: "137px", left: "276px", width: "410px" }}>
152
+ <div>
153
+ <div className="k-event-template">
154
+ Event 4 Title
155
+ </div>
156
+ </div>
157
+ </SchedulerEvent>
158
+ </SchedulerContent>
159
+ </td>
160
+ </SchedulerBody>
161
+ </tbody>
162
+ </>
163
+ }
164
+ {...props}
165
+ />
166
+ );
package/src/scheduler/templates/scheduler-timeline.tsx ADDED
@@ -0,0 +1,116 @@
1
+ import { ButtonGroup } from '../../button-group';
2
+ import { Button } from '../../button';
3
+ import { Scheduler, SchedulerBody, SchedulerCell, SchedulerContent, SchedulerHead, SchedulerHeader, SchedulerTable, SchedulerToolbar, SchedulerTimes } from '../index';
4
+
5
+
6
+ export const SchedulerTimeline = ({ style, ...props }: any) => (
7
+ <Scheduler
8
+ style={style}
9
+ layout="table"
10
+ view="timeline"
11
+ toolbar={
12
+ <>
13
+ <SchedulerToolbar>
14
+ <ButtonGroup className="k-scheduler-navigation">
15
+ <Button className="k-group-start">Today</Button>
16
+ <Button icon="caret-alt-left"></Button>
17
+ <Button className="k-group-end" icon="caret-alt-right"></Button>
18
+ </ButtonGroup>
19
+ <Button icon="calendar" className="k-nav-current" fillMode="flat" >
20
+ Monday, June 13, 2024
21
+ </Button>
22
+ <span className="k-spacer"></span>
23
+ <ButtonGroup className="k-scheduler-views">
24
+ <Button className="k-group-start">Day</Button>
25
+ <Button>Week</Button>
26
+ <Button>Month</Button>
27
+ <Button selected>Timeline</Button>
28
+ <Button className="k-group-end">Agenda</Button>
29
+ </ButtonGroup>
30
+ </SchedulerToolbar>
31
+ </>
32
+ }
33
+ footer={
34
+ <>
35
+ <SchedulerToolbar footer>
36
+ <Button icon="clock" className="k-scheduler-fullday">Show business hours</Button>
37
+ </SchedulerToolbar>
38
+ </>
39
+ }
40
+ children={
41
+ <tbody>
42
+ <SchedulerHead as="tr">
43
+ <td>
44
+ <SchedulerTimes>
45
+ <SchedulerTable>
46
+ <tbody>
47
+ <tr style={{ height: "37px" }}>
48
+ <SchedulerCell as="th" />
49
+ </tr>
50
+ <tr style={{ height: "37px" }}>
51
+ <SchedulerCell as="th" />
52
+ </tr>
53
+ </tbody>
54
+ </SchedulerTable>
55
+ </SchedulerTimes>
56
+ </td>
57
+ <td>
58
+ <SchedulerHeader>
59
+ <SchedulerTable style={{ width: "495%" }}>
60
+ <tbody>
61
+ <tr className="k-scheduler-date-group">
62
+ <SchedulerCell cellType={[ "slot" ]} as="th" colspan={34} text="June 13" />
63
+ </tr>
64
+ <tr>
65
+ <SchedulerCell as="th" colspan={2}>7:00 AM</SchedulerCell>
66
+ <SchedulerCell as="th" colspan={2}>8:00 AM</SchedulerCell>
67
+ <SchedulerCell as="th" colspan={2}>9:00 AM</SchedulerCell>
68
+ <SchedulerCell as="th" colspan={2}>10:00 AM</SchedulerCell>
69
+ <SchedulerCell as="th" colspan={2}>11:00 AM</SchedulerCell>
70
+ <SchedulerCell as="th" colspan={2}>12:00 PM</SchedulerCell>
71
+ <SchedulerCell as="th" colspan={2}>1:00 PM</SchedulerCell>
72
+ <SchedulerCell as="th" colspan={2}>2:00 PM</SchedulerCell>
73
+ <SchedulerCell as="th" colspan={2}>3:00 PM</SchedulerCell>
74
+ <SchedulerCell as="th" colspan={2}>4:00 PM</SchedulerCell>
75
+ <SchedulerCell as="th" colspan={2}>5:00 PM</SchedulerCell>
76
+ </tr>
77
+ </tbody>
78
+ </SchedulerTable>
79
+ </SchedulerHeader>
80
+ </td>
81
+ </SchedulerHead>
82
+ <SchedulerBody as="tr">
83
+ <td>
84
+ <SchedulerTimes>
85
+ <SchedulerTable>
86
+ <tbody>
87
+ <tr>
88
+ <SchedulerCell as="th" rowspan={1}>All Events</SchedulerCell>
89
+ </tr>
90
+ </tbody>
91
+ </SchedulerTable>
92
+ </SchedulerTimes>
93
+ </td>
94
+ <td>
95
+ <SchedulerContent style={{ height: "100px" }}>
96
+ <SchedulerTable>
97
+ <tbody>
98
+ <tr>
99
+ <SchedulerCell as="td" className="k-nonwork-hour" />
100
+ <SchedulerCell as="td" className="k-nonwork-hour" />
101
+ <SchedulerCell as="td" />
102
+ <SchedulerCell as="td" />
103
+ <SchedulerCell as="td" />
104
+ <SchedulerCell as="td" />
105
+ <SchedulerCell as="td" />
106
+ </tr>
107
+ </tbody>
108
+ </SchedulerTable>
109
+ </SchedulerContent>
110
+ </td>
111
+ </SchedulerBody>
112
+ </tbody>
113
+ }
114
+ {...props}
115
+ ></Scheduler>
116
+ );