@syncfusion/ej2-schedule 20.2.45 → 20.3.47

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 (125) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/ej2-schedule.min.js +10 -0
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +603 -218
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +621 -230
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/recurrence-editor/recurrence-editor-model.d.ts +1 -1
  14. package/src/recurrence-editor/recurrence-editor.d.ts +1 -0
  15. package/src/recurrence-editor/recurrence-editor.js +37 -10
  16. package/src/schedule/actions/action-base.js +5 -3
  17. package/src/schedule/actions/crud.js +1 -2
  18. package/src/schedule/actions/drag.js +17 -14
  19. package/src/schedule/actions/resize.js +1 -3
  20. package/src/schedule/actions/touch.js +2 -2
  21. package/src/schedule/actions/virtual-scroll.d.ts +12 -3
  22. package/src/schedule/actions/virtual-scroll.js +206 -54
  23. package/src/schedule/base/interface.d.ts +2 -1
  24. package/src/schedule/base/schedule-model.d.ts +7 -0
  25. package/src/schedule/base/schedule.d.ts +13 -0
  26. package/src/schedule/base/schedule.js +13 -4
  27. package/src/schedule/base/util.d.ts +15 -0
  28. package/src/schedule/base/util.js +29 -3
  29. package/src/schedule/event-renderer/agenda-base.js +3 -5
  30. package/src/schedule/event-renderer/event-base.d.ts +2 -1
  31. package/src/schedule/event-renderer/event-base.js +30 -3
  32. package/src/schedule/event-renderer/month.d.ts +1 -0
  33. package/src/schedule/event-renderer/month.js +8 -6
  34. package/src/schedule/event-renderer/vertical-view.d.ts +3 -0
  35. package/src/schedule/event-renderer/vertical-view.js +32 -12
  36. package/src/schedule/event-renderer/year.js +1 -1
  37. package/src/schedule/popups/event-window.d.ts +1 -0
  38. package/src/schedule/popups/event-window.js +35 -7
  39. package/src/schedule/popups/quick-popups.js +18 -5
  40. package/src/schedule/renderer/agenda.js +1 -0
  41. package/src/schedule/renderer/header-renderer.js +3 -3
  42. package/src/schedule/renderer/month.js +25 -6
  43. package/src/schedule/renderer/renderer.js +8 -2
  44. package/src/schedule/renderer/timeline-view.js +2 -2
  45. package/src/schedule/renderer/timeline-year.d.ts +1 -0
  46. package/src/schedule/renderer/timeline-year.js +20 -12
  47. package/src/schedule/renderer/vertical-view.d.ts +1 -1
  48. package/src/schedule/renderer/vertical-view.js +48 -44
  49. package/src/schedule/renderer/view-base.d.ts +2 -0
  50. package/src/schedule/renderer/view-base.js +31 -1
  51. package/src/schedule/renderer/year.d.ts +1 -1
  52. package/src/schedule/renderer/year.js +49 -30
  53. package/styles/bootstrap-dark.css +50 -33
  54. package/styles/bootstrap.css +50 -33
  55. package/styles/bootstrap4.css +50 -33
  56. package/styles/bootstrap5-dark.css +51 -38
  57. package/styles/bootstrap5.css +51 -38
  58. package/styles/fabric-dark.css +50 -33
  59. package/styles/fabric.css +50 -33
  60. package/styles/fluent-dark.css +52 -39
  61. package/styles/fluent.css +52 -39
  62. package/styles/highcontrast-light.css +50 -33
  63. package/styles/highcontrast.css +50 -33
  64. package/styles/material-dark.css +50 -33
  65. package/styles/material.css +50 -33
  66. package/styles/recurrence-editor/_all.scss +1 -1
  67. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +1 -3
  68. package/styles/recurrence-editor/_bootstrap-definition.scss +1 -3
  69. package/styles/recurrence-editor/_bootstrap4-definition.scss +1 -3
  70. package/styles/recurrence-editor/_bootstrap5-definition.scss +1 -3
  71. package/styles/recurrence-editor/_fabric-dark-definition.scss +1 -4
  72. package/styles/recurrence-editor/_fabric-definition.scss +1 -3
  73. package/styles/recurrence-editor/_fluent-definition.scss +1 -3
  74. package/styles/recurrence-editor/_fusionnew-definition.scss +1 -3
  75. package/styles/recurrence-editor/_highcontrast-definition.scss +1 -3
  76. package/styles/recurrence-editor/_highcontrast-light-definition.scss +1 -3
  77. package/styles/recurrence-editor/_layout.scss +28 -38
  78. package/styles/recurrence-editor/_material-dark-definition.scss +1 -3
  79. package/styles/recurrence-editor/_material-definition.scss +1 -3
  80. package/styles/recurrence-editor/_material3-definition.scss +1 -3
  81. package/styles/recurrence-editor/_tailwind-definition.scss +1 -3
  82. package/styles/recurrence-editor/bootstrap-dark.css +21 -27
  83. package/styles/recurrence-editor/bootstrap.css +21 -27
  84. package/styles/recurrence-editor/bootstrap4.css +21 -27
  85. package/styles/recurrence-editor/bootstrap5-dark.css +21 -27
  86. package/styles/recurrence-editor/bootstrap5.css +21 -27
  87. package/styles/recurrence-editor/fabric-dark.css +21 -27
  88. package/styles/recurrence-editor/fabric.css +21 -27
  89. package/styles/recurrence-editor/fluent-dark.css +21 -27
  90. package/styles/recurrence-editor/fluent.css +21 -27
  91. package/styles/recurrence-editor/highcontrast-light.css +21 -27
  92. package/styles/recurrence-editor/highcontrast.css +21 -27
  93. package/styles/recurrence-editor/material-dark.css +21 -27
  94. package/styles/recurrence-editor/material.css +21 -27
  95. package/styles/recurrence-editor/tailwind-dark.css +21 -27
  96. package/styles/recurrence-editor/tailwind.css +21 -27
  97. package/styles/schedule/_all.scss +1 -1
  98. package/styles/schedule/_bootstrap4-definition.scss +0 -1
  99. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  100. package/styles/schedule/_fusionnew-definition.scss +1 -1
  101. package/styles/schedule/_layout.scss +57 -32
  102. package/styles/schedule/_material3-definition.scss +1 -1
  103. package/styles/schedule/_theme.scss +12 -10
  104. package/styles/schedule/bootstrap-dark.css +29 -6
  105. package/styles/schedule/bootstrap.css +29 -6
  106. package/styles/schedule/bootstrap4.css +29 -6
  107. package/styles/schedule/bootstrap5-dark.css +30 -11
  108. package/styles/schedule/bootstrap5.css +30 -11
  109. package/styles/schedule/fabric-dark.css +29 -6
  110. package/styles/schedule/fabric.css +29 -6
  111. package/styles/schedule/fluent-dark.css +31 -12
  112. package/styles/schedule/fluent.css +31 -12
  113. package/styles/schedule/highcontrast-light.css +29 -6
  114. package/styles/schedule/highcontrast.css +29 -6
  115. package/styles/schedule/icons/_bootstrap5.scss +0 -1
  116. package/styles/schedule/icons/_fluent.scss +0 -1
  117. package/styles/schedule/icons/_fusionnew.scss +0 -1
  118. package/styles/schedule/icons/_material3.scss +0 -1
  119. package/styles/schedule/icons/_tailwind.scss +0 -1
  120. package/styles/schedule/material-dark.css +29 -6
  121. package/styles/schedule/material.css +29 -6
  122. package/styles/schedule/tailwind-dark.css +29 -6
  123. package/styles/schedule/tailwind.css +29 -6
  124. package/styles/tailwind-dark.css +50 -33
  125. package/styles/tailwind.css +50 -33
