@syncfusion/ej2-schedule 23.2.4 → 24.1.41

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 (119) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-schedule.min.js +2 -2
  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 +278 -35
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +341 -65
  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.js +4 -2
  14. package/src/schedule/actions/drag.js +4 -4
  15. package/src/schedule/base/schedule-model.d.ts +15 -1
  16. package/src/schedule/base/schedule.d.ts +14 -1
  17. package/src/schedule/base/schedule.js +5 -0
  18. package/src/schedule/base/type.d.ts +12 -0
  19. package/src/schedule/event-renderer/agenda-base.js +1 -1
  20. package/src/schedule/event-renderer/event-base.d.ts +1 -0
  21. package/src/schedule/event-renderer/event-base.js +25 -1
  22. package/src/schedule/event-renderer/month.js +9 -1
  23. package/src/schedule/event-renderer/timeline-view.js +8 -2
  24. package/src/schedule/event-renderer/year.js +17 -3
  25. package/src/schedule/models/models.d.ts +1 -0
  26. package/src/schedule/models/toolbar-model.d.ts +196 -0
  27. package/src/schedule/models/toolbar.d.ts +176 -0
  28. package/src/schedule/models/toolbar.js +85 -0
  29. package/src/schedule/models/views-model.d.ts +9 -0
  30. package/src/schedule/models/views.d.ts +8 -0
  31. package/src/schedule/models/views.js +3 -0
  32. package/src/schedule/popups/event-window.js +5 -11
  33. package/src/schedule/popups/quick-popups.js +2 -2
  34. package/src/schedule/renderer/header-renderer.d.ts +2 -0
  35. package/src/schedule/renderer/header-renderer.js +142 -4
  36. package/src/schedule/renderer/renderer.js +1 -1
  37. package/src/schedule/renderer/vertical-view.js +3 -3
  38. package/src/schedule/renderer/year.js +3 -0
  39. package/styles/bootstrap-dark.css +26 -22
  40. package/styles/bootstrap.css +26 -22
  41. package/styles/bootstrap4.css +25 -21
  42. package/styles/bootstrap5-dark.css +30 -26
  43. package/styles/bootstrap5.css +30 -26
  44. package/styles/fabric-dark.css +28 -24
  45. package/styles/fabric.css +28 -24
  46. package/styles/fluent-dark.css +28 -24
  47. package/styles/fluent.css +28 -24
  48. package/styles/highcontrast-light.css +26 -22
  49. package/styles/highcontrast.css +26 -22
  50. package/styles/material-dark.css +26 -22
  51. package/styles/material.css +26 -22
  52. package/styles/material3-dark.css +29 -25
  53. package/styles/material3.css +29 -25
  54. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +3 -1
  55. package/styles/recurrence-editor/_bootstrap-definition.scss +3 -1
  56. package/styles/recurrence-editor/_bootstrap4-definition.scss +3 -1
  57. package/styles/recurrence-editor/_bootstrap5-definition.scss +5 -3
  58. package/styles/recurrence-editor/_fabric-dark-definition.scss +4 -2
  59. package/styles/recurrence-editor/_fabric-definition.scss +4 -2
  60. package/styles/recurrence-editor/_fluent-definition.scss +4 -2
  61. package/styles/recurrence-editor/_fusionnew-definition.scss +4 -2
  62. package/styles/recurrence-editor/_highcontrast-definition.scss +3 -1
  63. package/styles/recurrence-editor/_highcontrast-light-definition.scss +3 -1
  64. package/styles/recurrence-editor/_layout.scss +3 -10
  65. package/styles/recurrence-editor/_material-dark-definition.scss +3 -1
  66. package/styles/recurrence-editor/_material-definition.scss +3 -1
  67. package/styles/recurrence-editor/_material3-definition.scss +4 -2
  68. package/styles/recurrence-editor/_tailwind-definition.scss +5 -3
  69. package/styles/recurrence-editor/bootstrap-dark.css +5 -10
  70. package/styles/recurrence-editor/bootstrap.css +5 -10
  71. package/styles/recurrence-editor/bootstrap4.css +4 -9
  72. package/styles/recurrence-editor/bootstrap5-dark.css +9 -14
  73. package/styles/recurrence-editor/bootstrap5.css +9 -14
  74. package/styles/recurrence-editor/fabric-dark.css +7 -12
  75. package/styles/recurrence-editor/fabric.css +7 -12
  76. package/styles/recurrence-editor/fluent-dark.css +7 -12
  77. package/styles/recurrence-editor/fluent.css +7 -12
  78. package/styles/recurrence-editor/highcontrast-light.css +5 -10
  79. package/styles/recurrence-editor/highcontrast.css +5 -10
  80. package/styles/recurrence-editor/material-dark.css +5 -10
  81. package/styles/recurrence-editor/material.css +5 -10
  82. package/styles/recurrence-editor/material3-dark.css +7 -12
  83. package/styles/recurrence-editor/material3.css +7 -12
  84. package/styles/recurrence-editor/tailwind-dark.css +9 -14
  85. package/styles/recurrence-editor/tailwind.css +9 -14
  86. package/styles/schedule/_bootstrap-dark-definition.scss +6 -2
  87. package/styles/schedule/_bootstrap-definition.scss +6 -2
  88. package/styles/schedule/_bootstrap4-definition.scss +6 -2
  89. package/styles/schedule/_bootstrap5-definition.scss +6 -2
  90. package/styles/schedule/_fabric-dark-definition.scss +6 -2
  91. package/styles/schedule/_fabric-definition.scss +6 -2
  92. package/styles/schedule/_fluent-definition.scss +6 -2
  93. package/styles/schedule/_fusionnew-definition.scss +6 -2
  94. package/styles/schedule/_highcontrast-definition.scss +6 -2
  95. package/styles/schedule/_highcontrast-light-definition.scss +6 -2
  96. package/styles/schedule/_layout.scss +23 -10
  97. package/styles/schedule/_material-dark-definition.scss +6 -2
  98. package/styles/schedule/_material-definition.scss +6 -2
  99. package/styles/schedule/_material3-definition.scss +6 -2
  100. package/styles/schedule/_tailwind-definition.scss +6 -2
  101. package/styles/schedule/bootstrap-dark.css +21 -12
  102. package/styles/schedule/bootstrap.css +21 -12
  103. package/styles/schedule/bootstrap4.css +21 -12
  104. package/styles/schedule/bootstrap5-dark.css +21 -12
  105. package/styles/schedule/bootstrap5.css +21 -12
  106. package/styles/schedule/fabric-dark.css +21 -12
  107. package/styles/schedule/fabric.css +21 -12
  108. package/styles/schedule/fluent-dark.css +21 -12
  109. package/styles/schedule/fluent.css +21 -12
  110. package/styles/schedule/highcontrast-light.css +21 -12
  111. package/styles/schedule/highcontrast.css +21 -12
  112. package/styles/schedule/material-dark.css +21 -12
  113. package/styles/schedule/material.css +21 -12
  114. package/styles/schedule/material3-dark.css +22 -13
  115. package/styles/schedule/material3.css +22 -13
  116. package/styles/schedule/tailwind-dark.css +22 -13
  117. package/styles/schedule/tailwind.css +22 -13
  118. package/styles/tailwind-dark.css +31 -27
  119. package/styles/tailwind.css +31 -27
