@syncfusion/ej2-schedule 20.2.50 → 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 (124) hide show
  1. package/CHANGELOG.md +14 -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 +600 -215
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +618 -227
  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/month.js +25 -6
  42. package/src/schedule/renderer/renderer.js +8 -2
  43. package/src/schedule/renderer/timeline-view.js +2 -2
  44. package/src/schedule/renderer/timeline-year.d.ts +1 -0
  45. package/src/schedule/renderer/timeline-year.js +20 -12
  46. package/src/schedule/renderer/vertical-view.d.ts +1 -1
  47. package/src/schedule/renderer/vertical-view.js +48 -44
  48. package/src/schedule/renderer/view-base.d.ts +2 -0
  49. package/src/schedule/renderer/view-base.js +31 -1
  50. package/src/schedule/renderer/year.d.ts +1 -1
  51. package/src/schedule/renderer/year.js +49 -30
  52. package/styles/bootstrap-dark.css +50 -33
  53. package/styles/bootstrap.css +50 -33
  54. package/styles/bootstrap4.css +50 -33
  55. package/styles/bootstrap5-dark.css +51 -38
  56. package/styles/bootstrap5.css +51 -38
  57. package/styles/fabric-dark.css +50 -33
  58. package/styles/fabric.css +50 -33
  59. package/styles/fluent-dark.css +52 -39
  60. package/styles/fluent.css +52 -39
  61. package/styles/highcontrast-light.css +50 -33
  62. package/styles/highcontrast.css +50 -33
  63. package/styles/material-dark.css +50 -33
  64. package/styles/material.css +50 -33
  65. package/styles/recurrence-editor/_all.scss +1 -1
  66. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +1 -3
  67. package/styles/recurrence-editor/_bootstrap-definition.scss +1 -3
  68. package/styles/recurrence-editor/_bootstrap4-definition.scss +1 -3
  69. package/styles/recurrence-editor/_bootstrap5-definition.scss +1 -3
  70. package/styles/recurrence-editor/_fabric-dark-definition.scss +1 -4
  71. package/styles/recurrence-editor/_fabric-definition.scss +1 -3
  72. package/styles/recurrence-editor/_fluent-definition.scss +1 -3
  73. package/styles/recurrence-editor/_fusionnew-definition.scss +1 -3
  74. package/styles/recurrence-editor/_highcontrast-definition.scss +1 -3
  75. package/styles/recurrence-editor/_highcontrast-light-definition.scss +1 -3
  76. package/styles/recurrence-editor/_layout.scss +28 -38
  77. package/styles/recurrence-editor/_material-dark-definition.scss +1 -3
  78. package/styles/recurrence-editor/_material-definition.scss +1 -3
  79. package/styles/recurrence-editor/_material3-definition.scss +1 -3
  80. package/styles/recurrence-editor/_tailwind-definition.scss +1 -3
  81. package/styles/recurrence-editor/bootstrap-dark.css +21 -27
  82. package/styles/recurrence-editor/bootstrap.css +21 -27
  83. package/styles/recurrence-editor/bootstrap4.css +21 -27
  84. package/styles/recurrence-editor/bootstrap5-dark.css +21 -27
  85. package/styles/recurrence-editor/bootstrap5.css +21 -27
  86. package/styles/recurrence-editor/fabric-dark.css +21 -27
  87. package/styles/recurrence-editor/fabric.css +21 -27
  88. package/styles/recurrence-editor/fluent-dark.css +21 -27
  89. package/styles/recurrence-editor/fluent.css +21 -27
  90. package/styles/recurrence-editor/highcontrast-light.css +21 -27
  91. package/styles/recurrence-editor/highcontrast.css +21 -27
  92. package/styles/recurrence-editor/material-dark.css +21 -27
  93. package/styles/recurrence-editor/material.css +21 -27
  94. package/styles/recurrence-editor/tailwind-dark.css +21 -27
  95. package/styles/recurrence-editor/tailwind.css +21 -27
  96. package/styles/schedule/_all.scss +1 -1
  97. package/styles/schedule/_bootstrap4-definition.scss +0 -1
  98. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  99. package/styles/schedule/_fusionnew-definition.scss +1 -1
  100. package/styles/schedule/_layout.scss +57 -32
  101. package/styles/schedule/_material3-definition.scss +1 -1
  102. package/styles/schedule/_theme.scss +12 -10
  103. package/styles/schedule/bootstrap-dark.css +29 -6
  104. package/styles/schedule/bootstrap.css +29 -6
  105. package/styles/schedule/bootstrap4.css +29 -6
  106. package/styles/schedule/bootstrap5-dark.css +30 -11
  107. package/styles/schedule/bootstrap5.css +30 -11
  108. package/styles/schedule/fabric-dark.css +29 -6
  109. package/styles/schedule/fabric.css +29 -6
  110. package/styles/schedule/fluent-dark.css +31 -12
  111. package/styles/schedule/fluent.css +31 -12
  112. package/styles/schedule/highcontrast-light.css +29 -6
  113. package/styles/schedule/highcontrast.css +29 -6
  114. package/styles/schedule/icons/_bootstrap5.scss +0 -1
  115. package/styles/schedule/icons/_fluent.scss +0 -1
  116. package/styles/schedule/icons/_fusionnew.scss +0 -1
  117. package/styles/schedule/icons/_material3.scss +0 -1
  118. package/styles/schedule/icons/_tailwind.scss +0 -1
  119. package/styles/schedule/material-dark.css +29 -6
  120. package/styles/schedule/material.css +29 -6
  121. package/styles/schedule/tailwind-dark.css +29 -6
  122. package/styles/schedule/tailwind.css +29 -6
  123. package/styles/tailwind-dark.css +50 -33
  124. package/styles/tailwind.css +50 -33
