@syncfusion/ej2-schedule 20.2.50 → 20.3.49

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 (127) 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 +617 -217
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +636 -229
  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 +18 -15
  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/resource.d.ts +1 -0
  25. package/src/schedule/base/resource.js +12 -1
  26. package/src/schedule/base/schedule-model.d.ts +7 -0
  27. package/src/schedule/base/schedule.d.ts +13 -0
  28. package/src/schedule/base/schedule.js +13 -4
  29. package/src/schedule/base/util.d.ts +15 -0
  30. package/src/schedule/base/util.js +29 -3
  31. package/src/schedule/event-renderer/agenda-base.js +3 -5
  32. package/src/schedule/event-renderer/event-base.d.ts +2 -1
  33. package/src/schedule/event-renderer/event-base.js +30 -3
  34. package/src/schedule/event-renderer/month.d.ts +1 -0
  35. package/src/schedule/event-renderer/month.js +8 -6
  36. package/src/schedule/event-renderer/vertical-view.d.ts +3 -0
  37. package/src/schedule/event-renderer/vertical-view.js +32 -12
  38. package/src/schedule/event-renderer/year.js +1 -1
  39. package/src/schedule/exports/calendar-import.js +5 -0
  40. package/src/schedule/popups/event-window.d.ts +1 -0
  41. package/src/schedule/popups/event-window.js +35 -7
  42. package/src/schedule/popups/quick-popups.js +18 -5
  43. package/src/schedule/renderer/agenda.js +1 -0
  44. package/src/schedule/renderer/month.js +25 -6
  45. package/src/schedule/renderer/renderer.js +8 -2
  46. package/src/schedule/renderer/timeline-view.js +2 -2
  47. package/src/schedule/renderer/timeline-year.d.ts +1 -0
  48. package/src/schedule/renderer/timeline-year.js +20 -12
  49. package/src/schedule/renderer/vertical-view.d.ts +1 -1
  50. package/src/schedule/renderer/vertical-view.js +48 -44
  51. package/src/schedule/renderer/view-base.d.ts +2 -0
  52. package/src/schedule/renderer/view-base.js +31 -1
  53. package/src/schedule/renderer/year.d.ts +1 -1
  54. package/src/schedule/renderer/year.js +49 -30
  55. package/styles/bootstrap-dark.css +50 -33
  56. package/styles/bootstrap.css +50 -33
  57. package/styles/bootstrap4.css +50 -33
  58. package/styles/bootstrap5-dark.css +51 -38
  59. package/styles/bootstrap5.css +51 -38
  60. package/styles/fabric-dark.css +50 -33
  61. package/styles/fabric.css +50 -33
  62. package/styles/fluent-dark.css +52 -39
  63. package/styles/fluent.css +52 -39
  64. package/styles/highcontrast-light.css +50 -33
  65. package/styles/highcontrast.css +50 -33
  66. package/styles/material-dark.css +50 -33
  67. package/styles/material.css +50 -33
  68. package/styles/recurrence-editor/_all.scss +1 -1
  69. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +1 -3
  70. package/styles/recurrence-editor/_bootstrap-definition.scss +1 -3
  71. package/styles/recurrence-editor/_bootstrap4-definition.scss +1 -3
  72. package/styles/recurrence-editor/_bootstrap5-definition.scss +1 -3
  73. package/styles/recurrence-editor/_fabric-dark-definition.scss +1 -4
  74. package/styles/recurrence-editor/_fabric-definition.scss +1 -3
  75. package/styles/recurrence-editor/_fluent-definition.scss +1 -3
  76. package/styles/recurrence-editor/_fusionnew-definition.scss +1 -3
  77. package/styles/recurrence-editor/_highcontrast-definition.scss +1 -3
  78. package/styles/recurrence-editor/_highcontrast-light-definition.scss +1 -3
  79. package/styles/recurrence-editor/_layout.scss +28 -38
  80. package/styles/recurrence-editor/_material-dark-definition.scss +1 -3
  81. package/styles/recurrence-editor/_material-definition.scss +1 -3
  82. package/styles/recurrence-editor/_material3-definition.scss +1 -3
  83. package/styles/recurrence-editor/_tailwind-definition.scss +1 -3
  84. package/styles/recurrence-editor/bootstrap-dark.css +21 -27
  85. package/styles/recurrence-editor/bootstrap.css +21 -27
  86. package/styles/recurrence-editor/bootstrap4.css +21 -27
  87. package/styles/recurrence-editor/bootstrap5-dark.css +21 -27
  88. package/styles/recurrence-editor/bootstrap5.css +21 -27
  89. package/styles/recurrence-editor/fabric-dark.css +21 -27
  90. package/styles/recurrence-editor/fabric.css +21 -27
  91. package/styles/recurrence-editor/fluent-dark.css +21 -27
  92. package/styles/recurrence-editor/fluent.css +21 -27
  93. package/styles/recurrence-editor/highcontrast-light.css +21 -27
  94. package/styles/recurrence-editor/highcontrast.css +21 -27
  95. package/styles/recurrence-editor/material-dark.css +21 -27
  96. package/styles/recurrence-editor/material.css +21 -27
  97. package/styles/recurrence-editor/tailwind-dark.css +21 -27
  98. package/styles/recurrence-editor/tailwind.css +21 -27
  99. package/styles/schedule/_all.scss +1 -1
  100. package/styles/schedule/_bootstrap4-definition.scss +0 -1
  101. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  102. package/styles/schedule/_fusionnew-definition.scss +1 -1
  103. package/styles/schedule/_layout.scss +57 -32
  104. package/styles/schedule/_material3-definition.scss +1 -1
  105. package/styles/schedule/_theme.scss +12 -10
  106. package/styles/schedule/bootstrap-dark.css +29 -6
  107. package/styles/schedule/bootstrap.css +29 -6
  108. package/styles/schedule/bootstrap4.css +29 -6
  109. package/styles/schedule/bootstrap5-dark.css +30 -11
  110. package/styles/schedule/bootstrap5.css +30 -11
  111. package/styles/schedule/fabric-dark.css +29 -6
  112. package/styles/schedule/fabric.css +29 -6
  113. package/styles/schedule/fluent-dark.css +31 -12
  114. package/styles/schedule/fluent.css +31 -12
  115. package/styles/schedule/highcontrast-light.css +29 -6
  116. package/styles/schedule/highcontrast.css +29 -6
  117. package/styles/schedule/icons/_bootstrap5.scss +0 -1
  118. package/styles/schedule/icons/_fluent.scss +0 -1
  119. package/styles/schedule/icons/_fusionnew.scss +0 -1
  120. package/styles/schedule/icons/_material3.scss +0 -1
  121. package/styles/schedule/icons/_tailwind.scss +0 -1
  122. package/styles/schedule/material-dark.css +29 -6
  123. package/styles/schedule/material.css +29 -6
  124. package/styles/schedule/tailwind-dark.css +29 -6
  125. package/styles/schedule/tailwind.css +29 -6
  126. package/styles/tailwind-dark.css +50 -33
  127. package/styles/tailwind.css +50 -33