package/styles/recurrence-editor/_material3-definition.scss CHANGED
@@ -1,9 +1,10 @@
1
1
  /*! recurrence editor theme wise definitions*/
2
2
  $recurrence-label-bottom: 8px !default;
3
- $recurrence-month-label-bottom: 8px !default;
3
+ $recurrence-month-label-bottom: -2px !default;
4
+ $recurrence-month-label-bottom-bgr: -1px !default;
4
5
  $recurrence-week-label-bottom: 10px !default;
5
6
  $recurrence-label-font-weight: $font-weight-normal !default;
6
- $recurrence-label-font-nrml-size: $text-xxs !default;
7
+ $recurrence-label-font-nrml-size: $text-xs !default;
7
8
  $recurrence-label-font-bgr-size: $text-xs !default;
8
9
  $recurrence-left-padding: 0 8px 16px 0 !default;
9
10
  $recurrence-week-position-bgr-min-width: 130px !default;
@@ -11,3 +12,4 @@ $recurrence-day-position-bgr-min-width: 190px !default;
11
12
  $recurrence-day-position-bgr-padding-left: 54px !default;
12
13
  $recurrence-end-bgr-padding-right: 16px !default;
13
14
  $recurrence-week-position-min-width: 98px !default;
15
+ $recurrence-end-on-date-margin-top: 16px !default;
package/styles/recurrence-editor/_tailwind-definition.scss CHANGED
@@ -1,9 +1,10 @@
1
1
  /*! recurrence editor theme wise definitions*/