@@ -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: #f3f2f1;
794
794
  }
795
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
796
+ background-color: #f3f2f1;
797
+ box-shadow: inset 0 0 0 8px #faf9f8;
798
+ }
799
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
800
+ background-color: #f3f2f1;
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: #f3f2f1;
1110
1117
  }
1118
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1119
+ background-color: #f3f2f1;
1120
+ box-shadow: inset 0 0 0 8px #faf9f8;
1121
+ }
1122
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1123
+ background-color: #f3f2f1;
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: #323130;
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: #323130;
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,
@@ -408,7 +408,7 @@
408
408
  }
409
409
  .e-schedule .e-content-wrap,
410
410
  .e-schedule .e-scroll-container {
411
- -webkit-overflow-scrolling: touch;
411
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
412
412
  overflow: auto;
413
413
  }
414
414
  .e-schedule .e-hide-childs > * {
@@ -583,7 +583,7 @@
583
583
  }
584
584
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
585
585
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
586
- height: 0 !important;
586
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
587
587
  }
588
588
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
589
589
  background: #1c8000;
@@ -795,6 +795,13 @@
795
795
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
796
796
  background-color: rgba(0, 0, 0, 0.08);
797
797
  }
798
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
799
+ background-color: rgba(0, 0, 0, 0.08);
800
+ box-shadow: inset 0 0 0 8px #e4e4e4;
801
+ }
802
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
803
+ background-color: rgba(0, 0, 0, 0.08);
804
+ }
798
805
  .e-schedule .e-vertical-view .e-current-time {
799
806
  font-size: 12px;
800
807
  }
@@ -1083,7 +1090,7 @@
1083
1090
  }
1084
1091
  .e-schedule .e-month-view .e-header-cells {
1085
1092
  cursor: default;
1086
- font-weight: 400;
1093
+ font-weight: normal;
1087
1094
  height: 30px;
1088
1095
  padding: 3px;
1089
1096
  }
@@ -1111,6 +1118,13 @@
1111
1118
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1112
1119
  background-color: rgba(0, 0, 0, 0.08);
1113
1120
  }
1121
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1122
+ background-color: rgba(0, 0, 0, 0.08);
1123
+ box-shadow: inset 0 0 0 8px #e4e4e4;
1124
+ }
1125
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1126
+ background-color: rgba(0, 0, 0, 0.08);
1127
+ }
1114
1128
  .e-schedule .e-month-view .e-date-header {
1115
1129
  cursor: pointer;
1116
1130
  display: table;
@@ -1458,7 +1472,7 @@
1458
1472
  .e-schedule .e-timeline-year-view .e-left-indent,
1459
1473
  .e-schedule .e-timeline-year-view .e-header-cells {
1460
1474
  cursor: default;
1461
- font-weight: 400;
1475
+ font-weight: normal;
1462
1476
  height: 30px;
1463
1477
  padding: 0;
1464
1478
  text-align: center;
@@ -1862,9 +1876,14 @@
1862
1876
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1863
1877
  width: 70px;
1864
1878
  }
1879
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1880
+ transform: translateX(0);
1881
+ }
1882
+ .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 {
1883
+ transform: translateY(0);
1884
+ }
1865
1885
  .e-schedule .e-virtual-scroll .e-content-table {
1866
1886
  position: absolute;
1867
- transform: translateY(0);
1868
1887
  }
1869
1888
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1870
1889
  position: relative;
@@ -1981,7 +2000,7 @@
1981
2000
  }