package/styles/schedule/bootstrap5-dark.css CHANGED
@@ -1,4 +1,5 @@
1
1
  /*! Schedule's bootstrap5 theme wise override definitions and variables */
2
+ /* stylelint-disable */
2
3
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
3
4
  content: "\e765";
4
5
  }
@@ -414,7 +415,7 @@
414
415
  }
415
416
  .e-schedule .e-content-wrap,
416
417
  .e-schedule .e-scroll-container {
417
- -webkit-overflow-scrolling: touch;
418
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
418
419
  overflow: auto;
419
420
  }
420
421
  .e-schedule .e-hide-childs > * {
@@ -589,7 +590,7 @@
589
590
  }
590
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
591
592
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
592
- height: 0 !important;
593
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
593
594
  }
594
595
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
595
596
  background: #0d6efd;
@@ -804,6 +805,13 @@
804
805
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
805
806
  background-color: #343a40;
806
807
  }
808
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
809
+ background-color: #343a40;
810
+ box-shadow: inset 0 0 0 8px #282d31;
811
+ }
812
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
813
+ background-color: #343a40;
814
+ }
807
815
  .e-schedule .e-vertical-view .e-current-time {
808
816
  font-size: 10px;
809
817
  }
@@ -1093,7 +1101,7 @@
1093
1101
  }