2
2
  $recurrence-label-bottom: 7px !default;
3
- $recurrence-month-label-bottom: 7px !default;
3
+ $recurrence-month-label-bottom: 6px !default;
4
+ $recurrence-month-label-bottom-bgr: 0 !default;
4
5
  $recurrence-week-label-bottom: 10px !default;
5
- $recurrence-label-font-weight: $font-weight-normal !default;
6
- $recurrence-label-font-nrml-size: 14px !default;
6
+ $recurrence-label-font-weight: $font-weight-medium !default;
7
+ $recurrence-label-font-nrml-size: 12px !default;
7
8
  $recurrence-label-font-bgr-size: 16px !default;
8
9
  $recurrence-left-padding: 0 8px 16px 0 !default;
9
10
  $recurrence-week-position-bgr-min-width: 130px !default;
@@ -11,3 +12,4 @@ $recurrence-day-position-bgr-min-width: 197px !default;
11
12
  $recurrence-day-position-bgr-padding-left: 54px !default;
12
13
  $recurrence-end-bgr-padding-right: 2px !default;
13
14
  $recurrence-week-position-min-width: 94px !default;
15
+ $recurrence-end-on-date-margin-top: 24px !default;
package/styles/recurrence-editor/bootstrap-dark.css CHANGED
@@ -163,6 +163,7 @@
163
163
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
164
164
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
165
165
  padding-right: 0;
166
+ margin-top: 24px;
166
167
  }
167
168
  .e-recurrenceeditor.e-rtl .e-end-on > div,
168
169
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -237,13 +238,6 @@
237
238
  padding: 16px 20px 0;
238
239
  width: 50%;
239
240
  }
240
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
241
- float: none;
242
- font-size: 12px;
243
- font-weight: bold;
244
- margin-bottom: 7px;
245
- padding-right: 16px;
246
- }
247
241
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
248
242
  padding-right: 16px;
249
243
  }
@@ -253,7 +247,7 @@
253
247
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
254
248
  font-size: 12px;
255
249
  font-weight: bold;
256
- margin-bottom: 7px;
250
+ margin-bottom: 9px;
257
251
  padding-right: 16px;
258
252
  }
259
253
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -295,7 +289,8 @@
295
289
  }
296
290
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
297
291
  font-size: 12px;
298
- margin-bottom: 0;
292
+ margin-bottom: 9px;
293
+ font-weight: bold;
299
294
  }
300
295
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
301
296
  padding-right: 8px;
@@ -461,7 +456,7 @@
461
456
  }
462
457
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
463
458
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
464
- margin-bottom: 7px;
459
+ margin-bottom: 9px;
465
460
  }
466
461
  .e-recurrenceeditor .e-editor > div {
467
462
  margin-top: 20px;
package/styles/recurrence-editor/bootstrap.css CHANGED
@@ -163,6 +163,7 @@
163
163
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
164
164
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
165
165
  padding-right: 0;
166
+ margin-top: 24px;
166
167
  }
167
168
  .e-recurrenceeditor.e-rtl .e-end-on > div,
168
169
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -237,13 +238,6 @@
237
238
  padding: 16px 20px 0;
238
239
  width: 50%;
239
240
  }
240
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
241
- float: none;
242
- font-size: 12px;
243
- font-weight: bold;
244
- margin-bottom: 7px;
245
- padding-right: 16px;
246
- }
247
241
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
248
242
  padding-right: 16px;
249
243
  }
@@ -253,7 +247,7 @@
253
247
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
254
248
  font-size: 12px;
255
249
  font-weight: bold;
256
- margin-bottom: 7px;
250
+ margin-bottom: 9px;
257
251
  padding-right: 16px;
258
252
  }
259
253
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -295,7 +289,8 @@
295
289
  }
296
290
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
297
291
  font-size: 12px;
298
- margin-bottom: 0;
292
+ margin-bottom: 9px;
293
+ font-weight: bold;
299
294
  }
300
295
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
301
296
  padding-right: 8px;
@@ -461,7 +456,7 @@
461
456
  }