1982
2001
  .e-schedule .e-month-agenda-view .e-header-cells {
1983
2002
  cursor: default;
1984
- font-weight: 400;
2003
+ font-weight: normal;
1985
2004
  height: 30px;
1986
2005
  padding: 5px;
1987
2006
  text-align: center;
@@ -3727,6 +3746,9 @@
3727
3746
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3728
3747
  border-right-width: 0;
3729
3748
  }
3749
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3750
+ text-align: right;
3751
+ }
3730
3752
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3731
3753
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3732
3754
  border-width: 0 1px 1px 0;
@@ -3744,6 +3766,7 @@
3744
3766
  border-right-width: 0;
3745
3767
  }
3746
3768
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3769
+ text-align: right;
3747
3770
  border-width: 0 0 1px;
3748
3771
  }
3749
3772
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -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: #1c8000;
@@ -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 #1a1a1a;
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 #1a1a1a;
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;
@@ -1464,7 +1478,7 @@
1464
1478
  .e-schedule .e-timeline-year-view .e-left-indent,
1465
1479
  .e-schedule .e-timeline-year-view .e-header-cells {
1466
1480
  cursor: default;
1467
- font-weight: 400;
1481
+ font-weight: normal;
1468
1482
  height: 30px;
1469
1483
  padding: 0;
1470
1484
  text-align: center;
@@ -1868,9 +1882,14 @@
1868
1882
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1869
1883
  width: 70px;
1870
1884
  }
1885
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1886
+ transform: translateX(0);
1887
+ }
1888
+ .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 {
1889
+ transform: translateY(0);
1890
+ }
1871
1891
  .e-schedule .e-virtual-scroll .e-content-table {
1872
1892
  position: absolute;
1873
- transform: translateY(0);
1874
1893
  }
1875
1894
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1876
1895
  position: relative;
@@ -1987,7 +2006,7 @@
1987
2006
  }
1988
2007
  .e-schedule .e-month-agenda-view .e-header-cells {
1989
2008
  cursor: default;
1990
- font-weight: 400;
2009
+ font-weight: normal;
1991
2010
  height: 30px;
1992
2011
  padding: 5px;
1993
2012
  text-align: center;
@@ -3754,6 +3773,9 @@
3754
3773
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3755
3774
  border-right-width: 0;
3756
3775
  }
3776
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3777
+ text-align: right;
3778
+ }
3757
3779
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3758
3780
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3759
3781
  border-width: 0 1px 1px 0;
@@ -3771,6 +3793,7 @@
3771
3793
  border-right-width: 0;
3772
3794
  }
3773
3795
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3796
+ text-align: right;
3774
3797
  border-width: 0 0 1px;
3775
3798
  }
3776
3799
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -229,4 +229,3 @@
229
229
  }
230
230
  }
231
231
  }
232
-
@@ -409,7 +409,7 @@
409
409
  }
410
410
  .e-schedule .e-content-wrap,
411
411
  .e-schedule .e-scroll-container {
412
- -webkit-overflow-scrolling: touch;
412
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
413
413
  overflow: auto;
414
414
  }
415
415
  .e-schedule .e-hide-childs > * {
@@ -584,7 +584,7 @@
584
584
  }
585
585
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
586
586
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
587
- height: 0 !important;
587
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
588
588
  }
589
589
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
590
590
  background: #3f51b5;
@@ -796,6 +796,13 @@
796
796
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
797
797
  background-color: rgba(0, 0, 0, 0.08);
798
798
  }
799
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
800
+ background-color: rgba(0, 0, 0, 0.08);
801
+ box-shadow: inset 0 0 0 8px #424242;
802
+ }
803
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
804
+ background-color: rgba(0, 0, 0, 0.08);
805
+ }
799
806
  .e-schedule .e-vertical-view .e-current-time {
800
807
  font-size: 11px;
801
808
  }
@@ -1084,7 +1091,7 @@
1084
1091
  }
1085
1092
  .e-schedule .e-month-view .e-header-cells {
1086
1093
  cursor: default;
1087
- font-weight: 400;
1094
+ font-weight: normal;
1088
1095
  height: 30px;
1089
1096
  padding: 3px;
1090
1097
  }
@@ -1112,6 +1119,13 @@
1112
1119
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1113
1120
  background-color: rgba(0, 0, 0, 0.08);
1114
1121
  }
