@syncfusion/ej2-react-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 (49) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-react-schedule.min.js +10 -0
  3. package/dist/ej2-react-schedule.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +50 -33
  6. package/styles/bootstrap.css +50 -33
  7. package/styles/bootstrap4.css +50 -33
  8. package/styles/bootstrap5-dark.css +51 -38
  9. package/styles/bootstrap5.css +51 -38
  10. package/styles/fabric-dark.css +50 -33
  11. package/styles/fabric.css +50 -33
  12. package/styles/fluent-dark.css +52 -39
  13. package/styles/fluent.css +52 -39
  14. package/styles/highcontrast-light.css +50 -33
  15. package/styles/highcontrast.css +50 -33
  16. package/styles/material-dark.css +50 -33
  17. package/styles/material.css +50 -33
  18. package/styles/recurrence-editor/bootstrap-dark.css +21 -27
  19. package/styles/recurrence-editor/bootstrap.css +21 -27
  20. package/styles/recurrence-editor/bootstrap4.css +21 -27
  21. package/styles/recurrence-editor/bootstrap5-dark.css +21 -27
  22. package/styles/recurrence-editor/bootstrap5.css +21 -27
  23. package/styles/recurrence-editor/fabric-dark.css +21 -27
  24. package/styles/recurrence-editor/fabric.css +21 -27
  25. package/styles/recurrence-editor/fluent-dark.css +21 -27
  26. package/styles/recurrence-editor/fluent.css +21 -27
  27. package/styles/recurrence-editor/highcontrast-light.css +21 -27
  28. package/styles/recurrence-editor/highcontrast.css +21 -27
  29. package/styles/recurrence-editor/material-dark.css +21 -27
  30. package/styles/recurrence-editor/material.css +21 -27
  31. package/styles/recurrence-editor/tailwind-dark.css +21 -27
  32. package/styles/recurrence-editor/tailwind.css +21 -27
  33. package/styles/schedule/bootstrap-dark.css +29 -6
  34. package/styles/schedule/bootstrap.css +29 -6
  35. package/styles/schedule/bootstrap4.css +29 -6
  36. package/styles/schedule/bootstrap5-dark.css +30 -11
  37. package/styles/schedule/bootstrap5.css +30 -11
  38. package/styles/schedule/fabric-dark.css +29 -6
  39. package/styles/schedule/fabric.css +29 -6
  40. package/styles/schedule/fluent-dark.css +31 -12
  41. package/styles/schedule/fluent.css +31 -12
  42. package/styles/schedule/highcontrast-light.css +29 -6
  43. package/styles/schedule/highcontrast.css +29 -6
  44. package/styles/schedule/material-dark.css +29 -6
  45. package/styles/schedule/material.css +29 -6
  46. package/styles/schedule/tailwind-dark.css +29 -6
  47. package/styles/schedule/tailwind.css +29 -6
  48. package/styles/tailwind-dark.css +50 -33
  49. package/styles/tailwind.css +50 -33
@@ -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,
@@ -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: #4f46e5;
@@ -803,6 +803,13 @@
803
803
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
804
804
  background-color: #f3f4f6;
805
805
  }
806
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
807
+ background-color: #f3f4f6;
808
+ box-shadow: inset 0 0 0 8px #f9fafb;
809
+ }
810
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
811
+ background-color: #f3f4f6;
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: #f3f4f6;
1122
1129
  }
1130
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1131
+ background-color: #f3f4f6;
1132
+ box-shadow: inset 0 0 0 8px #f9fafb;
1133
+ }
1134
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1135
+ background-color: #f3f4f6;
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,
@@ -414,7 +414,7 @@
414
414
  }
415
415
  .e-schedule .e-content-wrap,
416
416
  .e-schedule .e-scroll-container {
417
- -webkit-overflow-scrolling: touch;
417
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
418
418
  overflow: auto;
419
419
  }
420
420
  .e-schedule .e-hide-childs > * {
@@ -589,7 +589,7 @@
589
589
  }
590
590
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
591
591
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
592
- height: 0 !important;
592
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
593
593
  }
594
594
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
595
595
  background: #22d3ee;
@@ -804,6 +804,13 @@
804
804
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
805
805
  background-color: #374151;
806
806
  }
807
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
808
+ background-color: #374151;
809
+ box-shadow: inset 0 0 0 8px #232e3e;
810
+ }
811
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
812
+ background-color: #374151;
813
+ }
807
814
  .e-schedule .e-vertical-view .e-current-time {
808
815
  font-size: 10px;
809
816
  }
@@ -1093,7 +1100,7 @@
1093
1100
  }
1094
1101
  .e-schedule .e-month-view .e-header-cells {
1095
1102
  cursor: default;
1096
- font-weight: 400;
1103
+ font-weight: normal;
1097
1104
  height: 34px;
1098
1105
  padding: 8px;
1099
1106
  }
@@ -1121,6 +1128,13 @@
1121
1128
  .e-schedule .e-month-view .e-work-cells.e-disable-dates:hover {
1122
1129
  background-color: #374151;
1123
1130
  }