package/styles/recurrence-editor/bootstrap5.css CHANGED
@@ -31,7 +31,7 @@
31
31
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
32
32
  min-width: 98px;
33
33
  position: relative;
34
- right: 27px;
34
+ right: 20px;
35
35
  }
36
36
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
37
37
  min-width: 120px;
@@ -77,8 +77,8 @@
77
77
  right: 10px;
78
78
  }
79
79
  .e-recurrenceeditor.e-rtl .e-week-position {
80
- position: relative;
81
- right: -27px;
80
+ left: 20px;
81
+ right: 0;
82
82
  }
83
83
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
84
84
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -97,7 +97,7 @@
97
97
  padding-right: 8px;
98
98
  }
99
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
- width: 0;
100
+ width: 30px;
101
101
  }
102
102
  .e-recurrenceeditor .e-days .e-week-expander-label {
103
103
  font-size: 14px;
@@ -177,9 +177,6 @@
177
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
178
  padding: 0 0 10px 12px;
179
179
  }
180
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
181
- right: 24px;
182
- }
183
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
184
181
  padding-bottom: 6px;
185
182
  }
@@ -187,9 +184,8 @@
187
184
  padding-left: 70px;
188
185
  }
189
186
  .e-bigger .e-recurrenceeditor .e-week-position {
190
- min-width: 162px;
191
- padding-left: 55px;
192
- padding-right: 0;
187
+ min-width: 130px;
188
+ right: 0;
193
189
  }