1094
1102
  .e-schedule .e-month-view .e-header-cells {
1095
1103
  cursor: default;
1096
- font-weight: 400;
1104
+ font-weight: normal;
1097
1105
  height: 34px;
1098
1106
  padding: 8px;
1099
1107
  }
@@ -1121,6 +1129,13 @@
1121
1129
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1122
1130
  background-color: #343a40;
1123
1131
  }
1132
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1133
+ background-color: #343a40;
1134
+ box-shadow: inset 0 0 0 8px #282d31;
1135
+ }
1136
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1137
+ background-color: #343a40;
1138
+ }
1124
1139
  .e-schedule .e-month-view .e-date-header {
1125
1140
  cursor: pointer;
1126
1141
  display: table;
@@ -1469,7 +1484,7 @@
1469
1484
  .e-schedule .e-timeline-year-view .e-left-indent,
1470
1485
  .e-schedule .e-timeline-year-view .e-header-cells {
1471
1486
  cursor: default;
1472
- font-weight: 400;
1487
+ font-weight: normal;
1473
1488
  height: 34px;
1474
1489
  padding: 0;
1475
1490
  text-align: center;
@@ -1874,9 +1889,14 @@
1874
1889
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1875
1890
  width: 70px;
1876
1891
  }
1892
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1893
+ transform: translateX(0);
1894
+ }
1895
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1896
+ transform: translateY(0);
1897
+ }
1877
1898
  .e-schedule .e-virtual-scroll .e-content-table {
1878
1899
  position: absolute;
1879
- transform: translateY(0);
1880
1900
  }
1881
1901
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1882
1902
  position: relative;
@@ -1993,7 +2013,7 @@
1993
2013
  }
1994
2014
  .e-schedule .e-month-agenda-view .e-header-cells {
1995
2015
  cursor: default;
1996
- font-weight: 400;
2016
+ font-weight: normal;
1997
2017
  height: 34px;
1998
2018
  padding: 5px;
1999
2019
  text-align: center;
@@ -2396,11 +2416,6 @@
2396
2416
  .e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
2397
2417
  font-size: 14px;
2398
2418
  }
2399
- .e-bigger .e-schedule .e-vertical-view .e-header-cells,
2400
- .e-bigger.e-schedule .e-vertical-view .e-header-cells {
2401
- height: 66px;
2402
- padding: 8px;
2403
- }
2404
2419
  .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
2405
2420
  .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
2406
2421
  font-size: 14px;
@@ -3847,6 +3862,9 @@
3847
3862
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3848
3863
  border-right-width: 0;
3849
3864
  }
3865
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3866
+ text-align: right;
3867
+ }
3850
3868
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3851
3869
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3852
3870
  border-width: 0 1px 1px 0;
@@ -3864,6 +3882,7 @@
3864
3882
  border-right-width: 0;
3865
3883
  }
3866
3884
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3885
+ text-align: right;
3867
3886
  border-width: 0 1px 1px 0;
3868
3887
  }
3869
3888
  .e-schedule.e-rtl .e-month-view .e-work-cells,
package/styles/schedule/bootstrap5.css CHANGED
@@ -1,4 +1,5 @@
1
1
  /*! recurrence editor theme wise definitions*/ /*! Schedule's bootstrap5 theme wise override definitions and variables */
2
+ /* stylelint-disable */
2
3
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
3
4
  content: "\e765";
4
5
  }
@@ -414,7 +415,7 @@
414
415
  }
415
416
  .e-schedule .e-content-wrap,
416
417
  .e-schedule .e-scroll-container {
417
- -webkit-overflow-scrolling: touch;
418
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
418
419
  overflow: auto;
419
420
  }