1131
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells {
1132
+ background-color: #374151;
1133
+ box-shadow: inset 0 0 0 8px #232e3e;
1134
+ }
1135
+ .e-schedule .e-month-view.e-virtual-mask .e-work-cells:hover {
1136
+ background-color: #374151;
1137
+ }
1124
1138
  .e-schedule .e-month-view .e-date-header {
1125
1139
  cursor: pointer;
1126
1140
  display: table;
@@ -1469,7 +1483,7 @@
1469
1483
  .e-schedule .e-timeline-year-view .e-left-indent,
1470
1484
  .e-schedule .e-timeline-year-view .e-header-cells {
1471
1485
  cursor: default;
1472
- font-weight: 400;
1486
+ font-weight: normal;
1473
1487
  height: 34px;
1474
1488
  padding: 0;
1475
1489
  text-align: center;
@@ -1874,9 +1888,14 @@
1874
1888
  .e-schedule .e-timeline-month-view .e-content-wrap table col {
1875
1889
  width: 70px;
1876
1890
  }
1891
+ .e-schedule .e-virtual-scroll.e-vertical-view .e-content-table, .e-schedule .e-virtual-scroll.e-month-view .e-content-table {
1892
+ transform: translateX(0);
1893
+ }
1894
+ .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 {
1895
+ transform: translateY(0);
1896
+ }
1877
1897
  .e-schedule .e-virtual-scroll .e-content-table {
1878
1898
  position: absolute;
1879
- transform: translateY(0);
1880
1899
  }
1881
1900
  .e-schedule .e-virtual-scroll .e-content-table.e-virtual-relative {
1882
1901
  position: relative;
@@ -1993,7 +2012,7 @@
1993
2012
  }
1994
2013
  .e-schedule .e-month-agenda-view .e-header-cells {
1995
2014
  cursor: default;
1996
- font-weight: 400;
2015
+ font-weight: normal;
1997
2016
  height: 34px;
1998
2017
  padding: 5px;
1999
2018
  text-align: center;
@@ -3849,6 +3868,9 @@
3849
3868
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3850
3869
  border-right-width: 0;
3851
3870
  }
3871
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3872
+ text-align: right;
3873
+ }
3852
3874
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3853
3875
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3854
3876
  border-width: 0 1px 1px 0;
@@ -3866,6 +3888,7 @@
3866
3888
  border-right-width: 0;
3867
3889
  }
3868
3890
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3891
+ text-align: right;
3869
3892
  border-width: 0 1px 1px 0;
3870
3893
  }
3871
3894
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -3959,7 +3982,7 @@
3959
3982
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
3960
3983
  min-width: 94px;
3961
3984
  position: relative;
3962
- right: 26px;
3985
+ right: 20px;
3963
3986
  }
3964
3987
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
3965
3988
  min-width: 120px;
@@ -4005,8 +4028,8 @@
4005
4028
  right: 10px;
4006
4029
  }
4007
4030
  .e-recurrenceeditor.e-rtl .e-week-position {
4008
- position: relative;
4009
- right: -26px;
4031
+ left: 20px;
4032
+ right: 0;
4010
4033
  }
4011
4034
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
4012
4035
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -4025,7 +4048,7 @@
4025
4048
  padding-right: 8px;
4026
4049
  }
4027
4050
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4028
- width: 0;
4051
+ width: 30px;
4029
4052
  }
4030
4053
  .e-recurrenceeditor .e-days .e-week-expander-label {
4031
4054
  font-size: 14px;
@@ -4105,9 +4128,6 @@
4105
4128
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
4106
4129
  padding: 0 0 10px 12px;
4107
4130
  }
4108
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
4109
- right: 24px;
4110
- }
4111
4131
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
4112
4132
  padding-bottom: 6px;
4113
4133
  }
@@ -4115,9 +4135,8 @@
4115
4135
  padding-left: 70px;
4116
4136
  }
4117
4137
  .e-bigger .e-recurrenceeditor .e-week-position {
4118
- min-width: 167px;
4119
- padding-left: 55px;
4120
- padding-right: 0;
4138
+ min-width: 130px;
4139
+ right: 0;
4121
4140
  }
4122
4141
  .e-bigger .e-recurrenceeditor .e-day-position {
4123
4142
  min-width: 197px;
@@ -4150,7 +4169,7 @@
4150
4169
  margin-bottom: 11px;
4151
4170
  }
4152
4171
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4153
- width: 0;
4172
+ width: 30px;
4154
4173
  }
4155
4174
  .e-bigger .e-recurrenceeditor .e-days button {
4156
4175
  height: 40px;
@@ -4164,7 +4183,8 @@
4164
4183
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
4165
4184
  padding: 0 12px 10px 0;
4166
4185
  }
4167
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4186
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4187
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4168
4188
  padding-left: 0;
4169
4189
  padding-right: 64px;
4170
4190
  }
@@ -4185,10 +4205,7 @@
4185
4205
  padding-right: 12px;
4186
4206
  }
4187
4207
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4188
- right: 33px;
4189
- }
4190
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
4191
- padding-left: 46px;
4208
+ left: 0;
4192
4209
  }
4193
4210
 
4194
4211
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -4235,6 +4252,13 @@
4235
4252
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
4236
4253
  padding-right: 0;
4237
4254
  }
4255
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
4256
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4257
+ padding-left: 20px;
4258
+ }
4259
+ .e-device .e-recurrenceeditor .e-week-position {
4260
+ right: 0;
4261
+ }
4238
4262
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4239
4263
  padding-right: 0;
4240
4264
  }
@@ -4246,19 +4270,12 @@
4246
4270
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4247
4271
  padding-left: 0;
4248
4272
  }
4249
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4250
- padding-left: 16px;
4251
- padding-right: 0;
4252
- }
4253
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4254
- padding-left: 20px;
4255
- }
4256
- .e-device .e-recurrenceeditor .e-week-position {
4273
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4274
+ padding-right: 20px;
4257
4275
  padding-left: 0;
4258
- padding-right: 0;
4259
4276
  }
4260
- .e-device .e-recurrenceeditor .e-week-position {
4261
- padding-left: 0;
4277
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4278
+ left: 0;
4262
4279
  }
4263
4280
  .e-device.e-recurrence-dialog .e-dlg-header-content {
4264
4281
  background: none;