194
190
  .e-bigger .e-recurrenceeditor .e-day-position {
195
191
  min-width: 190px;
@@ -222,7 +218,7 @@
222
218
  margin-bottom: 11px;
223
219
  }
224
220
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
225
- width: 0;
221
+ width: 30px;
226
222
  }
227
223
  .e-bigger .e-recurrenceeditor .e-days button {
228
224
  height: 40px;
@@ -236,7 +232,8 @@
236
232
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
237
233
  padding: 0 12px 10px 0;
238
234
  }
239
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
235
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
240
237
  padding-left: 0;
241
238
  padding-right: 64px;
242
239
  }
@@ -257,10 +254,7 @@
257
254
  padding-right: 12px;
258
255
  }
259
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
260
- right: 33px;
261
- }
262
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
263
- padding-left: 46px;
257
+ left: 0;
264
258
  }
265
259
 
266
260
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -307,6 +301,13 @@
307
301
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
308
302
  padding-right: 0;
309
303
  }
304
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
305
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
+ padding-left: 20px;
307
+ }
308
+ .e-device .e-recurrenceeditor .e-week-position {
309
+ right: 0;
310
+ }
310
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
311
312
  padding-right: 0;
312
313
  }
@@ -318,19 +319,12 @@
318
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
319
320
  padding-left: 0;
320
321
  }
321
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
322
- padding-left: 16px;
323
- padding-right: 0;
324
- }
325
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
326
- padding-left: 20px;
327
- }
328
- .e-device .e-recurrenceeditor .e-week-position {
322
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
+ padding-right: 20px;
329
324
  padding-left: 0;
330
- padding-right: 0;
331
325
  }
332
- .e-device .e-recurrenceeditor .e-week-position {
333
- padding-left: 0;
326
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
+ left: 0;
334
328
  }
335
329
  .e-device.e-recurrence-dialog .e-dlg-header-content {
336
330
  background: none;
package/styles/recurrence-editor/fabric-dark.css CHANGED
@@ -31,7 +31,7 @@
31
31
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
32
32
  min-width: 90px;
33
33
  position: relative;
34
- right: 21px;
34
+ right: 20px;
35
35
  }
36
36
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
37
37
  min-width: 120px;
@@ -77,8 +77,8 @@
77
77
  right: 10px;
78
78
  }
79
79
  .e-recurrenceeditor.e-rtl .e-week-position {
80
- position: relative;
81
- right: -21px;
80
+ left: 20px;
81
+ right: 0;
82
82
  }
83
83
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
84
84
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -97,7 +97,7 @@
97
97
  padding-right: 8px;
98
98
  }
99
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
- width: 0;
100
+ width: 30px;
101
101
  }
102
102
  .e-recurrenceeditor .e-days .e-week-expander-label {
103
103
  font-size: 13px;
@@ -177,9 +177,6 @@
177
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
178
  padding: 0 0 10px 12px;
179
179
  }
180
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
181
- right: 24px;
182
- }
183
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
184
181
  padding-bottom: 6px;
185
182
  }
@@ -187,9 +184,8 @@
187
184
  padding-left: 70px;
188
185
  }