462
457
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
463
458
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
464
- margin-bottom: 7px;
459
+ margin-bottom: 9px;
465
460
  }
466
461
  .e-recurrenceeditor .e-editor > div {
467
462
  margin-top: 20px;
package/styles/recurrence-editor/bootstrap4.css CHANGED
@@ -208,6 +208,7 @@
208
208
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
209
209
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
210
210
  padding-right: 0;
211
+ margin-top: 24px;
211
212
  }
212
213
  .e-recurrenceeditor.e-rtl .e-end-on > div,
213
214
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -282,13 +283,6 @@
282
283
  padding: 16px 20px 0;
283
284
  width: 50%;
284
285
  }
285
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
286
- float: none;
287
- font-size: 14px;
288
- font-weight: 400;
289
- margin-bottom: 7px;
290
- padding-right: 16px;
291
- }
292
286
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
293
287
  padding-right: 16px;
294
288
  }
@@ -298,7 +292,7 @@
298
292
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
299
293
  font-size: 14px;
300
294
  font-weight: 400;
301
- margin-bottom: 7px;
295
+ margin-bottom: 3px;
302
296
  padding-right: 16px;
303
297
  }
304
298
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -341,6 +335,7 @@
341
335
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
342
336
  font-size: 16px;
343
337
  margin-bottom: 0;
338
+ font-weight: 400;
344
339
  }
345
340
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
346
341
  padding-right: 16px;
@@ -506,7 +501,7 @@
506
501
  }
507
502
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
508
503
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
509
- margin-bottom: 7px;
504
+ margin-bottom: 3px;
510
505
  }
511
506
  .e-recurrenceeditor .e-editor > div {
512
507
  margin-top: 20px;
package/styles/recurrence-editor/bootstrap5-dark.css CHANGED
@@ -204,6 +204,7 @@
204
204
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
205
205
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
206
206
  padding-right: 0;
207
+ margin-top: 24px;
207
208
  }
208
209
  .e-recurrenceeditor.e-rtl .e-end-on > div,
209
210
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -243,8 +244,8 @@
243
244
  width: 30px;
244
245
  }
245
246
  .e-recurrenceeditor .e-days .e-week-expander-label {
246
- font-size: 14px;
247
- font-weight: 400;
247
+ font-size: 12px;
248
+ font-weight: 500;
248
249
  margin-bottom: 8px;
249
250
  }
250
251
  .e-recurrenceeditor .e-days button {
@@ -278,13 +279,6 @@
278
279
  padding: 16px 20px 0;
279
280
  width: 50%;
280
281
  }
281
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
282
- float: none;
283
- font-size: 14px;
284
- font-weight: 400;
285
- margin-bottom: 7px;
286
- padding-right: 16px;
287
- }
288
282
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
289
283
  padding-right: 16px;
290
284
  }
@@ -292,9 +286,9 @@
292
286
  margin: 0;
293
287
  }
294
288
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
295
- font-size: 14px;
296
- font-weight: 400;
297
- margin-bottom: 7px;
289
+ font-size: 12px;
290
+ font-weight: 500;
291
+ margin-bottom: 5px;
298
292
  padding-right: 16px;
299
293
  }
300
294
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -337,6 +331,7 @@
337
331
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
338
332
  font-size: 16px;
339
333
  margin-bottom: 0;
334
+ font-weight: 500;
340
335
  }
341
336
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
342
337
  padding-right: 16px;
@@ -434,7 +429,7 @@
434
429
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
435
430
  float: none;
436
431
  font-size: 12px;
437
- font-weight: 400;
432
+ font-weight: 500;
438
433
  margin-bottom: 7px;
439
434
  }
440
435
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -502,7 +497,7 @@
502
497
  }
503
498
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
504
499
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
505
- margin-bottom: 7px;
500
+ margin-bottom: 5px;
506
501
  }
507
502
  .e-recurrenceeditor .e-editor > div {
508
503
  margin-top: 20px;
package/styles/recurrence-editor/bootstrap5.css CHANGED
@@ -204,6 +204,7 @@
204
204
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
205
205
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
206
206
  padding-right: 0;
207
+ margin-top: 24px;
207
208
  }
208
209
  .e-recurrenceeditor.e-rtl .e-end-on > div,
209
210
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -243,8 +244,8 @@
243
244
  width: 30px;
244
245
  }
