@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
@@ -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: #0070f0;
@@ -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 #2a2a2a;
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: 11px;
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 #2a2a2a;
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;
@@ -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,
@@ -3839,7 +3862,7 @@
3839
3862
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
3840
3863
  min-width: 98px;
3841
3864
  position: relative;
3842
- right: 27px;
3865
+ right: 20px;
3843
3866
  }
3844
3867
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
3845
3868
  min-width: 120px;
@@ -3885,8 +3908,8 @@
3885
3908
  right: 10px;
3886
3909
  }
3887
3910
  .e-recurrenceeditor.e-rtl .e-week-position {
3888
- position: relative;
3889
- right: -27px;
3911
+ left: 20px;
3912
+ right: 0;
3890
3913
  }
3891
3914
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
3892
3915
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -3905,7 +3928,7 @@
3905
3928
  padding-right: 8px;
3906
3929
  }
3907
3930
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
3908
- width: 0;
3931
+ width: 30px;
3909
3932
  }
3910
3933
  .e-recurrenceeditor .e-days .e-week-expander-label {
3911
3934
  font-size: 12px;
@@ -3985,9 +4008,6 @@
3985
4008
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
3986
4009
  padding: 0 0 10px 12px;
3987
4010
  }
3988
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
3989
- right: 24px;
3990
- }
3991
4011
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
3992
4012
  padding-bottom: 6px;
3993
4013
  }
@@ -3995,9 +4015,8 @@
3995
4015
  padding-left: 70px;
3996
4016
  }
3997
4017
  .e-bigger .e-recurrenceeditor .e-week-position {
3998
- min-width: 162px;
3999
- padding-left: 55px;
4000
- padding-right: 0;
4018
+ min-width: 130px;
4019
+ right: 0;
4001
4020
  }
4002
4021
  .e-bigger .e-recurrenceeditor .e-day-position {
4003
4022
  min-width: 190px;
@@ -4030,7 +4049,7 @@
4030
4049
  margin-bottom: 11px;
4031
4050
  }
4032
4051
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4033
- width: 0;
4052
+ width: 30px;
4034
4053
  }
4035
4054
  .e-bigger .e-recurrenceeditor .e-days button {
4036
4055
  height: 40px;
@@ -4044,7 +4063,8 @@
4044
4063
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
4045
4064
  padding: 0 12px 10px 0;
4046
4065
  }
4047
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4066
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4067
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4048
4068
  padding-left: 0;
4049
4069
  padding-right: 64px;
4050
4070
  }
@@ -4065,10 +4085,7 @@
4065
4085
  padding-right: 12px;
4066
4086
  }
4067
4087
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4068
- right: 33px;
4069
- }
4070
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
4071
- padding-left: 46px;
4088
+ left: 0;
4072
4089
  }
4073
4090
 
4074
4091
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -4115,6 +4132,13 @@
4115
4132
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
4116
4133
  padding-right: 0;
4117
4134
  }
4135
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
4136
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4137
+ padding-left: 20px;
4138
+ }
4139
+ .e-device .e-recurrenceeditor .e-week-position {
4140
+ right: 0;
4141
+ }
4118
4142
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4119
4143
  padding-right: 0;
4120
4144
  }
@@ -4126,19 +4150,12 @@
4126
4150
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4127
4151
  padding-left: 0;
4128
4152
  }
4129
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4130
- padding-left: 16px;
4131
- padding-right: 0;
4132
- }
4133
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4134
- padding-left: 20px;
4135
- }
4136
- .e-device .e-recurrenceeditor .e-week-position {
4153
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4154
+ padding-right: 20px;
4137
4155
  padding-left: 0;
4138
- padding-right: 0;
4139
4156
  }
4140
- .e-device .e-recurrenceeditor .e-week-position {
4141
- padding-left: 0;
4157
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4158
+ left: 0;
4142
4159
  }
4143
4160
  .e-device.e-recurrence-dialog .e-dlg-header-content {
4144
4161
  background: none;
@@ -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: #317ab9;
@@ -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 #f8f8f8;
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 #f8f8f8;
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;
@@ -3728,6 +3747,9 @@
3728
3747
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3729
3748
  border-right-width: 0;
3730
3749
  }
3750
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3751
+ text-align: right;
3752
+ }
3731
3753
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3732
3754
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3733
3755
  border-width: 0 1px 1px 0;
@@ -3745,6 +3767,7 @@
3745
3767
  border-right-width: 0;
3746
3768
  }
3747
3769
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3770
+ text-align: right;
3748
3771
  border-width: 0 1px 1px 0;
3749
3772
  }
3750
3773
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -3838,7 +3861,7 @@
3838
3861
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
3839
3862
  min-width: 98px;
3840
3863
  position: relative;
3841
- right: 27px;
3864
+ right: 20px;
3842
3865
  }
3843
3866
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
3844
3867
  min-width: 120px;