189
186
  .e-bigger .e-recurrenceeditor .e-week-position {
190
- min-width: 157px;
191
- padding-left: 55px;
192
- padding-right: 0;
187
+ min-width: 130px;
188
+ right: 0;
193
189
  }
194
190
  .e-bigger .e-recurrenceeditor .e-day-position {
195
191
  min-width: 183px;
@@ -222,7 +218,7 @@
222
218
  margin-bottom: 11px;
223
219
  }
224
220
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
225
- width: 0;
221
+ width: 30px;
226
222
  }
227
223
  .e-bigger .e-recurrenceeditor .e-days button {
228
224
  height: 40px;
@@ -236,7 +232,8 @@
236
232
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
237
233
  padding: 0 12px 10px 0;
238
234
  }
239
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
235
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
240
237
  padding-left: 0;
241
238
  padding-right: 64px;
242
239
  }
@@ -257,10 +254,7 @@
257
254
  padding-right: 12px;
258
255
  }
259
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
260
- right: 33px;
261
- }
262
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
263
- padding-left: 46px;
257
+ left: 0;
264
258
  }
265
259
 
266
260
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -307,6 +301,13 @@
307
301
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
308
302
  padding-right: 0;
309
303
  }
304
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
305
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
+ padding-left: 20px;
307
+ }
308
+ .e-device .e-recurrenceeditor .e-week-position {
309
+ right: 0;
310
+ }
310
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
311
312
  padding-right: 0;
312
313
  }
@@ -318,19 +319,12 @@
318
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
319
320
  padding-left: 0;
320
321
  }
321
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
322
- padding-left: 16px;
323
- padding-right: 0;
324
- }
325
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
326
- padding-left: 20px;
327
- }
328
- .e-device .e-recurrenceeditor .e-week-position {
322
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
+ padding-right: 20px;
329
324
  padding-left: 0;
330
- padding-right: 0;
331
325
  }
332
- .e-device .e-recurrenceeditor .e-week-position {
333
- padding-left: 0;
326
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
+ left: 0;
334
328
  }
335
329
  .e-device.e-recurrence-dialog .e-dlg-header-content {
336
330
  background: none;
package/styles/recurrence-editor/fabric.css CHANGED
@@ -31,7 +31,7 @@
31
31
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
32
32
  min-width: 90px;
33
33
  position: relative;
34
- right: 21px;
34
+ right: 20px;
35
35
  }
36
36
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
37
37
  min-width: 120px;
@@ -77,8 +77,8 @@
77
77
  right: 10px;
78
78
  }
79
79
  .e-recurrenceeditor.e-rtl .e-week-position {
80
- position: relative;
81
- right: -21px;
80
+ left: 20px;
81
+ right: 0;
82
82
  }
83
83
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
84
84
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -97,7 +97,7 @@
97
97
  padding-right: 8px;
98
98
  }
99
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
- width: 0;
100
+ width: 30px;
101
101
  }
102
102
  .e-recurrenceeditor .e-days .e-week-expander-label {
103
103
  font-size: 13px;
@@ -177,9 +177,6 @@
177
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
178
  padding: 0 0 10px 12px;
179
179
  }
180
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
181
- right: 24px;
182
- }
183
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
184
181
  padding-bottom: 6px;
185
182
  }
@@ -187,9 +184,8 @@
187
184
  padding-left: 70px;
188
185
  }
189
186
  .e-bigger .e-recurrenceeditor .e-week-position {
190
- min-width: 157px;
191
- padding-left: 55px;
192
- padding-right: 0;
187
+ min-width: 130px;
188
+ right: 0;
193
189
  }
194
190
  .e-bigger .e-recurrenceeditor .e-day-position {
195
191
  min-width: 183px;
@@ -222,7 +218,7 @@
222
218
  margin-bottom: 11px;
223
219
  }
224
220
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
225
- width: 0;
221
+ width: 30px;
226
222
  }
227
223
  .e-bigger .e-recurrenceeditor .e-days button {
228
224
  height: 40px;
@@ -236,7 +232,8 @@
236
232
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
237
233
  padding: 0 12px 10px 0;
238
234
  }