1122
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1123
+ background-color: rgba(0, 0, 0, 0.08);
1124
+ box-shadow: inset 0 0 0 8px #424242;
1125
+ }
1126
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1127
+ background-color: rgba(0, 0, 0, 0.08);
1128
+ }
1115
1129
  .e-schedule .e-month-view .e-date-header {
1116
1130
  cursor: pointer;
1117
1131
  display: table;
@@ -1459,7 +1473,7 @@
1459
1473
  .e-schedule .e-timeline-year-view .e-left-indent,
1460
1474
  .e-schedule .e-timeline-year-view .e-header-cells {
1461
1475
  cursor: default;
1462
- font-weight: 400;
1476
+ font-weight: normal;
1463
1477
  height: 30px;
1464
1478
  padding: 0;
1465
1479
  text-align: center;
@@ -1863,9 +1877,14 @@
1863
1877
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1864
1878
  width: 70px;
1865
1879
  }
1880
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1881
+ transform: translateX(0);
1882
+ }
1883
+ .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 {
1884
+ transform: translateY(0);
1885
+ }
1866
1886
  .e-schedule .e-virtual-scroll .e-content-table {
1867
1887
  position: absolute;
1868
- transform: translateY(0);
1869
1888
  }
1870
1889
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1871
1890
  position: relative;
@@ -1982,7 +2001,7 @@
1982
2001
  }
1983
2002
  .e-schedule .e-month-agenda-view .e-header-cells {
1984
2003
  cursor: default;
1985
- font-weight: 400;
2004
+ font-weight: normal;
1986
2005
  height: 30px;
1987
2006
  padding: 5px;
1988
2007
  text-align: center;
@@ -3729,6 +3748,9 @@
3729
3748
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3730
3749
  border-right-width: 0;
3731
3750
  }
3751
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3752
+ text-align: right;
3753
+ }
3732
3754
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3733
3755
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3734
3756
  border-width: 0 1px 1px 0;
@@ -3746,6 +3768,7 @@
3746
3768
  border-right-width: 0;
3747
3769
  }
3748
3770
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3771
+ text-align: right;
3749
3772
  border-width: 0 1px 1px 0;
3750
3773
  }
3751
3774
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -412,7 +412,7 @@
412
412
  }
413
413
  .e-schedule .e-content-wrap,
414
414
  .e-schedule .e-scroll-container {
415
- -webkit-overflow-scrolling: touch;
415
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
416
416
  overflow: auto;
417
417
  }
418
418
  .e-schedule .e-hide-childs > * {
@@ -587,7 +587,7 @@
587
587
  }
588
588
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
589
589
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
590
- height: 0 !important;
590
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
591
591
  }
592
592
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
593
593
  background: #3f51b5;
@@ -799,6 +799,13 @@
799
799
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
800
800
  background-color: rgba(0, 0, 0, 0.08);
801
801
  }
802
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
803
+ background-color: rgba(0, 0, 0, 0.08);
804
+ box-shadow: inset 0 0 0 8px #fafafa;
805
+ }
806
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
807
+ background-color: rgba(0, 0, 0, 0.08);
808
+ }
802
809
  .e-schedule .e-vertical-view .e-current-time {
803
810
  font-size: 11px;
804
811
  }
@@ -1087,7 +1094,7 @@
1087
1094
  }
1088
1095
  .e-schedule .e-month-view .e-header-cells {
1089
1096
  cursor: default;
1090
- font-weight: 400;
1097
+ font-weight: normal;
1091
1098
  height: 30px;
1092
1099
  padding: 3px;
1093
1100
  }
@@ -1115,6 +1122,13 @@
1115
1122
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1116
1123
  background-color: rgba(0, 0, 0, 0.08);
1117
1124
  }
1125
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1126
+ background-color: rgba(0, 0, 0, 0.08);
1127
+ box-shadow: inset 0 0 0 8px #fafafa;
1128
+ }
1129
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1130
+ background-color: rgba(0, 0, 0, 0.08);
1131
+ }
1118
1132
  .e-schedule .e-month-view .e-date-header {
1119
1133
  cursor: pointer;
1120
1134
  display: table;
@@ -1462,7 +1476,7 @@
1462
1476
  .e-schedule .e-timeline-year-view .e-left-indent,
1463
1477
  .e-schedule .e-timeline-year-view .e-header-cells {
1464
1478
  cursor: default;
1465
- font-weight: 400;
1479
+ font-weight: normal;
1466
1480
  height: 30px;
1467
1481
  padding: 0;
1468
1482
  text-align: center;
@@ -1866,9 +1880,14 @@
1866
1880
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1867
1881
  width: 70px;
1868
1882
  }
1883
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1884
+ transform: translateX(0);
1885
+ }
1886
+ .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 {
1887
+ transform: translateY(0);
1888
+ }
1869
1889
  .e-schedule .e-virtual-scroll .e-content-table {
1870
1890
  position: absolute;
1871
- transform: translateY(0);
1872
1891
  }
