@syncfusion/ej2-schedule 21.2.9 → 22.1.34

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 (98) hide show
  1. package/.eslintrc.json +1 -0
  2. package/CHANGELOG.md +22 -0
  3. package/dist/ej2-schedule.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es2015.js +59 -31
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +60 -32
  9. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  10. package/dist/global/ej2-schedule.min.js +2 -2
  11. package/dist/global/ej2-schedule.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +15 -15
  14. package/src/recurrence-editor/recurrence-editor-model.d.ts +8 -1
  15. package/src/recurrence-editor/recurrence-editor.d.ts +17 -0
  16. package/src/recurrence-editor/recurrence-editor.js +7 -4
  17. package/src/schedule/actions/keyboard.js +2 -0
  18. package/src/schedule/base/schedule-model.d.ts +18 -9
  19. package/src/schedule/base/schedule.d.ts +20 -11
  20. package/src/schedule/base/schedule.js +14 -5
  21. package/src/schedule/models/event-settings-model.d.ts +4 -2
  22. package/src/schedule/models/event-settings.d.ts +4 -2
  23. package/src/schedule/models/group-model.d.ts +2 -1
  24. package/src/schedule/models/group.d.ts +2 -1
  25. package/src/schedule/models/header-rows-model.d.ts +2 -1
  26. package/src/schedule/models/header-rows.d.ts +2 -1
  27. package/src/schedule/models/quick-info-templates-model.d.ts +6 -3
  28. package/src/schedule/models/quick-info-templates.d.ts +6 -3
  29. package/src/schedule/models/time-scale-model.d.ts +4 -2
  30. package/src/schedule/models/time-scale.d.ts +4 -2
  31. package/src/schedule/models/views-model.d.ts +18 -9
  32. package/src/schedule/models/views.d.ts +18 -9
  33. package/src/schedule/popups/event-tooltip.js +6 -3
  34. package/src/schedule/popups/event-window.js +18 -14
  35. package/src/schedule/popups/quick-popups.js +3 -1
  36. package/src/schedule/renderer/timeline-view.js +11 -6
  37. package/styles/bootstrap-dark.css +15 -12
  38. package/styles/bootstrap.css +15 -12
  39. package/styles/bootstrap4.css +16 -13
  40. package/styles/bootstrap5-dark.css +15 -12
  41. package/styles/bootstrap5.css +15 -12
  42. package/styles/fabric-dark.css +15 -12
  43. package/styles/fabric.css +15 -12
  44. package/styles/fluent-dark.css +15 -12
  45. package/styles/fluent.css +15 -12
  46. package/styles/highcontrast-light.css +16 -13
  47. package/styles/highcontrast.css +16 -13
  48. package/styles/material-dark.css +15 -12
  49. package/styles/material.css +15 -12
  50. package/styles/material3-dark.css +4597 -0
  51. package/styles/material3-dark.scss +4 -0
  52. package/styles/material3.css +4653 -0
  53. package/styles/material3.scss +4 -0
  54. package/styles/recurrence-editor/_material3-dark-definition.scss +1 -0
  55. package/styles/recurrence-editor/_material3-definition.scss +13 -0
  56. package/styles/recurrence-editor/material3-dark.css +593 -0
  57. package/styles/recurrence-editor/material3-dark.scss +9 -0
  58. package/styles/recurrence-editor/material3.css +649 -0
  59. package/styles/recurrence-editor/material3.scss +9 -0
  60. package/styles/schedule/_bootstrap-dark-definition.scss +3 -2
  61. package/styles/schedule/_bootstrap-definition.scss +3 -2
  62. package/styles/schedule/_bootstrap4-definition.scss +3 -2
  63. package/styles/schedule/_bootstrap5-definition.scss +3 -2
  64. package/styles/schedule/_fabric-dark-definition.scss +3 -2
  65. package/styles/schedule/_fabric-definition.scss +3 -2
  66. package/styles/schedule/_fluent-definition.scss +3 -2
  67. package/styles/schedule/_fusionnew-definition.scss +3 -2
  68. package/styles/schedule/_highcontrast-definition.scss +3 -2
  69. package/styles/schedule/_highcontrast-light-definition.scss +3 -2
  70. package/styles/schedule/_layout.scss +31 -16
  71. package/styles/schedule/_material-dark-definition.scss +3 -2
  72. package/styles/schedule/_material-definition.scss +3 -2
  73. package/styles/schedule/_material3-dark-definition.scss +1 -0
  74. package/styles/schedule/_material3-definition.scss +292 -0
  75. package/styles/schedule/_tailwind-definition.scss +3 -2
  76. package/styles/schedule/_theme.scss +7 -2
  77. package/styles/schedule/bootstrap-dark.css +15 -12
  78. package/styles/schedule/bootstrap.css +15 -12
  79. package/styles/schedule/bootstrap4.css +16 -13
  80. package/styles/schedule/bootstrap5-dark.css +15 -12
  81. package/styles/schedule/bootstrap5.css +15 -12
  82. package/styles/schedule/fabric-dark.css +15 -12
  83. package/styles/schedule/fabric.css +15 -12
  84. package/styles/schedule/fluent-dark.css +15 -12
  85. package/styles/schedule/fluent.css +15 -12
  86. package/styles/schedule/highcontrast-light.css +16 -13
  87. package/styles/schedule/highcontrast.css +16 -13
  88. package/styles/schedule/icons/_material3-dark.scss +1 -0
  89. package/styles/schedule/material-dark.css +15 -12
  90. package/styles/schedule/material.css +15 -12
  91. package/styles/schedule/material3-dark.css +4191 -0
  92. package/styles/schedule/material3-dark.scss +16 -0
  93. package/styles/schedule/material3.css +4247 -0
  94. package/styles/schedule/material3.scss +17 -0
  95. package/styles/schedule/tailwind-dark.css +15 -12
  96. package/styles/schedule/tailwind.css +15 -12
  97. package/styles/tailwind-dark.css +15 -12
  98. package/styles/tailwind.css +15 -12