420
421
  .e-schedule .e-hide-childs > * {
@@ -589,7 +590,7 @@
589
590
  }
590
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
591
592
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
592
- height: 0 !important;
593
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
593
594
  }
594
595
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
595
596
  background: #0d6efd;
@@ -804,6 +805,13 @@
804
805
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
805
806
  background-color: #e9ecef;
806
807
  }
808
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
809
+ background-color: #e9ecef;
810
+ box-shadow: inset 0 0 0 8px #f8f9fa;
811
+ }
812
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
813
+ background-color: #e9ecef;
814
+ }
807
815
  .e-schedule .e-vertical-view .e-current-time {
808
816
  font-size: 10px;
809
817
  }
@@ -1093,7 +1101,7 @@
1093
1101
  }
1094
1102
  .e-schedule .e-month-view .e-header-cells {
1095
1103
  cursor: default;
1096
- font-weight: 400;
1104
+ font-weight: normal;
1097
1105
  height: 34px;
1098
1106
  padding: 8px;
1099
1107
  }
@@ -1121,6 +1129,13 @@
1121
1129
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1122
1130
  background-color: #e9ecef;
1123
1131
  }
1132
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1133
+ background-color: #e9ecef;
1134
+ box-shadow: inset 0 0 0 8px #f8f9fa;
1135
+ }
1136
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1137
+ background-color: #e9ecef;
1138
+ }
1124
1139
  .e-schedule .e-month-view .e-date-header {
1125
1140
  cursor: pointer;
1126
1141
  display: table;
@@ -1469,7 +1484,7 @@
1469
1484
  .e-schedule .e-timeline-year-view .e-left-indent,
1470
1485
  .e-schedule .e-timeline-year-view .e-header-cells {
1471
1486
  cursor: default;
1472
- font-weight: 400;
1487
+ font-weight: normal;
1473
1488
  height: 34px;
1474
1489
  padding: 0;
1475
1490
  text-align: center;
@@ -1874,9 +1889,14 @@
1874
1889
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1875
1890
  width: 70px;
1876
1891
  }
1892
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1893
+ transform: translateX(0);
1894
+ }
1895
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1896
+ transform: translateY(0);
1897
+ }
1877
1898
  .e-schedule .e-virtual-scroll .e-content-table {
1878
1899
  position: absolute;
1879
- transform: translateY(0);
1880
1900
  }
1881
1901
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1882
1902
  position: relative;
@@ -1993,7 +2013,7 @@
1993
2013
  }
1994
2014
  .e-schedule .e-month-agenda-view .e-header-cells {
1995
2015
  cursor: default;
1996
- font-weight: 400;
2016
+ font-weight: normal;
1997
2017
  height: 34px;
1998
2018
  padding: 5px;
1999
2019
  text-align: center;
@@ -2396,11 +2416,6 @@
2396
2416
  .e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
2397
2417
  font-size: 14px;
2398
2418
  }
2399
- .e-bigger .e-schedule .e-vertical-view .e-header-cells,
2400
- .e-bigger.e-schedule .e-vertical-view .e-header-cells {
2401
- height: 66px;
2402
- padding: 8px;
2403
- }
2404
2419
  .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
2405
2420
  .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
2406
2421
  font-size: 14px;
@@ -3847,6 +3862,9 @@
3847
3862
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3848
3863
  border-right-width: 0;
3849
3864
  }
3865
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3866
+ text-align: right;
3867
+ }
3850
3868
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3851
3869
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3852
3870
  border-width: 0 1px 1px 0;
@@ -3864,6 +3882,7 @@
3864
3882
  border-right-width: 0;
3865
3883
  }
3866
3884
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3885
+ text-align: right;
3867
3886
  border-width: 0 1px 1px 0;
3868
3887
  }
3869
3888
  .e-schedule.e-rtl .e-month-view .e-work-cells,
package/styles/schedule/fabric-dark.css CHANGED
@@ -411,7 +411,7 @@
411
411
  }
412
412
  .e-schedule .e-content-wrap,
413
413
  .e-schedule .e-scroll-container {
414
- -webkit-overflow-scrolling: touch;
414
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
415
415
  overflow: auto;
416
416
  }
417
417
  .e-schedule .e-hide-childs > * {
@@ -586,7 +586,7 @@
586
586
  }