245
246
  .e-recurrenceeditor .e-days .e-week-expander-label {
246
- font-size: 14px;
247
- font-weight: 400;
247
+ font-size: 12px;
248
+ font-weight: 500;
248
249
  margin-bottom: 8px;
249
250
  }
250
251
  .e-recurrenceeditor .e-days button {
@@ -278,13 +279,6 @@
278
279
  padding: 16px 20px 0;
279
280
  width: 50%;
280
281
  }
281
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
282
- float: none;
283
- font-size: 14px;
284
- font-weight: 400;
285
- margin-bottom: 7px;
286
- padding-right: 16px;
287
- }
288
282
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
289
283
  padding-right: 16px;
290
284
  }
@@ -292,9 +286,9 @@
292
286
  margin: 0;
293
287
  }
294
288
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
295
- font-size: 14px;
296
- font-weight: 400;
297
- margin-bottom: 7px;
289
+ font-size: 12px;
290
+ font-weight: 500;
291
+ margin-bottom: 5px;
298
292
  padding-right: 16px;
299
293
  }
300
294
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -337,6 +331,7 @@
337
331
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
338
332
  font-size: 16px;
339
333
  margin-bottom: 0;
334
+ font-weight: 500;
340
335
  }
341
336
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
342
337
  padding-right: 16px;
@@ -434,7 +429,7 @@
434
429
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
435
430
  float: none;
436
431
  font-size: 12px;
437
- font-weight: 400;
432
+ font-weight: 500;
438
433
  margin-bottom: 7px;
439
434
  }
440
435
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -502,7 +497,7 @@
502
497
  }
503
498
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
504
499
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
505
- margin-bottom: 7px;
500
+ margin-bottom: 5px;
506
501
  }
507
502
  .e-recurrenceeditor .e-editor > div {
508
503
  margin-top: 20px;
package/styles/recurrence-editor/fabric-dark.css CHANGED
@@ -139,6 +139,7 @@
139
139
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
140
140
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
141
141
  padding-right: 0;
142
+ margin-top: 28px;
142
143
  }
143
144
  .e-recurrenceeditor.e-rtl .e-end-on > div,
144
145
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -178,7 +179,7 @@
178
179
  width: 30px;
179
180
  }
180
181
  .e-recurrenceeditor .e-days .e-week-expander-label {
181
- font-size: 13px;
182
+ font-size: 12px;
182
183
  font-weight: 400;
183
184
  margin-bottom: 8px;
184
185
  }
@@ -213,13 +214,6 @@
213
214
  padding: 16px 20px 0;
214
215
  width: 50%;
215
216
  }
216
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
217
- float: none;
218
- font-size: 13px;
219
- font-weight: 400;
220
- margin-bottom: 7px;
221
- padding-right: 16px;
222
- }
223
217
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
224
218
  padding-right: 16px;
225
219
  }
@@ -227,9 +221,9 @@
227
221
  margin: 0;
228
222
  }
229
223
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
230
- font-size: 13px;
224
+ font-size: 12px;
231
225
  font-weight: 400;
232
- margin-bottom: 7px;
226
+ margin-bottom: 10px;
233
227
  padding-right: 16px;
234
228
  }
235
229
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -271,7 +265,8 @@
271
265
  }
272
266
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
273
267
  font-size: 13px;
274
- margin-bottom: 0;
268
+ margin-bottom: 8px;
269
+ font-weight: 400;
275
270
  }
276
271
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
277
272
  padding-right: 5px;
@@ -437,7 +432,7 @@
437
432
  }
438
433
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
439
434
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
440
- margin-bottom: 7px;
435
+ margin-bottom: 10px;
441
436
  }
442
437
  .e-recurrenceeditor .e-editor > div {
443
438
  margin-top: 20px;
package/styles/recurrence-editor/fabric.css CHANGED
@@ -132,6 +132,7 @@
132
132
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
133
133
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
134
134
  padding-right: 0;
135
+ margin-top: 28px;
135
136
  }
136
137
  .e-recurrenceeditor.e-rtl .e-end-on > div,
137
138
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -171,7 +172,7 @@
171
172
  width: 30px;
172
173
  }
173
174
  .e-recurrenceeditor .e-days .e-week-expander-label {
174
- font-size: 13px;
175
+ font-size: 12px;
175
176
  font-weight: 400;
176
177
  margin-bottom: 8px;
177
178
  }