239
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
235
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
240
237
  padding-left: 0;
241
238
  padding-right: 64px;
242
239
  }
@@ -257,10 +254,7 @@
257
254
  padding-right: 12px;
258
255
  }
259
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
260
- right: 33px;
261
- }
262
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
263
- padding-left: 46px;
257
+ left: 0;
264
258
  }
265
259
 
266
260
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -307,6 +301,13 @@
307
301
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
308
302
  padding-right: 0;
309
303
  }
304
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
305
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
+ padding-left: 20px;
307
+ }
308
+ .e-device .e-recurrenceeditor .e-week-position {
309
+ right: 0;
310
+ }
310
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
311
312
  padding-right: 0;
312
313
  }
@@ -318,19 +319,12 @@
318
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
319
320
  padding-left: 0;
320
321
  }
321
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
322
- padding-left: 16px;
323
- padding-right: 0;
324
- }
325
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
326
- padding-left: 20px;
327
- }
328
- .e-device .e-recurrenceeditor .e-week-position {
322
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
+ padding-right: 20px;
329
324
  padding-left: 0;
330
- padding-right: 0;
331
325
  }
332
- .e-device .e-recurrenceeditor .e-week-position {
333
- padding-left: 0;
326
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
+ left: 0;
334
328
  }
335
329
  .e-device.e-recurrence-dialog .e-dlg-header-content {
336
330
  background: none;
package/styles/recurrence-editor/fluent-dark.css CHANGED
@@ -31,7 +31,7 @@
31
31
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
32
32
  min-width: 90px;
33
33
  position: relative;
34
- right: 21px;
34
+ right: 20px;
35
35
  }
36
36
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
37
37
  min-width: 120px;
@@ -77,8 +77,8 @@
77
77
  right: 10px;
78
78
  }
79
79
  .e-recurrenceeditor.e-rtl .e-week-position {
80
- position: relative;
81
- right: -21px;
80
+ left: 20px;
81
+ right: 0;
82
82
  }
83
83
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
84
84
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -97,7 +97,7 @@
97
97
  padding-right: 8px;
98
98
  }
99
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
- width: 0;
100
+ width: 30px;
101
101
  }
102
102
  .e-recurrenceeditor .e-days .e-week-expander-label {
103
103
  font-size: 14px;
@@ -177,9 +177,6 @@
177
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
178
  padding: 0 0 10px 12px;
179
179
  }
180
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
181
- right: 24px;
182
- }
183
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
184
181
  padding-bottom: 6px;
185
182
  }
@@ -187,9 +184,8 @@
187
184
  padding-left: 70px;
188
185
  }
189
186
  .e-bigger .e-recurrenceeditor .e-week-position {
190
- min-width: 157px;
191
- padding-left: 55px;
192
- padding-right: 0;
187
+ min-width: 130px;
188
+ right: 0;
193
189
  }
194
190
  .e-bigger .e-recurrenceeditor .e-day-position {
195
191
  min-width: 183px;
@@ -222,7 +218,7 @@
222
218
  margin-bottom: 11px;
223
219
  }
224
220
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
225
- width: 0;
221
+ width: 30px;
226
222
  }
227
223
  .e-bigger .e-recurrenceeditor .e-days button {
228
224
  height: 40px;
@@ -236,7 +232,8 @@
236
232
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
237
233
  padding: 0 12px 10px 0;
238
234
  }
239
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
235
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
240
237
  padding-left: 0;
241
238
  padding-right: 64px;
242
239
  }
@@ -257,10 +254,7 @@
257
254
  padding-right: 12px;
258
255
  }
259
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
260
- right: 33px;
261
- }
262
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
263
- padding-left: 46px;
257
+ left: 0;
264
258
  }
265
259
 
266
260
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -307,6 +301,13 @@
307
301
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
308
302
  padding-right: 0;
309
303
  }