1873
1892
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1874
1893
  position: relative;
@@ -1985,7 +2004,7 @@
1985
2004
  }
1986
2005
  .e-schedule .e-month-agenda-view .e-header-cells {
1987
2006
  cursor: default;
1988
- font-weight: 400;
2007
+ font-weight: normal;
1989
2008
  height: 30px;
1990
2009
  padding: 5px;
1991
2010
  text-align: center;
@@ -3723,6 +3742,9 @@
3723
3742
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3724
3743
  border-right-width: 0;
3725
3744
  }
3745
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3746
+ text-align: right;
3747
+ }
3726
3748
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3727
3749
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3728
3750
  border-width: 0 1px 1px 0;
@@ -3740,6 +3762,7 @@
3740
3762
  border-right-width: 0;
3741
3763
  }
3742
3764
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3765
+ text-align: right;
3743
3766
  border-width: 0 1px 1px 0;
3744
3767
  }
3745
3768
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -413,7 +413,7 @@
413
413
  }
414
414
  .e-schedule .e-content-wrap,
415
415
  .e-schedule .e-scroll-container {
416
- -webkit-overflow-scrolling: touch;
416
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
417
417
  overflow: auto;
418
418
  }
419
419
  .e-schedule .e-hide-childs > * {
@@ -588,7 +588,7 @@
588
588
  }
589
589
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
590
590
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
591
- height: 0 !important;
591
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
592
592
  }
593
593
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
594
594
  background: #22d3ee;
@@ -803,6 +803,13 @@
803
803
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
804
804
  background-color: #374151;
805
805
  }
806
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
807
+ background-color: #374151;
808
+ box-shadow: inset 0 0 0 8px #232e3e;
809
+ }
810
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
811
+ background-color: #374151;
812
+ }
806
813
  .e-schedule .e-vertical-view .e-current-time {
807
814
  font-size: 10px;
808
815
  }
@@ -1092,7 +1099,7 @@
1092
1099
  }
1093
1100
  .e-schedule .e-month-view .e-header-cells {
1094
1101
  cursor: default;
1095
- font-weight: 400;
1102
+ font-weight: normal;
1096
1103
  height: 34px;
1097
1104
  padding: 8px;
1098
1105
  }
@@ -1120,6 +1127,13 @@
1120
1127
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1121
1128
  background-color: #374151;
1122
1129
  }
1130
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1131
+ background-color: #374151;
1132
+ box-shadow: inset 0 0 0 8px #232e3e;
1133
+ }
1134
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1135
+ background-color: #374151;
1136
+ }
1123
1137
  .e-schedule .e-month-view .e-date-header {
1124
1138
  cursor: pointer;
1125
1139
  display: table;
@@ -1468,7 +1482,7 @@
1468
1482
  .e-schedule .e-timeline-year-view .e-left-indent,
1469
1483
  .e-schedule .e-timeline-year-view .e-header-cells {
1470
1484
  cursor: default;
1471
- font-weight: 400;
1485
+ font-weight: normal;
1472
1486
  height: 34px;
1473
1487
  padding: 0;
1474
1488
  text-align: center;
@@ -1873,9 +1887,14 @@
1873
1887
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1874
1888
  width: 70px;
1875
1889
  }
1890
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1891
+ transform: translateX(0);
1892
+ }
1893
+ .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 {
1894
+ transform: translateY(0);
1895
+ }
1876
1896
  .e-schedule .e-virtual-scroll .e-content-table {
1877
1897
  position: absolute;
1878
- transform: translateY(0);
1879
1898
  }
1880
1899
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1881
1900
  position: relative;
@@ -1992,7 +2011,7 @@
1992
2011
  }
1993
2012
  .e-schedule .e-month-agenda-view .e-header-cells {
1994
2013
  cursor: default;
1995
- font-weight: 400;
2014
+ font-weight: normal;
1996
2015
  height: 34px;
1997
2016
  padding: 5px;
1998
2017
  text-align: center;
@@ -3848,6 +3867,9 @@
3848
3867
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3849
3868
  border-right-width: 0;
3850
3869
  }
3870
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3871
+ text-align: right;
3872
+ }
3851
3873
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3852
3874
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3853
3875
  border-width: 0 1px 1px 0;
@@ -3865,6 +3887,7 @@
3865
3887
  border-right-width: 0;
3866
3888
  }
3867
3889
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3890
+ text-align: right;
3868
3891
  border-width: 0 1px 1px 0;
3869
3892
  }
3870
3893
  .e-schedule.e-rtl .e-month-view .e-work-cells,