@@ -3884,8 +3907,8 @@
3884
3907
  right: 10px;
3885
3908
  }
3886
3909
  .e-recurrenceeditor.e-rtl .e-week-position {
3887
- position: relative;
3888
- right: -27px;
3910
+ left: 20px;
3911
+ right: 0;
3889
3912
  }
3890
3913
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
3891
3914
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -3904,7 +3927,7 @@
3904
3927
  padding-right: 8px;
3905
3928
  }
3906
3929
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
3907
- width: 0;
3930
+ width: 30px;
3908
3931
  }
3909
3932
  .e-recurrenceeditor .e-days .e-week-expander-label {
3910
3933
  font-size: 12px;
@@ -3984,9 +4007,6 @@
3984
4007
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
3985
4008
  padding: 0 0 10px 12px;
3986
4009
  }
3987
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
3988
- right: 24px;
3989
- }
3990
4010
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
3991
4011
  padding-bottom: 6px;
3992
4012
  }
@@ -3994,9 +4014,8 @@
3994
4014
  padding-left: 70px;
3995
4015
  }
3996
4016
  .e-bigger .e-recurrenceeditor .e-week-position {
3997
- min-width: 162px;
3998
- padding-left: 55px;
3999
- padding-right: 0;
4017
+ min-width: 130px;
4018
+ right: 0;
4000
4019
  }
4001
4020
  .e-bigger .e-recurrenceeditor .e-day-position {
4002
4021
  min-width: 190px;
@@ -4029,7 +4048,7 @@
4029
4048
  margin-bottom: 11px;
4030
4049
  }
4031
4050
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4032
- width: 0;
4051
+ width: 30px;
4033
4052
  }
4034
4053
  .e-bigger .e-recurrenceeditor .e-days button {
4035
4054
  height: 40px;
@@ -4043,7 +4062,8 @@
4043
4062
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
4044
4063
  padding: 0 12px 10px 0;
4045
4064
  }
4046
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4065
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4066
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4047
4067
  padding-left: 0;
4048
4068
  padding-right: 64px;
4049
4069
  }
@@ -4064,10 +4084,7 @@
4064
4084
  padding-right: 12px;
4065
4085
  }
4066
4086
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4067
- right: 33px;
4068
- }
4069
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
4070
- padding-left: 46px;
4087
+ left: 0;
4071
4088
  }
4072
4089
 
4073
4090
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -4114,6 +4131,13 @@
4114
4131
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
4115
4132
  padding-right: 0;
4116
4133
  }
4134
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
4135
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4136
+ padding-left: 20px;
4137
+ }
4138
+ .e-device .e-recurrenceeditor .e-week-position {
4139
+ right: 0;
4140
+ }
4117
4141
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4118
4142
  padding-right: 0;
4119
4143
  }
@@ -4125,19 +4149,12 @@
4125
4149
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4126
4150
  padding-left: 0;
4127
4151
  }
4128
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4129
- padding-left: 16px;
4130
- padding-right: 0;
4131
- }
4132
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4133
- padding-left: 20px;
4134
- }
4135
- .e-device .e-recurrenceeditor .e-week-position {
4152
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4153
+ padding-right: 20px;
4136
4154
  padding-left: 0;
4137
- padding-right: 0;
4138
4155
  }
4139
- .e-device .e-recurrenceeditor .e-week-position {
4140
- padding-left: 0;
4156
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4157
+ left: 0;
4141
4158
  }
4142
4159
  .e-device.e-recurrence-dialog .e-dlg-header-content {
4143
4160
  background: none;
@@ -407,7 +407,7 @@
407
407
  }
408
408
  .e-schedule .e-content-wrap,
409
409
  .e-schedule .e-scroll-container {
410
- -webkit-overflow-scrolling: touch;
410
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
411
411
  overflow: auto;
412
412
  }
413
413
  .e-schedule .e-hide-childs > * {
@@ -581,7 +581,7 @@
581
581
  }
582
582
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-row,
583
583
  .e-schedule .e-vertical-view.e-timescale-disable .e-all-day-cells {
584
- height: 0 !important;
584
+ height: 0 !important; /* stylelint-disable-line declaration-no-important */
585
585
  }
586
586
  .e-schedule .e-vertical-view.e-timescale-disable .e-appointment {
587
587
  background: #007bff;
@@ -797,6 +797,13 @@
797
797
  .e-schedule .e-vertical-view .e-work-cells.e-disable-dates:hover {
798
798
  background-color: rgba(0, 0, 0, 0.08);
799
799
  }
800
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells {
801
+ background-color: rgba(0, 0, 0, 0.08);
802
+ box-shadow: inset 0 0 0 8px #f8f9fa;
803
+ }
804
+ .e-schedule .e-vertical-view.e-virtual-mask .e-work-cells:hover {
805
+ background-color: rgba(0, 0, 0, 0.08);
806
+ }
800
807
  .e-schedule .e-vertical-view .e-current-time {
801
808
  font-size: 12px;
802
809
  }
@@ -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: 35px;
1091
1098
  padding: 8px;
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 #f8f9fa;
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: 35px;
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: 60px;
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: 35px;
1992
2011
  padding: 5px;
1993
2012
  text-align: center;
@@ -3831,6 +3850,9 @@
3831
3850
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
3832
3851
  border-right-width: 0;
3833
3852
  }