304
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
305
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
+ padding-left: 20px;
307
+ }
308
+ .e-device .e-recurrenceeditor .e-week-position {
309
+ right: 0;
310
+ }
310
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
311
312
  padding-right: 0;
312
313
  }
@@ -318,19 +319,12 @@
318
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
319
320
  padding-left: 0;
320
321
  }
321
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
322
- padding-left: 16px;
323
- padding-right: 0;
324
- }
325
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
326
- padding-left: 20px;
327
- }
328
- .e-device .e-recurrenceeditor .e-week-position {
322
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
+ padding-right: 20px;
329
324
  padding-left: 0;
330
- padding-right: 0;
331
325
  }
332
- .e-device .e-recurrenceeditor .e-week-position {
333
- padding-left: 0;
326
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
+ left: 0;
334
328
  }
335
329
  .e-device.e-recurrence-dialog .e-dlg-header-content {
336
330
  background: none;
package/styles/recurrence-editor/fluent.css CHANGED
@@ -31,7 +31,7 @@
31
31
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
32
32
  min-width: 90px;
33
33
  position: relative;
34
- right: 21px;
34
+ right: 20px;
35
35
  }
36
36
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
37
37
  min-width: 120px;
@@ -77,8 +77,8 @@
77
77
  right: 10px;
78
78
  }
79
79
  .e-recurrenceeditor.e-rtl .e-week-position {
80
- position: relative;
81
- right: -21px;
80
+ left: 20px;
81
+ right: 0;
82
82
  }
83
83
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
84
84
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -97,7 +97,7 @@
97
97
  padding-right: 8px;
98
98
  }
99
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
- width: 0;
100
+ width: 30px;
101
101
  }
102
102
  .e-recurrenceeditor .e-days .e-week-expander-label {
103
103
  font-size: 14px;
@@ -177,9 +177,6 @@
177
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
178
  padding: 0 0 10px 12px;
179
179
  }
180
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
181
- right: 24px;
182
- }
183
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
184
181
  padding-bottom: 6px;
185
182
  }
@@ -187,9 +184,8 @@
187
184
  padding-left: 70px;
188
185
  }
189
186
  .e-bigger .e-recurrenceeditor .e-week-position {
190
- min-width: 157px;
191
- padding-left: 55px;
192
- padding-right: 0;
187
+ min-width: 130px;
188
+ right: 0;
193
189
  }
194
190
  .e-bigger .e-recurrenceeditor .e-day-position {
195
191
  min-width: 183px;
@@ -222,7 +218,7 @@
222
218
  margin-bottom: 11px;
223
219
  }
224
220
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
225
- width: 0;
221
+ width: 30px;
226
222
  }
227
223
  .e-bigger .e-recurrenceeditor .e-days button {
228
224
  height: 40px;
@@ -236,7 +232,8 @@
236
232
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
237
233
  padding: 0 12px 10px 0;
238
234
  }
239
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
235
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
240
237
  padding-left: 0;
241
238
  padding-right: 64px;
242
239
  }
@@ -257,10 +254,7 @@
257
254
  padding-right: 12px;
258
255
  }
259
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
260
- right: 33px;
261
- }
262
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
263
- padding-left: 46px;
257
+ left: 0;
264
258
  }
265
259
 
266
260
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -307,6 +301,13 @@
307
301
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
308
302
  padding-right: 0;
309
303
  }
304
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
305
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
+ padding-left: 20px;
307
+ }
308
+ .e-device .e-recurrenceeditor .e-week-position {
309
+ right: 0;
310
+ }
310
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
311
312
  padding-right: 0;
312
313
  }
@@ -318,19 +319,12 @@
318
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
319
320
  padding-left: 0;
320
321
  }
321
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
322
- padding-left: 16px;
323
- padding-right: 0;
324
- }
325
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
326
- padding-left: 20px;
327
- }
328
- .e-device .e-recurrenceeditor .e-week-position {
322
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
+ padding-right: 20px;
329
324
  padding-left: 0;
330
- padding-right: 0;
331
325
  }