@@ -206,13 +207,6 @@
206
207
  padding: 16px 20px 0;
207
208
  width: 50%;
208
209
  }
209
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
210
- float: none;
211
- font-size: 13px;
212
- font-weight: 400;
213
- margin-bottom: 7px;
214
- padding-right: 16px;
215
- }
216
210
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
217
211
  padding-right: 16px;
218
212
  }
@@ -220,9 +214,9 @@
220
214
  margin: 0;
221
215
  }
222
216
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
223
- font-size: 13px;
217
+ font-size: 12px;
224
218
  font-weight: 400;
225
- margin-bottom: 7px;
219
+ margin-bottom: 10px;
226
220
  padding-right: 16px;
227
221
  }
228
222
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -264,7 +258,8 @@
264
258
  }
265
259
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
266
260
  font-size: 13px;
267
- margin-bottom: 0;
261
+ margin-bottom: 8px;
262
+ font-weight: 400;
268
263
  }
269
264
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
270
265
  padding-right: 5px;
@@ -430,7 +425,7 @@
430
425
  }
431
426
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
432
427
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
433
- margin-bottom: 7px;
428
+ margin-bottom: 10px;
434
429
  }
435
430
  .e-recurrenceeditor .e-editor > div {
436
431
  margin-top: 20px;
package/styles/recurrence-editor/fluent-dark.css CHANGED
@@ -184,6 +184,7 @@
184
184
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
185
185
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
186
186
  padding-right: 0;
187
+ margin-top: 24px;
187
188
  }
188
189
  .e-recurrenceeditor.e-rtl .e-end-on > div,
189
190
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -224,7 +225,7 @@
224
225
  }
225
226
  .e-recurrenceeditor .e-days .e-week-expander-label {
226
227
  font-size: 14px;
227
- font-weight: 400;
228
+ font-weight: 600;
228
229
  margin-bottom: 8px;
229
230
  }
230
231
  .e-recurrenceeditor .e-days button {
@@ -258,13 +259,6 @@
258
259
  padding: 16px 20px 0;
259
260
  width: 50%;
260
261
  }
261
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
262
- float: none;
263
- font-size: 14px;
264
- font-weight: 400;
265
- margin-bottom: 7px;
266
- padding-right: 16px;
267
- }
268
262
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
269
263
  padding-right: 16px;
270
264
  }
@@ -273,8 +267,8 @@
273
267
  }
274
268
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
275
269
  font-size: 14px;
276
- font-weight: 400;
277
- margin-bottom: 7px;
270
+ font-weight: 600;
271
+ margin-bottom: 4px;
278
272
  padding-right: 16px;
279
273
  }
280
274
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -317,6 +311,7 @@
317
311
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
318
312
  font-size: 16px;
319
313
  margin-bottom: 0;
314
+ font-weight: 600;
320
315
  }
321
316
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
322
317
  padding-right: 5px;
@@ -414,7 +409,7 @@
414
409
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
415
410
  float: none;
416
411
  font-size: 12px;
417
- font-weight: 400;
412
+ font-weight: 600;
418
413
  margin-bottom: 7px;
419
414
  }
420
415
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -482,7 +477,7 @@
482
477
  }
483
478
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
484
479
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
485
- margin-bottom: 7px;
480
+ margin-bottom: 4px;
486
481
  }
487
482
  .e-recurrenceeditor .e-editor > div {
488
483
  margin-top: 20px;
package/styles/recurrence-editor/fluent.css CHANGED
@@ -184,6 +184,7 @@
184
184
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
185
185
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
186
186
  padding-right: 0;
187
+ margin-top: 24px;
187
188
  }
188
189
  .e-recurrenceeditor.e-rtl .e-end-on > div,
189
190
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -224,7 +225,7 @@
224
225
  }
225
226
  .e-recurrenceeditor .e-days .e-week-expander-label {
226
227
  font-size: 14px;
227
- font-weight: 400;
228
+ font-weight: 600;
228
229
  margin-bottom: 8px;
229
230
  }
230
231
  .e-recurrenceeditor .e-days button {
@@ -258,13 +259,6 @@
258
259
  padding: 16px 20px 0;
259
260
  width: 50%;
260
261
  }