3853
+ .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td {
3854
+ text-align: right;
3855
+ }
3834
3856
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td,
3835
3857
  .e-schedule.e-rtl .e-vertical-view .e-work-cells {
3836
3858
  border-width: 0 1px 1px 0;
@@ -3848,6 +3870,7 @@
3848
3870
  border-right-width: 0;
3849
3871
  }
3850
3872
  .e-schedule.e-rtl .e-month-view .e-date-header-wrap table td {
3873
+ text-align: right;
3851
3874
  border-width: 0 1px 1px 0;
3852
3875
  }
3853
3876
  .e-schedule.e-rtl .e-month-view .e-work-cells,
@@ -3947,7 +3970,7 @@
3947
3970
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
3948
3971
  min-width: 98px;
3949
3972
  position: relative;
3950
- right: 27px;
3973
+ right: 20px;
3951
3974
  }
3952
3975
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
3953
3976
  min-width: 120px;
@@ -3993,8 +4016,8 @@
3993
4016
  right: 10px;
3994
4017
  }
3995
4018
  .e-recurrenceeditor.e-rtl .e-week-position {
3996
- position: relative;
3997
- right: -27px;
4019
+ left: 20px;
4020
+ right: 0;
3998
4021
  }
3999
4022
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
4000
4023
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -4013,7 +4036,7 @@
4013
4036
  padding-right: 8px;
4014
4037
  }
4015
4038
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4016
- width: 0;
4039
+ width: 30px;
4017
4040
  }
4018
4041
  .e-recurrenceeditor .e-days .e-week-expander-label {
4019
4042
  font-size: 14px;
@@ -4093,9 +4116,6 @@
4093
4116
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
4094
4117
  padding: 0 0 10px 12px;
4095
4118
  }
4096
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
4097
- right: 24px;
4098
- }
4099
4119
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
4100
4120
  padding-bottom: 6px;
4101
4121
  }
@@ -4103,9 +4123,8 @@
4103
4123
  padding-left: 70px;
4104
4124
  }
4105
4125
  .e-bigger .e-recurrenceeditor .e-week-position {
4106
- min-width: 162px;
4107
- padding-left: 55px;
4108
- padding-right: 0;
4126
+ min-width: 130px;
4127
+ right: 0;
4109
4128
  }
4110
4129
  .e-bigger .e-recurrenceeditor .e-day-position {
4111
4130
  min-width: 190px;
@@ -4138,7 +4157,7 @@
4138
4157
  margin-bottom: 11px;
4139
4158
  }
4140
4159
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4141
- width: 0;
4160
+ width: 30px;
4142
4161
  }
4143
4162
  .e-bigger .e-recurrenceeditor .e-days button {
4144
4163
  height: 40px;
@@ -4152,7 +4171,8 @@
4152
4171
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
4153
4172
  padding: 0 12px 10px 0;
4154
4173
  }
4155
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4174
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4175
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4156
4176
  padding-left: 0;
4157
4177
  padding-right: 64px;
4158
4178
  }
@@ -4173,10 +4193,7 @@
4173
4193
  padding-right: 12px;
4174
4194
  }
4175
4195
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4176
- right: 33px;
4177
- }
4178
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
4179
- padding-left: 46px;
4196
+ left: 0;
4180
4197
  }
4181
4198
 
4182
4199
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -4223,6 +4240,13 @@
4223
4240
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
4224
4241
  padding-right: 0;
4225
4242
  }
4243
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
4244
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4245
+ padding-left: 20px;
4246
+ }
4247
+ .e-device .e-recurrenceeditor .e-week-position {
4248
+ right: 0;
4249
+ }
4226
4250
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4227
4251
  padding-right: 0;
4228
4252
  }
@@ -4234,19 +4258,12 @@
4234
4258
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4235
4259
  padding-left: 0;
4236
4260
  }
4237
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4238
- padding-left: 16px;
4239
- padding-right: 0;
4240
- }
4241
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4242
- padding-left: 20px;
4243
- }
4244
- .e-device .e-recurrenceeditor .e-week-position {
4261
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4262
+ padding-right: 20px;
4245
4263
  padding-left: 0;
4246
- padding-right: 0;
4247
4264
  }
4248
- .e-device .e-recurrenceeditor .e-week-position {
4249
- padding-left: 0;
4265
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4266
+ left: 0;
4250
4267
  }
4251
4268
  .e-device.e-recurrence-dialog .e-dlg-header-content {
4252
4269
  background: none;