package/styles/schedule/material3.scss ADDED
@@ -0,0 +1,17 @@
1
+ @import 'ej2-base/styles/material3-definition.scss';
2
+
3
+ @import 'ej2-navigations/styles/toolbar/material3-definition.scss';
4
+ @import 'ej2-navigations/styles/treeview/material3-definition.scss';
5
+ @import 'ej2-inputs/styles/input/material3-definition.scss';
6
+ @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';
7
+ @import 'ej2-calendars/styles/calendar/material3-definition.scss';
8
+ @import 'ej2-calendars/styles/datepicker/material3-definition.scss';
9
+ @import 'ej2-calendars/styles/datetimepicker/material3-definition.scss';
10
+ @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
11
+ @import 'ej2-dropdowns/styles/multi-select/material3-definition.scss';
12
+ @import 'ej2-buttons/styles/button/material3-definition.scss';
13
+ @import 'ej2-buttons/styles/check-box/material3-definition.scss';
14
+ @import '../recurrence-editor/material3-definition.scss';
15
+ @import 'material3-definition.scss';
16
+ @import 'icons/material3.scss';
17
+ @import 'all.scss';
package/styles/schedule/tailwind-dark.css CHANGED
@@ -1663,20 +1663,13 @@
1663
1663
  }
1664
1664
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1665
1665
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1666
- line-height: 38px;
1666
+ line-height: 26px;
1667
1667
  padding: 0 5px;
1668
1668
  }
1669
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1670
- display: block;
1671
- }
1672
1669
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1673
1670
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1674
- font-size: 10px;
1675
- line-height: 38px;
1676
- padding-right: 7px;
1677
- }
1678
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1679
- padding-right: 5px;
1671
+ line-height: 26px;
1672
+ padding: 0 2px;
1680
1673
  }
