@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-flex-horizontal-grouping.tsx ADDED
@@ -0,0 +1,336 @@
1
+ import { Button } from '../../button';
2
+ import { Scheduler, SchedulerBody, SchedulerCell, SchedulerHead, SchedulerToolbar, SchedulerEvent, SchedulerGroup, SchedulerRow } from '../index';
3
+
4
+
5
+ export const SchedulerFlexHorizontalGrouping = (...props) => (
6
+ <Scheduler
7
+ layout="flex"
8
+ view="day"
9
+ toolbar={
10
+ <>
11
+ <SchedulerToolbar />
12
+ </>
13
+ }
14
+ footer={
15
+ <>
16
+ <SchedulerToolbar footer>
17
+ <Button icon="clock" className="k-scheduler-fullday">Show business hours</Button>
18
+ </SchedulerToolbar>
19
+ </>
20
+ }
21
+ children={
22
+ <>
23
+ <SchedulerHead as="div">
24
+ <SchedulerGroup>
25
+ <SchedulerRow>
26
+ <SchedulerCell as="div" cellType={[ "side" ]} style={{ minWidth: "61px" }} />
27
+ <SchedulerCell as="div" cellType={[ "heading" ]}>Meeting Room 101</SchedulerCell>
28
+ <SchedulerCell as="div" cellType={[ "heading" ]}>Meeting Room 201</SchedulerCell>
29
+ </SchedulerRow>
30
+ <SchedulerRow>
31
+ <SchedulerCell as="div" cellType={[ "side" ]} style={{ minWidth: "61px" }} />
32
+ <SchedulerCell as="div" cellType={[ "heading" ]}>Peter</SchedulerCell>
33
+ <SchedulerCell as="div" cellType={[ "heading" ]}>Alex</SchedulerCell>
34
+ <SchedulerCell as="div" cellType={[ "heading" ]}>Peter</SchedulerCell>
35
+ <SchedulerCell as="div" cellType={[ "heading" ]}>Alex</SchedulerCell>
36
+ </SchedulerRow>
37
+ <SchedulerRow>
38
+ <SchedulerCell as="div" cellType={[ "side" ]} style={{ minWidth: "61px" }} />
39
+ <SchedulerCell as="div" cellType={[ "group" ]}>
40
+ <SchedulerRow>
41
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Mon, 6/13" />
42
+ </SchedulerRow>
43
+ </SchedulerCell>
44
+ <SchedulerCell as="div" cellType={[ "group" ]}>
45
+ <SchedulerRow>
46
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Tue, 6/14" />
47
+ </SchedulerRow>
48
+ </SchedulerCell>
49
+ <SchedulerCell as="div" cellType={[ "group" ]}>
50
+ <SchedulerRow>
51
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Mon, 6/13" />
52
+ </SchedulerRow>
53
+ </SchedulerCell>
54
+ <SchedulerCell as="div" cellType={[ "group" ]}>
55
+ <SchedulerRow>
56
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Tue, 6/14" />
57
+ </SchedulerRow>
58
+ </SchedulerCell>
59
+ </SchedulerRow>
60
+ </SchedulerGroup>
61
+ <SchedulerGroup>
62
+ <SchedulerRow>
63
+ <SchedulerCell as="div" allDay cellType={[ "heading", "side" ]} style={{ minWidth: "61px" }}>all day</SchedulerCell>
64
+ <SchedulerCell as="div" cellType={[ "group" ]}>
65
+ <SchedulerRow>
66
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
67
+ </SchedulerRow>
68
+ </SchedulerCell>
69
+ <SchedulerCell as="div" cellType={[ "group" ]}>
70
+ <SchedulerRow>
71
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
72
+ </SchedulerRow>
73
+ </SchedulerCell>
74
+ <SchedulerCell as="div" cellType={[ "group" ]}>
75
+ <SchedulerRow>
76
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
77
+ </SchedulerRow>
78
+ </SchedulerCell>
79
+ <SchedulerCell as="div" cellType={[ "group" ]}>
80
+ <SchedulerRow>
81
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
82
+ </SchedulerRow>
83
+ </SchedulerCell>
84
+ </SchedulerRow>
85
+ </SchedulerGroup>
86
+ </SchedulerHead>
87
+ <SchedulerBody as="div" >
88
+ <SchedulerGroup>
89
+ <SchedulerRow>
90
+ <SchedulerCell as="div" cellType={[ "heading", "side", "major" ]} style={{ minWidth: "61px" }}>
91
+ 8:00 AM
92
+ </SchedulerCell>
93
+ <SchedulerCell as="div" cellType={[ "group" ]}>
94
+ <SchedulerRow className="k-middle-row">
95
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
96
+ </SchedulerRow>
97
+ </SchedulerCell>
98
+ <SchedulerCell as="div" cellType={[ "group" ]}>
99
+ <SchedulerRow className="k-middle-row">
100
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
101
+ </SchedulerRow>
102
+ </SchedulerCell>
103
+ <SchedulerCell as="div" cellType={[ "group" ]}>
104
+ <SchedulerRow className="k-middle-row">
105
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
106
+ </SchedulerRow>
107
+ </SchedulerCell>
108
+ <SchedulerCell as="div" cellType={[ "group" ]}>
109
+ <SchedulerRow className="k-middle-row">
110
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
111
+ </SchedulerRow>
112
+ </SchedulerCell>
113
+ </SchedulerRow>
114
+ </SchedulerGroup>
115
+ <SchedulerGroup>
116
+ <SchedulerRow>
117
+ <SchedulerCell as="div" cellType={[ "heading", "side" ]} style={{ minWidth: "61px" }} />
118
+ <SchedulerCell as="div" cellType={[ "group" ]}>
119
+ <SchedulerRow>
120
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
121
+ </SchedulerRow>
122
+ </SchedulerCell>
123
+ <SchedulerCell as="div" cellType={[ "group" ]}>
124
+ <SchedulerRow>
125
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
126
+ </SchedulerRow>
127
+ </SchedulerCell>
128
+ <SchedulerCell as="div" cellType={[ "group" ]}>
129
+ <SchedulerRow>
130
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
131
+ </SchedulerRow>
132
+ </SchedulerCell>
133
+ <SchedulerCell as="div" cellType={[ "group" ]}>
134
+ <SchedulerRow>
135
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
136
+ </SchedulerRow>
137
+ </SchedulerCell>
138
+ </SchedulerRow>
139
+ </SchedulerGroup>
140
+ <SchedulerGroup>
141
+ <SchedulerRow>
142
+ <SchedulerCell as="div" cellType={[ "heading", "side", "major" ]} style={{ minWidth: "61px" }}>
143
+ 9:00 AM
144
+ </SchedulerCell>
145
+ <SchedulerCell as="div" cellType={[ "group" ]}>
146
+ <SchedulerRow className="k-middle-row">
147
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
148
+ </SchedulerRow>
149
+ </SchedulerCell>
150
+ <SchedulerCell as="div" cellType={[ "group" ]}>
151
+ <SchedulerRow className="k-middle-row">
152
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
153
+ </SchedulerRow>
154
+ </SchedulerCell>
155
+ <SchedulerCell as="div" cellType={[ "group" ]}>
156
+ <SchedulerRow className="k-middle-row">
157
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
158
+ </SchedulerRow>
159
+ </SchedulerCell>
160
+ <SchedulerCell as="div" cellType={[ "group" ]}>
161
+ <SchedulerRow className="k-middle-row">
162
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
163
+ </SchedulerRow>
164
+ </SchedulerCell>
165
+ </SchedulerRow>
166
+ </SchedulerGroup>
167
+ <SchedulerGroup>
168
+ <SchedulerRow>
169
+ <SchedulerCell as="div" cellType={[ "heading", "side" ]} style={{ minWidth: "61px" }} />
170
+ <SchedulerCell as="div" cellType={[ "group" ]}>
171
+ <SchedulerRow>
172
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
173
+ </SchedulerRow>
174
+ </SchedulerCell>
175
+ <SchedulerCell as="div" cellType={[ "group" ]}>
176
+ <SchedulerRow>
177
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
178
+ </SchedulerRow>
179
+ </SchedulerCell>
180
+ <SchedulerCell as="div" cellType={[ "group" ]}>
181
+ <SchedulerRow>
182
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
183
+ </SchedulerRow>
184
+ </SchedulerCell>
185
+ <SchedulerCell as="div" cellType={[ "group" ]}>
186
+ <SchedulerRow>
187
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
188
+ </SchedulerRow>
189
+ </SchedulerCell>
190
+ </SchedulerRow>
191
+ </SchedulerGroup>
192
+ <SchedulerGroup>
193
+ <SchedulerRow>
194
+ <SchedulerCell as="div" cellType={[ "heading", "side", "major" ]} style={{ minWidth: "61px" }}>
195
+ 10:00 AM
196
+ </SchedulerCell>
197
+ <SchedulerCell as="div" cellType={[ "group" ]}>
198
+ <SchedulerRow className="k-middle-row">
199
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
200
+ </SchedulerRow>
201
+ </SchedulerCell>
202
+ <SchedulerCell as="div" cellType={[ "group" ]}>
203
+ <SchedulerRow className="k-middle-row">
204
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
205
+ </SchedulerRow>
206
+ </SchedulerCell>
207
+ <SchedulerCell as="div" cellType={[ "group" ]}>
208
+ <SchedulerRow className="k-middle-row">
209
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
210
+ </SchedulerRow>
211
+ </SchedulerCell>
212
+ <SchedulerCell as="div" cellType={[ "group" ]}>
213
+ <SchedulerRow className="k-middle-row">
214
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
215
+ </SchedulerRow>
216
+ </SchedulerCell>
217
+ </SchedulerRow>
218
+ </SchedulerGroup>
219
+ <SchedulerGroup>
220
+ <SchedulerRow>
221
+ <SchedulerCell as="div" cellType={[ "heading", "side" ]} style={{ minWidth: "61px" }} />
222
+ <SchedulerCell as="div" cellType={[ "group" ]}>
223
+ <SchedulerRow>
224
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
225
+ </SchedulerRow>
226
+ </SchedulerCell>
227
+ <SchedulerCell as="div" cellType={[ "group" ]}>
228
+ <SchedulerRow>
229
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
230
+ </SchedulerRow>
231
+ </SchedulerCell>
232
+ <SchedulerCell as="div" cellType={[ "group" ]}>
233
+ <SchedulerRow>
234
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
235
+ </SchedulerRow>
236
+ </SchedulerCell>
237
+ <SchedulerCell as="div" cellType={[ "group" ]}>
238
+ <SchedulerRow>
239
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
240
+ </SchedulerRow>
241
+ </SchedulerCell>
242
+ </SchedulerRow>
243
+ </SchedulerGroup>
244
+ <SchedulerGroup>
245
+ <SchedulerRow>
246
+ <SchedulerCell as="div" cellType={[ "heading", "side", "major" ]} style={{ minWidth: "61px" }}>
247
+ 11:00 AM
248
+ </SchedulerCell>
249
+ <SchedulerCell as="div" cellType={[ "group" ]}>
250
+ <SchedulerRow className="k-middle-row">
251
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
252
+ </SchedulerRow>
253
+ </SchedulerCell>
254
+ <SchedulerCell as="div" cellType={[ "group" ]}>
255
+ <SchedulerRow className="k-middle-row">
256
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
257
+ </SchedulerRow>
258
+ </SchedulerCell>
259
+ <SchedulerCell as="div" cellType={[ "group" ]}>
260
+ <SchedulerRow className="k-middle-row">
261
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
262
+ </SchedulerRow>
263
+ </SchedulerCell>
264
+ <SchedulerCell as="div" cellType={[ "group" ]}>
265
+ <SchedulerRow className="k-middle-row">
266
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
267
+ </SchedulerRow>
268
+ </SchedulerCell>
269
+ </SchedulerRow>
270
+ </SchedulerGroup>
271
+ <SchedulerGroup>
272
+ <SchedulerRow>
273
+ <SchedulerCell as="div" cellType={[ "heading", "side" ]} style={{ minWidth: "61px" }} />
274
+ <SchedulerCell as="div" cellType={[ "group" ]}>
275
+ <SchedulerRow>
276
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
277
+ </SchedulerRow>
278
+ </SchedulerCell>
279
+ <SchedulerCell as="div" cellType={[ "group" ]}>
280
+ <SchedulerRow>
281
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
282
+ </SchedulerRow>
283
+ </SchedulerCell>
284
+ <SchedulerCell as="div" cellType={[ "group" ]}>
285
+ <SchedulerRow>
286
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
287
+ </SchedulerRow>
288
+ </SchedulerCell>
289
+ <SchedulerCell as="div" cellType={[ "group" ]}>
290
+ <SchedulerRow>
291
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
292
+ </SchedulerRow>
293
+ </SchedulerCell>
294
+ </SchedulerRow>
295
+ </SchedulerGroup>
296
+ <SchedulerGroup>
297
+ <SchedulerRow>
298
+ <SchedulerCell as="div" cellType={[ "heading", "side", "major" ]} style={{ minWidth: "61px" }}>
299
+ 12:00 PM
300
+ </SchedulerCell>
301
+ <SchedulerCell as="div" cellType={[ "group" ]}>
302
+ <SchedulerRow className="k-middle-row">
303
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
304
+ </SchedulerRow>
305
+ </SchedulerCell>
306
+ <SchedulerCell as="div" cellType={[ "group" ]}>
307
+ <SchedulerRow className="k-middle-row">
308
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
309
+ </SchedulerRow>
310
+ </SchedulerCell>
311
+ <SchedulerCell as="div" cellType={[ "group" ]}>
312
+ <SchedulerRow className="k-middle-row">
313
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
314
+ </SchedulerRow>
315
+ </SchedulerCell>
316
+ <SchedulerCell as="div" cellType={[ "group" ]}>
317
+ <SchedulerRow className="k-middle-row">
318
+ <SchedulerCell as="div" cellType={[ "slot" ]} />
319
+ </SchedulerRow>
320
+ </SchedulerCell>
321
+ </SchedulerRow>
322
+ </SchedulerGroup>
323
+ <SchedulerEvent eventPrefix={null} style={{ top: "100px", left: "88px", height: "194px", width: "200px" }}>
324
+ <div className="k-event-template k-event-time">8:00 AM - 9:00 AM</div>
325
+ <div className="k-event-template">Event 1 Title</div>
326
+ </SchedulerEvent>
327
+ <SchedulerEvent style={{ top: "100px", left: "293px", height: "194px", width: "200px" }}>
328
+ <div className="k-event-template k-event-time">8:00 AM - 9:00 AM</div>
329
+ <div className="k-event-template">Event 2 Title</div>
330
+ </SchedulerEvent>
331
+ </SchedulerBody>
332
+ </>
333
+ }
334
+ {...props}
335
+ />
336
+ );
package/src/scheduler/templates/scheduler-flex-month.tsx ADDED
@@ -0,0 +1,156 @@
1
+ import { Button } from '../../button';
2
+ import { ButtonGroup } from '../../button-group';
3
+ import { Scheduler, SchedulerHead, SchedulerBody, SchedulerRow, SchedulerToolbar, SchedulerCell, SchedulerGroup, SchedulerEvent } from '../index';
4
+
5
+
6
+ export const SchedulerFlexMonth = ({ style, ...props } :any) => (
7
+ <Scheduler
8
+ style={style}
9
+ layout="flex"
10
+ view="month"
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
+ June 23 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 selected>Month</Button>
27
+ <Button>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
+ <>
42
+ <SchedulerHead as="div">
43
+ <SchedulerGroup>
44
+ <SchedulerRow>
45
+ <SchedulerCell as="div" cellType={[ "group" ]}>
46
+ <SchedulerRow>
47
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Sunday"></SchedulerCell>
48
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Monday"></SchedulerCell>
49
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Tuesday"></SchedulerCell>
50
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Wednesday"></SchedulerCell>
51
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Tuesday"></SchedulerCell>
52
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Friday"></SchedulerCell>
53
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="Saturday"></SchedulerCell>
54
+ </SchedulerRow>
55
+ </SchedulerCell>
56
+ </SchedulerRow>
57
+ </SchedulerGroup>
58
+ </SchedulerHead>
59
+ <SchedulerBody as="div">
60
+ <SchedulerGroup>
61
+ <SchedulerRow>
62
+ <SchedulerCell as="div" cellType={[ "group" ]}>
63
+ <SchedulerRow>
64
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="26" className="k-other-month" />
65
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="27" className="k-other-month" />
66
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="28" className="k-other-month" />
67
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="29" className="k-other-month" />
68
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="30" className="k-other-month" />
69
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="31" className="k-other-month" />
70
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="01" />
71
+ </SchedulerRow>
72
+ <SchedulerRow>
73
+ <SchedulerCell as="div" cellType={[ "slot" ]}>
74
+ <span className="k-link k-nav-day">02</span>
75
+ <Button className="k-more-events" icon="more-horizontal"></Button>
76
+ </SchedulerCell>
77
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="03" />
78
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="04" />
79
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="05" />
80
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="06" />
81
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="07" />
82
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="08" />
83
+ </SchedulerRow>
84
+ <SchedulerRow>
85
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="09" />
86
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="10" />
87
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="11" />
88
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="12" />
89
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="13" />
90
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="14" />
91
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="15" />
92
+ </SchedulerRow>
93
+ <SchedulerRow>
94
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="16" />
95
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="17" />
96
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="18" />
97
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="19" />
98
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="20" />
99
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="21" />
100
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="22" />
101
+ </SchedulerRow>
102
+ <SchedulerRow>
103
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="23" />
104
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="24" />
105
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="25" />
106
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="26" />
107
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="27" />
108
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="28" />
109
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="29" />
110
+ </SchedulerRow>
111
+ <SchedulerRow>
112
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="30" />
113
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="31" />
114
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="01" className="k-other-month" />
115
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="02" className="k-other-month" />
116
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="03" className="k-other-month" />
117
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="04" className="k-other-month" />
118
+ <SchedulerCell as="div" cellType={[ "slot" ]} text="05" className="k-other-month" />
119
+ </SchedulerRow>
120
+ </SchedulerCell>
121
+ </SchedulerRow>
122
+ </SchedulerGroup>
123
+ <SchedulerEvent eventPrefix={null} eventSuffix={null} resizable="none" style={{ top: "137px", width: "138px" }}>
124
+ <div>
125
+ <div className="k-event-template">
126
+ Event 1 Title
127
+ </div>
128
+ </div>
129
+ </SchedulerEvent>
130
+ <SchedulerEvent eventPrefix={null} eventSuffix={null} resizable="none" style={{ top: "137px", left: "141px", width: "138px" }}>
131
+ <div>
132
+ <div className="k-event-template">
133
+ Event 2 Title
134
+ </div>
135
+ </div>
136
+ </SchedulerEvent>
137
+ <SchedulerEvent eventPrefix={null} eventSuffix={null} resizable="none" style={{ top: "165px", left: "141px", width: "138px" }}>
138
+ <div>
139
+ <div className="k-event-template">
140
+ Event 3 Title
141
+ </div>
142
+ </div>
143
+ </SchedulerEvent>
144
+ <SchedulerEvent eventSuffix={null} resizable="none" style={{ top: "137px", left: "282px", width: "410px" }}>
145
+ <div>
146
+ <div className="k-event-template">
147
+ Event 4 Title
148
+ </div>
149
+ </div>
150
+ </SchedulerEvent>
151
+ </SchedulerBody>
152
+ </>
153
+ }
154
+ {...props}
155
+ ></Scheduler>
156
+ );
package/src/scheduler/templates/scheduler-flex-timeline.tsx ADDED
@@ -0,0 +1,114 @@
1
+ import { Button } from '../../button';
2
+ import { ButtonGroup } from '../../button-group';
3
+ import { Scheduler, SchedulerHead, SchedulerBody, SchedulerRow, SchedulerToolbar, SchedulerCell, SchedulerStickyCell, SchedulerGroup } from '../index';
4
+
5
+
6
+ export const SchedulerFlexTimeline = ({ style, ...props }: any) => (
7
+ <Scheduler
8
+ style={style}
9
+ layout="flex"
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
+ Friday, June 21, 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
+ <>
42
+ <SchedulerHead as="div" style={{ width: "1874px" }}>
43
+ <SchedulerGroup>
44
+ <SchedulerRow>
45
+ <SchedulerStickyCell>
46
+ <SchedulerCell as="div" cellType={[ "side" ]} style={{ minWidth: '72px' }}></SchedulerCell>
47
+ </SchedulerStickyCell>
48
+ <SchedulerCell as="div" cellType={[ "group" ]}>
49
+ <SchedulerRow>
50
+ <SchedulerCell as="div" cellType={[ "heading" ]} text="June 21"/>
51
+ </SchedulerRow>
52
+ <SchedulerRow>
53
+ <SchedulerCell as="div" cellType={[ "heading" ]} >8:00 AM</SchedulerCell>
54
+ <SchedulerCell as="div" cellType={[ "heading" ]} >9:00 AM</SchedulerCell>
55
+ <SchedulerCell as="div" cellType={[ "heading" ]} >10:00 AM</SchedulerCell>
56
+ <SchedulerCell as="div" cellType={[ "heading" ]} >11:00 AM</SchedulerCell>
57
+ <SchedulerCell as="div" cellType={[ "heading" ]} >12:00 PM</SchedulerCell>
58
+ <SchedulerCell as="div" cellType={[ "heading" ]} >1:00 PM</SchedulerCell>
59
+ <SchedulerCell as="div" cellType={[ "heading" ]} >2:00 PM</SchedulerCell>
60
+ <SchedulerCell as="div" cellType={[ "heading" ]} >3:00 PM</SchedulerCell>
61
+ <SchedulerCell as="div" cellType={[ "heading" ]} >4:00 PM</SchedulerCell>
62
+ <SchedulerCell as="div" cellType={[ "heading" ]} >5:00 PM</SchedulerCell>
63
+ <SchedulerCell as="div" cellType={[ "heading" ]} >6:00 PM</SchedulerCell>
64
+ <SchedulerCell as="div" cellType={[ "heading" ]} >7:00 PM</SchedulerCell>
65
+ <SchedulerCell as="div" cellType={[ "heading" ]} >8:00 PM</SchedulerCell>
66
+ </SchedulerRow>
67
+ </SchedulerCell>
68
+ </SchedulerRow>
69
+ </SchedulerGroup>
70
+ </SchedulerHead>
71
+ <SchedulerBody as="div" style={{ width: "1874px", minHeight: "100px" }}>
72
+ <SchedulerGroup>
73
+ <SchedulerRow>
74
+ <SchedulerStickyCell>
75
+ <SchedulerCell as="div" cellType={[ "heading", "side" ]} allDay style={{ minWidth: "72px" }} >All events</SchedulerCell>
76
+ </SchedulerStickyCell>
77
+ <SchedulerCell as="div" cellType={[ "group" ]}>
78
+ <SchedulerRow>
79
+ <SchedulerCell as="div" cellType={[ "slot" ]} className="k-nonwork-hour"></SchedulerCell>
80
+ <SchedulerCell as="div" cellType={[ "slot" ]} className="k-nonwork-hour"></SchedulerCell>
81
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
82
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
83
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
84
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
85
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
86
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
87
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
88
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
89
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
90
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
91
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
92
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
93
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
94
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
95
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
96
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
97
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
98
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
99
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
100
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
101
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
102
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
103
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
104
+ <SchedulerCell as="div" cellType={[ "slot" ]}></SchedulerCell>
105
+ </SchedulerRow>
106
+ </SchedulerCell>
107
+ </SchedulerRow>
108
+ </SchedulerGroup>
109
+ </SchedulerBody>
110
+ </>
111
+ }
112
+ {...props}
113
+ ></Scheduler>
114
+ );