261
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
262
- float: none;
263
- font-size: 14px;
264
- font-weight: 400;
265
- margin-bottom: 7px;
266
- padding-right: 16px;
267
- }
268
262
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
269
263
  padding-right: 16px;
270
264
  }
@@ -273,8 +267,8 @@
273
267
  }
274
268
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
275
269
  font-size: 14px;
276
- font-weight: 400;
277
- margin-bottom: 7px;
270
+ font-weight: 600;
271
+ margin-bottom: 4px;
278
272
  padding-right: 16px;
279
273
  }
280
274
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -317,6 +311,7 @@
317
311
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
318
312
  font-size: 16px;
319
313
  margin-bottom: 0;
314
+ font-weight: 600;
320
315
  }
321
316
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
322
317
  padding-right: 5px;
@@ -414,7 +409,7 @@
414
409
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
415
410
  float: none;
416
411
  font-size: 12px;
417
- font-weight: 400;
412
+ font-weight: 600;
418
413
  margin-bottom: 7px;
419
414
  }
420
415
  .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
@@ -482,7 +477,7 @@
482
477
  }
483
478
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
484
479
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
485
- margin-bottom: 7px;
480
+ margin-bottom: 4px;
486
481
  }
487
482
  .e-recurrenceeditor .e-editor > div {
488
483
  margin-top: 20px;
package/styles/recurrence-editor/highcontrast-light.css CHANGED
@@ -136,6 +136,7 @@
136
136
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
137
137
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
138
138
  padding-right: 0;
139
+ margin-top: 28px;
139
140
  }
140
141
  .e-recurrenceeditor.e-rtl .e-end-on > div,
141
142
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -210,13 +211,6 @@
210
211
  padding: 16px 20px 0;
211
212
  width: 50%;
212
213
  }
213
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
214
- float: none;
215
- font-size: 12px;
216
- font-weight: 400;
217
- margin-bottom: 7px;
218
- padding-right: 16px;
219
- }
220
214
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
221
215
  padding-right: 16px;
222
216
  }
@@ -226,7 +220,7 @@
226
220
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
227
221
  font-size: 12px;
228
222
  font-weight: 400;
229
- margin-bottom: 7px;
223
+ margin-bottom: 10px;
230
224
  padding-right: 16px;
231
225
  }
232
226
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -268,7 +262,8 @@
268
262
  }
269
263
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
270
264
  font-size: 12px;
271
- margin-bottom: 0;
265
+ margin-bottom: 10px;
266
+ font-weight: 400;
272
267
  }
273
268
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
274
269
  padding-right: 5px;
@@ -434,7 +429,7 @@
434
429
  }
435
430
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
436
431
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
437
- margin-bottom: 7px;
432
+ margin-bottom: 10px;
438
433
  }
439
434
  .e-recurrenceeditor .e-editor > div {
440
435
  margin-top: 20px;
package/styles/recurrence-editor/highcontrast.css CHANGED
@@ -136,6 +136,7 @@
136
136
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
137
137
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
138
138
  padding-right: 0;
139
+ margin-top: 28px;
139
140
  }
140
141
  .e-recurrenceeditor.e-rtl .e-end-on > div,
141
142
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -210,13 +211,6 @@
210
211
  padding: 16px 20px 0;
211
212
  width: 50%;
212
213
  }
213
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
214
- float: none;
215
- font-size: 12px;
216
- font-weight: 400;
217
- margin-bottom: 7px;
218
- padding-right: 16px;
219
- }
220
214
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
221
215
  padding-right: 16px;
222
216
  }
@@ -226,7 +220,7 @@
226
220
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
227
221
  font-size: 12px;
228
222
  font-weight: 400;
229
- margin-bottom: 7px;
223
+ margin-bottom: 10px;
230
224
  padding-right: 16px;
231
225
  }
232
226
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -268,7 +262,8 @@
268
262
  }
269
263
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
270
264
  font-size: 12px;
271
- margin-bottom: 0;
265
+ margin-bottom: 10px;
266
+ font-weight: 400;
272
267
  }
273
268
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
274
269
  padding-right: 5px;
@@ -434,7 +429,7 @@
434
429
  }
435
430
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
436
431
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
437
- margin-bottom: 7px;
432
+ margin-bottom: 10px;
438
433
  }
439
434
  .e-recurrenceeditor .e-editor > div {
440
435
  margin-top: 20px;