587
587
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
588
588
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
589
- height: 0 !important;
589
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
590
590
  }
591
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
592
592
  background: #0074cc;
@@ -798,6 +798,13 @@
798
798
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
799
799
  background-color: rgba(0, 0, 0, 0.08);
800
800
  }
801
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
802
+ background-color: rgba(0, 0, 0, 0.08);
803
+ box-shadow: inset 0 0 0 8px #282727;
804
+ }
805
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
806
+ background-color: rgba(0, 0, 0, 0.08);
807
+ }
801
808
  .e-schedule .e-vertical-view .e-current-time {
802
809
  font-size: 12px;
803
810
  }
@@ -1086,7 +1093,7 @@
1086
1093
  }
1087
1094
  .e-schedule .e-month-view .e-header-cells {
1088
1095
  cursor: default;
1089
- font-weight: 400;
1096
+ font-weight: normal;
1090
1097
  height: 30px;
1091
1098
  padding: 3px;
1092
1099
  }
@@ -1114,6 +1121,13 @@
1114
1121
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1115
1122
  background-color: rgba(0, 0, 0, 0.08);
1116
1123
  }
1124
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1125
+ background-color: rgba(0, 0, 0, 0.08);
1126
+ box-shadow: inset 0 0 0 8px #282727;
1127
+ }
1128
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1129
+ background-color: rgba(0, 0, 0, 0.08);
1130
+ }
1117
1131
  .e-schedule .e-month-view .e-date-header {
1118
1132
  cursor: pointer;
1119
1133
  display: table;
@@ -1461,7 +1475,7 @@
1461
1475
  .e-schedule .e-timeline-year-view .e-left-indent,
1462
1476
  .e-schedule .e-timeline-year-view .e-header-cells {
1463
1477
  cursor: default;
1464
- font-weight: 400;
1478
+ font-weight: normal;
1465
1479
  height: 30px;
1466
1480
  padding: 0;
1467
1481
  text-align: center;
@@ -1865,9 +1879,14 @@
1865
1879
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1866
1880
  width: 70px;
1867
1881
  }
1882
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1883
+ transform: translateX(0);
1884
+ }
1885
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1886
+ transform: translateY(0);
1887
+ }
1868
1888
  .e-schedule .e-virtual-scroll .e-content-table {
1869
1889
  position: absolute;
1870
- transform: translateY(0);
1871
1890
  }
1872
1891
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1873
1892
  position: relative;
@@ -1984,7 +2003,7 @@
1984
2003
  }
1985
2004
  .e-schedule .e-month-agenda-view .e-header-cells {
1986
2005
  cursor: default;
1987
- font-weight: 400;
2006
+ font-weight: normal;
1988
2007
  height: 30px;
1989
2008
  padding: 5px;
1990
2009
  text-align: center;
@@ -3730,6 +3749,9 @@
3730
3749
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3731
3750
  border-right-width: 0;
3732
3751
  }
3752
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3753
+ text-align: right;
3754
+ }
3733
3755
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3734
3756
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3735
3757
  border-width: 0 1px 1px 0;
@@ -3747,6 +3769,7 @@
3747
3769
  border-right-width: 0;
3748
3770
  }
3749
3771
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3772
+ text-align: right;
3750
3773
  border-width: 0 0 1px;
3751
3774
  }
3752
3775
  .e-schedule.e-rtl .e-month-view .e-work-cells,
package/styles/schedule/fabric.css CHANGED
@@ -411,7 +411,7 @@
411
411
  }
412
412
  .e-schedule .e-content-wrap,
413
413
  .e-schedule .e-scroll-container {
414
- -webkit-overflow-scrolling: touch;
414
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
415
415
  overflow: auto;
416
416
  }
417
417
  .e-schedule .e-hide-childs > * {
@@ -586,7 +586,7 @@
586
586
  }
587
587
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
588
588
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
589
- height: 0 !important;
589
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
590
590
  }
591
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
592
592
  background: #0078d6;
@@ -798,6 +798,13 @@
798
798
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
799
799
  background-color: rgba(0, 0, 0, 0.08);
800
800
  }
801
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
802
+ background-color: rgba(0, 0, 0, 0.08);
803
+ box-shadow: inset 0 0 0 8px #f8f8f8;
804
+ }
805
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
806
+ background-color: rgba(0, 0, 0, 0.08);
807
+ }
801
808
  .e-schedule .e-vertical-view .e-current-time {
802
809
  font-size: 12px;
803
810
  }