1681
1674
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1682
1675
  border: 0;
@@ -2143,6 +2136,12 @@
2143
2136
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2144
2137
  background: #6b7280;
2145
2138
  }
2139
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2140
+ display: -ms-inline-flexbox;
2141
+ display: inline-flex;
2142
+ -ms-flex-direction: row-reverse;
2143
+ flex-direction: row-reverse;
2144
+ }
2146
2145
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2147
2146
  display: -ms-flexbox;
2148
2147
  display: flex;
@@ -2538,9 +2537,9 @@
2538
2537
  height: 38px;
2539
2538
  }
2540
2539
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2541
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2540
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2542
2541
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2543
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2542
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2544
2543
  font-size: 16px;
2545
2544
  }
2546
2545
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2557,6 +2556,10 @@
2557
2556
  .e-bigger.e-schedule .e-month-view .e-m-day {
2558
2557
  font-size: 14px;
2559
2558
  }
2559
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2560
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2561
+ min-width: 306px;
2562
+ }
2560
2563
 
2561
2564
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2562
2565
  border: 1px solid rgba(75, 85, 99, 0.5);
package/styles/schedule/tailwind.css CHANGED
@@ -1663,20 +1663,13 @@
1663
1663
  }
1664
1664
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1665
1665
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1666
- line-height: 38px;
1666
+ line-height: 26px;
1667
1667
  padding: 0 5px;
1668
1668
  }
1669
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1670
- display: block;
1671
- }
1672
1669
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1673
1670
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1674
- font-size: 10px;
1675
- line-height: 38px;
1676
- padding-right: 7px;
1677
- }
1678
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1679
- padding-right: 5px;
1671
+ line-height: 26px;
1672
+ padding: 0 2px;
1680
1673
  }
1681
1674
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1682
1675
  border: 0;
@@ -2143,6 +2136,12 @@
2143
2136
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2144
2137
  background: #e5e7eb;
2145
2138
  }
2139
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2140
+ display: -ms-inline-flexbox;
2141
+ display: inline-flex;
2142
+ -ms-flex-direction: row-reverse;
2143
+ flex-direction: row-reverse;
2144
+ }
2146
2145
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2147
2146
  display: -ms-flexbox;
2148
2147
  display: flex;
@@ -2538,9 +2537,9 @@
2538
2537
  height: 38px;
2539
2538
  }
2540
2539
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2541
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2540
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2542
2541
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2543
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2542
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2544
2543
  font-size: 16px;
2545
2544
  }
2546
2545
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2557,6 +2556,10 @@
2557
2556
  .e-bigger.e-schedule .e-month-view .e-m-day {
2558
2557
  font-size: 14px;
2559
2558
  }
2559
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2560
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2561
+ min-width: 306px;
2562
+ }
2560
2563
 
2561
2564
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2562
2565
  border: 1px solid rgba(229, 231, 235, 0.5);
package/styles/tailwind-dark.css CHANGED
@@ -1664,20 +1664,13 @@
1664
1664
  }
1665
1665
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1666
1666
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1667
- line-height: 38px;
1667
+ line-height: 26px;
1668
1668
  padding: 0 5px;
1669
1669
  }
1670
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1671
- display: block;
1672
- }
1673
1670
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1674
1671
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1675
- font-size: 10px;
1676
- line-height: 38px;
1677
- padding-right: 7px;
1678
- }
1679
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1680
- padding-right: 5px;
1672
+ line-height: 26px;
1673
+ padding: 0 2px;
1681
1674
  }
1682
1675
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1683
1676
  border: 0;
@@ -2144,6 +2137,12 @@
2144
2137
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2145
2138
  background: #6b7280;
2146
2139
  }
2140
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2141
+ display: -ms-inline-flexbox;
2142
+ display: inline-flex;
2143
+ -ms-flex-direction: row-reverse;
2144
+ flex-direction: row-reverse;
2145
+ }
2147
2146
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2148
2147
  display: -ms-flexbox;