332
- .e-device .e-recurrenceeditor .e-week-position {
333
- padding-left: 0;
326
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
+ left: 0;
334
328
  }
335
329
  .e-device.e-recurrence-dialog .e-dlg-header-content {
336
330
  background: none;
package/styles/recurrence-editor/highcontrast-light.css CHANGED
@@ -31,7 +31,7 @@
31
31
  .e-recurrenceeditor .e-recurrence-table .e-week-position {
32
32
  min-width: 88px;
33
33
  position: relative;
34
- right: 19px;
34
+ right: 20px;
35
35
  }
36
36
  .e-recurrenceeditor .e-recurrence-table .e-day-position {
37
37
  min-width: 120px;
@@ -77,8 +77,8 @@
77
77
  right: 10px;
78
78
  }
79
79
  .e-recurrenceeditor.e-rtl .e-week-position {
80
- position: relative;
81
- right: -19px;
80
+ left: 20px;
81
+ right: 0;
82
82
  }
83
83
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
84
84
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -97,7 +97,7 @@
97
97
  padding-right: 8px;
98
98
  }
99
99
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
- width: 0;
100
+ width: 30px;
101
101
  }
102
102
  .e-recurrenceeditor .e-days .e-week-expander-label {
103
103
  font-size: 12px;
@@ -177,9 +177,6 @@
177
177
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
178
  padding: 0 0 10px 12px;
179
179
  }
180
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
181
- right: 24px;
182
- }
183
180
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
184
181
  padding-bottom: 6px;
185
182
  }
@@ -187,9 +184,8 @@
187
184
  padding-left: 70px;
188
185
  }
189
186
  .e-bigger .e-recurrenceeditor .e-week-position {
190
- min-width: 157px;
191
- padding-left: 55px;
192
- padding-right: 0;
187
+ min-width: 130px;
188
+ right: 0;
193
189
  }
194
190
  .e-bigger .e-recurrenceeditor .e-day-position {
195
191
  min-width: 183px;
@@ -222,7 +218,7 @@
222
218
  margin-bottom: 11px;
223
219
  }
224
220
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
225
- width: 0;
221
+ width: 30px;
226
222
  }
227
223
  .e-bigger .e-recurrenceeditor .e-days button {
228
224
  height: 40px;
@@ -236,7 +232,8 @@
236
232
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
237
233
  padding: 0 12px 10px 0;
238
234
  }
239
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
235
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
+ .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
240
237
  padding-left: 0;
241
238
  padding-right: 64px;
242
239
  }
@@ -257,10 +254,7 @@
257
254
  padding-right: 12px;
258
255
  }
259
256
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
260
- right: 33px;
261
- }
262
- .e-bigger .e-recurrenceeditor.e-rtl .e-week-position {
263
- padding-left: 46px;
257
+ left: 0;
264
258
  }
265
259
 
266
260
  .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
@@ -307,6 +301,13 @@
307
301
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
308
302
  padding-right: 0;
309
303
  }
304
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
305
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
+ padding-left: 20px;
307
+ }
308
+ .e-device .e-recurrenceeditor .e-week-position {
309
+ right: 0;
310
+ }
310
311
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
311
312
  padding-right: 0;
312
313
  }
@@ -318,19 +319,12 @@
318
319
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
319
320
  padding-left: 0;
320
321
  }
321
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
322
- padding-left: 16px;
323
- padding-right: 0;
324
- }
325
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
326
- padding-left: 20px;
327
- }
328
- .e-device .e-recurrenceeditor .e-week-position {
322
+ .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
+ padding-right: 20px;
329
324
  padding-left: 0;
330
- padding-right: 0;
331
325
  }
332
- .e-device .e-recurrenceeditor .e-week-position {
333
- padding-left: 0;
326
+ .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
+ left: 0;
334
328
  }
335
329
  .e-device.e-recurrence-dialog .e-dlg-header-content {
336
330
  background: none;