@@ -1086,7 +1093,7 @@
1086
1093
  }
1087
1094
  .e-schedule .e-month-view .e-header-cells {
1088
1095
  cursor: default;
1089
- font-weight: 400;
1096
+ font-weight: normal;
1090
1097
  height: 30px;
1091
1098
  padding: 3px;
1092
1099
  }
@@ -1114,6 +1121,13 @@
1114
1121
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1115
1122
  background-color: rgba(0, 0, 0, 0.08);
1116
1123
  }
1124
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1125
+ background-color: rgba(0, 0, 0, 0.08);
1126
+ box-shadow: inset 0 0 0 8px #f8f8f8;
1127
+ }
1128
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1129
+ background-color: rgba(0, 0, 0, 0.08);
1130
+ }
1117
1131
  .e-schedule .e-month-view .e-date-header {
1118
1132
  cursor: pointer;
1119
1133
  display: table;
@@ -1461,7 +1475,7 @@
1461
1475
  .e-schedule .e-timeline-year-view .e-left-indent,
1462
1476
  .e-schedule .e-timeline-year-view .e-header-cells {
1463
1477
  cursor: default;
1464
- font-weight: 400;
1478
+ font-weight: normal;
1465
1479
  height: 30px;
1466
1480
  padding: 0;
1467
1481
  text-align: center;
@@ -1865,9 +1879,14 @@
1865
1879
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1866
1880
  width: 70px;
1867
1881
  }
1882
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1883
+ transform: translateX(0);
1884
+ }
1885
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1886
+ transform: translateY(0);
1887
+ }
1868
1888
  .e-schedule .e-virtual-scroll .e-content-table {
1869
1889
  position: absolute;
1870
- transform: translateY(0);
1871
1890
  }
1872
1891
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1873
1892
  position: relative;
@@ -1984,7 +2003,7 @@
1984
2003
  }
1985
2004
  .e-schedule .e-month-agenda-view .e-header-cells {
1986
2005
  cursor: default;
1987
- font-weight: 400;
2006
+ font-weight: normal;
1988
2007
  height: 30px;
1989
2008
  padding: 5px;
1990
2009
  text-align: center;
@@ -3744,6 +3763,9 @@
3744
3763
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3745
3764
  border-right-width: 0;
3746
3765
  }
3766
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3767
+ text-align: right;
3768
+ }
3747
3769
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3748
3770
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3749
3771
  border-width: 0 1px 1px 0;
@@ -3761,6 +3783,7 @@
3761
3783
  border-right-width: 0;
3762
3784
  }
3763
3785
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3786
+ text-align: right;
3764
3787
  border-width: 0 0 1px;
3765
3788
  }
3766
3789
  .e-schedule.e-rtl .e-month-view .e-work-cells,
package/styles/schedule/fluent-dark.css CHANGED
@@ -404,7 +404,7 @@
404
404
  }
405
405
  .e-schedule .e-content-wrap,
406
406
  .e-schedule .e-scroll-container {
407
- -webkit-overflow-scrolling: touch;
407
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
408
408
  overflow: auto;
409
409
  }
410
410
  .e-schedule .e-hide-childs > * {
@@ -579,7 +579,7 @@
579
579
  }
580
580
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
581
581
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
582
- height: 0 !important;
582
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
583
583
  }
584
584
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
585
585
  background: #0078d4;
@@ -792,6 +792,13 @@
792
792
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
793
793
  background-color: #252423;
794
794
  }
795
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
796
+ background-color: #252423;
797
+ box-shadow: inset 0 0 0 8px #201f1e;
798
+ }
799
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
800
+ background-color: #252423;
801
+ }
795
802
  .e-schedule .e-vertical-view .e-current-time {
796
803
  font-size: 10px;
797
804
  }
@@ -1080,7 +1087,7 @@
1080
1087
  }
1081
1088
  .e-schedule .e-month-view .e-header-cells {
1082
1089
  cursor: default;
1083
- font-weight: 400;
1090
+ font-weight: normal;
1084
1091
  height: 34px;
1085
1092
  padding: 3px;
1086
1093
  }