2149
2148
  display: flex;
@@ -2539,9 +2538,9 @@
2539
2538
  height: 38px;
2540
2539
  }
2541
2540
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2542
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2541
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2543
2542
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2544
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2543
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2545
2544
  font-size: 16px;
2546
2545
  }
2547
2546
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2558,6 +2557,10 @@
2558
2557
  .e-bigger.e-schedule .e-month-view .e-m-day {
2559
2558
  font-size: 14px;
2560
2559
  }
2560
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2561
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2562
+ min-width: 306px;
2563
+ }
2561
2564
 
2562
2565
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2563
2566
  border: 1px solid rgba(75, 85, 99, 0.5);
package/styles/tailwind.css CHANGED
@@ -1664,20 +1664,13 @@
1664
1664
  }
1665
1665
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-icon,
1666
1666
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-recurrence-edit-icon {
1667
- line-height: 38px;
1667
+ line-height: 26px;
1668
1668
  padding: 0 5px;
1669
1669
  }
1670
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-indicator {
1671
- display: block;
1672
- }
1673
1670
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-left-icon,
1674
1671
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1675
- font-size: 10px;
1676
- line-height: 38px;
1677
- padding-right: 7px;
1678
- }
1679
- .e-schedule .e-timeline-year-view .e-event-table .e-appointment .e-right-icon {
1680
- padding-right: 5px;
1672
+ line-height: 26px;
1673
+ padding: 0 2px;
1681
1674
  }
1682
1675
  .e-schedule .e-timeline-year-view .e-event-table .e-appointment.e-appointment-border, .e-schedule .e-timeline-year-view .e-event-table .e-appointment:focus {
1683
1676
  border: 0;
@@ -2144,6 +2137,12 @@
2144
2137
  .e-schedule .e-month-agenda-view .e-appointment.e-appointment-border, .e-schedule .e-month-agenda-view .e-appointment:focus {
2145
2138
  background: #e5e7eb;
2146
2139
  }
2140
+ .e-schedule .e-month-agenda-view .e-appointment.e-template {
2141
+ display: -ms-inline-flexbox;
2142
+ display: inline-flex;
2143
+ -ms-flex-direction: row-reverse;
2144
+ flex-direction: row-reverse;
2145
+ }
2147
2146
  .e-schedule .e-month-agenda-view .e-subject-wrap {
2148
2147
  display: -ms-flexbox;
2149
2148
  display: flex;
@@ -2539,9 +2538,9 @@
2539
2538
  height: 38px;
2540
2539
  }
2541
2540
  .e-bigger .e-schedule .e-month-view .e-resource-cells,
2542
- .e-bigger .e-schedule .e-month-view .e-date-header-wrap,
2541
+ .e-bigger .e-schedule .e-month-view .e-date-header-wrap table td,
2543
2542
  .e-bigger.e-schedule .e-month-view .e-resource-cells,
2544
- .e-bigger.e-schedule .e-month-view .e-date-header-wrap {
2543
+ .e-bigger.e-schedule .e-month-view .e-date-header-wrap table td {
2545
2544
  font-size: 16px;
2546
2545
  }
2547
2546
  .e-bigger .e-schedule .e-month-view .e-content-wrap,
@@ -2558,6 +2557,10 @@
2558
2557
  .e-bigger.e-schedule .e-month-view .e-m-day {
2559
2558
  font-size: 14px;
2560
2559
  }
2560
+ .e-bigger .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar,
2561
+ .e-bigger.e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
2562
+ min-width: 306px;
2563
+ }
2561
2564
 
2562
2565
  .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment.e-appointment-border, .e-schedule.e-multi-drag .e-vertical-view .e-all-day-appointment-wrapper .e-appointment:focus {
2563
2566
  border: 1px solid rgba(229, 231, 235, 0.5);