@@ -1108,6 +1115,13 @@
1108
1115
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1109
1116
  background-color: #252423;
1110
1117
  }
1118
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1119
+ background-color: #252423;
1120
+ box-shadow: inset 0 0 0 8px #201f1e;
1121
+ }
1122
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1123
+ background-color: #252423;
1124
+ }
1111
1125
  .e-schedule .e-month-view .e-date-header {
1112
1126
  cursor: pointer;
1113
1127
  display: table;
@@ -1455,7 +1469,7 @@
1455
1469
  .e-schedule .e-timeline-year-view .e-left-indent,
1456
1470
  .e-schedule .e-timeline-year-view .e-header-cells {
1457
1471
  cursor: default;
1458
- font-weight: 400;
1472
+ font-weight: normal;
1459
1473
  height: 34px;
1460
1474
  padding: 0;
1461
1475
  text-align: center;
@@ -1859,9 +1873,14 @@
1859
1873
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1860
1874
  width: 70px;
1861
1875
  }
1876
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1877
+ transform: translateX(0);
1878
+ }
1879
+ .e-schedule .e-virtual-scroll.e-timeline-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-month-view .e-content-table, .e-schedule .e-virtual-scroll.e-timeline-year-view.e-vertical .e-content-table {
1880
+ transform: translateY(0);
1881
+ }
1862
1882
  .e-schedule .e-virtual-scroll .e-content-table {
1863
1883
  position: absolute;
1864
- transform: translateY(0);
1865
1884
  }
1866
1885
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1867
1886
  position: relative;
@@ -1978,7 +1997,7 @@
1978
1997
  }
1979
1998
  .e-schedule .e-month-agenda-view .e-header-cells {
1980
1999
  cursor: default;
1981
- font-weight: 400;
2000
+ font-weight: normal;
1982
2001
  height: 34px;
1983
2002
  padding: 5px;
1984
2003
  text-align: center;
@@ -2364,11 +2383,6 @@
2364
2383
  .e-bigger.e-schedule .e-more-popup-wrapper .e-header-day {
2365
2384
  font-size: 14px;
2366
2385
  }
2367
- .e-bigger .e-schedule .e-vertical-view .e-header-cells,
2368
- .e-bigger.e-schedule .e-vertical-view .e-header-cells {
2369
- height: 64px;
2370
- padding: 8px;
2371
- }
2372
2386
  .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-day,
2373
2387
  .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-day {
2374
2388
  font-size: 14px;
@@ -2376,7 +2390,6 @@
2376
2390
  .e-bigger .e-schedule .e-vertical-view .e-header-cells .e-header-date,
2377
2391
  .e-bigger.e-schedule .e-vertical-view .e-header-cells .e-header-date {
2378
2392
  font-size: 18px;
2379
- padding-top: 6px;
2380
2393
  }
2381
2394
  .e-bigger .e-schedule .e-vertical-view .e-resource-cells,
2382
2395
  .e-bigger.e-schedule .e-vertical-view .e-resource-cells {
@@ -3504,6 +3517,7 @@
3504
3517
  border-style: solid;
3505
3518
  border-width: 0 0 1px 1px;
3506
3519
  color: #d2d0ce;
3520
+ text-align: left;
3507
3521
  }
3508
3522
  .e-schedule .e-vertical-view .e-date-header-wrap table tbody td.e-header-cells {
3509
3523
  border-bottom-width: 0;
@@ -3588,6 +3602,7 @@
3588
3602
  border-style: solid;
3589
3603
  border-width: 0 0 1px 1px;
3590
3604
  color: #d2d0ce;
3605
+ text-align: left;
3591
3606
  }
3592
3607
  .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day,
3593
3608
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
@@ -3733,6 +3748,9 @@
3733
3748
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3734
3749
  border-right-width: 0;
3735
3750
  }
3751
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3752
+ text-align: right;
3753
+ }
3736
3754
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3737
3755
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3738
3756
  border-width: 0 1px 1px 0;
@@ -3750,6 +3768,7 @@
3750
3768
  border-right-width: 0;
3751
3769
  }
3752
3770
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3771
+ text-align: right;
3753
3772
  border-width: 0 1px 1px 0;
3754
3773
  }
3755
3774
  .e-schedule.e-rtl .e-month-view .e-work-cells,