@syncfusion/ej2-schedule 23.2.7 → 24.2.3

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 (120) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-schedule.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es2015.js +272 -34
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +335 -64
  9. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  10. package/dist/global/ej2-schedule.min.js +2 -2
  11. package/dist/global/ej2-schedule.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +16 -16
  14. package/src/recurrence-editor/recurrence-editor.js +4 -2
  15. package/src/schedule/actions/drag.js +4 -4
  16. package/src/schedule/base/schedule-model.d.ts +15 -1
  17. package/src/schedule/base/schedule.d.ts +14 -1
  18. package/src/schedule/base/schedule.js +5 -0
  19. package/src/schedule/base/type.d.ts +12 -0
  20. package/src/schedule/event-renderer/agenda-base.js +1 -1
  21. package/src/schedule/event-renderer/event-base.d.ts +1 -0
  22. package/src/schedule/event-renderer/event-base.js +25 -1
  23. package/src/schedule/event-renderer/month.js +9 -1
  24. package/src/schedule/event-renderer/timeline-view.js +8 -2
  25. package/src/schedule/event-renderer/year.js +12 -3
  26. package/src/schedule/models/models.d.ts +1 -0
  27. package/src/schedule/models/toolbar-model.d.ts +196 -0
  28. package/src/schedule/models/toolbar.d.ts +176 -0
  29. package/src/schedule/models/toolbar.js +85 -0
  30. package/src/schedule/models/views-model.d.ts +9 -0
  31. package/src/schedule/models/views.d.ts +8 -0
  32. package/src/schedule/models/views.js +3 -0
  33. package/src/schedule/popups/event-window.js +4 -10
  34. package/src/schedule/popups/quick-popups.js +2 -2
  35. package/src/schedule/renderer/header-renderer.d.ts +2 -0
  36. package/src/schedule/renderer/header-renderer.js +142 -4
  37. package/src/schedule/renderer/renderer.js +1 -1
  38. package/src/schedule/renderer/vertical-view.js +3 -3
  39. package/src/schedule/renderer/year.js +3 -0
  40. package/styles/bootstrap-dark.css +26 -22
  41. package/styles/bootstrap.css +26 -22
  42. package/styles/bootstrap4.css +25 -21
  43. package/styles/bootstrap5-dark.css +30 -26
  44. package/styles/bootstrap5.css +30 -26
  45. package/styles/fabric-dark.css +28 -24
  46. package/styles/fabric.css +28 -24
  47. package/styles/fluent-dark.css +28 -24
  48. package/styles/fluent.css +28 -24
  49. package/styles/highcontrast-light.css +26 -22
  50. package/styles/highcontrast.css +26 -22
  51. package/styles/material-dark.css +26 -22
  52. package/styles/material.css +26 -22
  53. package/styles/material3-dark.css +29 -25
  54. package/styles/material3.css +29 -25
  55. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +3 -1
  56. package/styles/recurrence-editor/_bootstrap-definition.scss +3 -1
  57. package/styles/recurrence-editor/_bootstrap4-definition.scss +3 -1
  58. package/styles/recurrence-editor/_bootstrap5-definition.scss +5 -3
  59. package/styles/recurrence-editor/_fabric-dark-definition.scss +4 -2
  60. package/styles/recurrence-editor/_fabric-definition.scss +4 -2
  61. package/styles/recurrence-editor/_fluent-definition.scss +4 -2
  62. package/styles/recurrence-editor/_fusionnew-definition.scss +4 -2
  63. package/styles/recurrence-editor/_highcontrast-definition.scss +3 -1
  64. package/styles/recurrence-editor/_highcontrast-light-definition.scss +3 -1
  65. package/styles/recurrence-editor/_layout.scss +3 -10
  66. package/styles/recurrence-editor/_material-dark-definition.scss +3 -1
  67. package/styles/recurrence-editor/_material-definition.scss +3 -1
  68. package/styles/recurrence-editor/_material3-definition.scss +4 -2
  69. package/styles/recurrence-editor/_tailwind-definition.scss +5 -3
  70. package/styles/recurrence-editor/bootstrap-dark.css +5 -10
  71. package/styles/recurrence-editor/bootstrap.css +5 -10
  72. package/styles/recurrence-editor/bootstrap4.css +4 -9
  73. package/styles/recurrence-editor/bootstrap5-dark.css +9 -14
  74. package/styles/recurrence-editor/bootstrap5.css +9 -14
  75. package/styles/recurrence-editor/fabric-dark.css +7 -12
  76. package/styles/recurrence-editor/fabric.css +7 -12
  77. package/styles/recurrence-editor/fluent-dark.css +7 -12
  78. package/styles/recurrence-editor/fluent.css +7 -12
  79. package/styles/recurrence-editor/highcontrast-light.css +5 -10
  80. package/styles/recurrence-editor/highcontrast.css +5 -10
  81. package/styles/recurrence-editor/material-dark.css +5 -10
  82. package/styles/recurrence-editor/material.css +5 -10
  83. package/styles/recurrence-editor/material3-dark.css +7 -12
  84. package/styles/recurrence-editor/material3.css +7 -12
  85. package/styles/recurrence-editor/tailwind-dark.css +9 -14
  86. package/styles/recurrence-editor/tailwind.css +9 -14
  87. package/styles/schedule/_bootstrap-dark-definition.scss +6 -2
  88. package/styles/schedule/_bootstrap-definition.scss +6 -2
  89. package/styles/schedule/_bootstrap4-definition.scss +6 -2
  90. package/styles/schedule/_bootstrap5-definition.scss +6 -2
  91. package/styles/schedule/_fabric-dark-definition.scss +6 -2
  92. package/styles/schedule/_fabric-definition.scss +6 -2
  93. package/styles/schedule/_fluent-definition.scss +6 -2
  94. package/styles/schedule/_fusionnew-definition.scss +6 -2
  95. package/styles/schedule/_highcontrast-definition.scss +6 -2
  96. package/styles/schedule/_highcontrast-light-definition.scss +6 -2
  97. package/styles/schedule/_layout.scss +23 -10
  98. package/styles/schedule/_material-dark-definition.scss +6 -2
  99. package/styles/schedule/_material-definition.scss +6 -2
  100. package/styles/schedule/_material3-definition.scss +6 -2
  101. package/styles/schedule/_tailwind-definition.scss +6 -2
  102. package/styles/schedule/bootstrap-dark.css +21 -12
  103. package/styles/schedule/bootstrap.css +21 -12
  104. package/styles/schedule/bootstrap4.css +21 -12
  105. package/styles/schedule/bootstrap5-dark.css +21 -12
  106. package/styles/schedule/bootstrap5.css +21 -12
  107. package/styles/schedule/fabric-dark.css +21 -12
  108. package/styles/schedule/fabric.css +21 -12
  109. package/styles/schedule/fluent-dark.css +21 -12
  110. package/styles/schedule/fluent.css +21 -12
  111. package/styles/schedule/highcontrast-light.css +21 -12
  112. package/styles/schedule/highcontrast.css +21 -12
  113. package/styles/schedule/material-dark.css +21 -12
  114. package/styles/schedule/material.css +21 -12
  115. package/styles/schedule/material3-dark.css +22 -13
  116. package/styles/schedule/material3.css +22 -13
  117. package/styles/schedule/tailwind-dark.css +22 -13
  118. package/styles/schedule/tailwind.css +22 -13
  119. package/styles/tailwind-dark.css +31 -27
  120. package/styles/tailwind.css +31 -27
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;
package/styles/recurrence-editor/material-dark.css CHANGED
@@ -164,6 +164,7 @@
164
164
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
165
165
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
166
166
  padding-right: 0;
167
+ margin-top: 16px;
167
168
  }
168
169
  .e-recurrenceeditor.e-rtl .e-end-on > div,
169
170
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -203,7 +204,7 @@
203
204
  width: 30px;
204
205
  }
205
206
  .e-recurrenceeditor .e-days .e-week-expander-label {
206
- font-size: 12px;
207
+ font-size: 13px;
207
208
  font-weight: 400;
208
209
  margin-bottom: 8px;
209
210
  }
@@ -238,13 +239,6 @@
238
239
  padding: 16px 20px 0;
239
240
  width: 50%;
240
241
  }
241
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
242
- float: none;
243
- font-size: 12px;
244
- font-weight: 400;
245
- margin-bottom: 1px;
246
- padding-right: 16px;
247
- }
248
242
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
249
243
  padding-right: 16px;
250
244
  }
@@ -252,7 +246,7 @@
252
246
  margin: 0;
253
247
  }
254
248
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
255
- font-size: 12px;
249
+ font-size: 13px;
256
250
  font-weight: 400;
257
251
  margin-bottom: 1px;
258
252
  padding-right: 16px;
@@ -296,7 +290,8 @@
296
290
  }
297
291
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
298
292
  font-size: 12px;
299
- margin-bottom: 0;
293
+ margin-bottom: 3px;
294
+ font-weight: 400;
300
295
  }
301
296
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
302
297
  padding-right: 16px;
package/styles/recurrence-editor/material.css CHANGED
@@ -189,6 +189,7 @@
189
189
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
190
190
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
191
191
  padding-right: 0;
192
+ margin-top: 16px;
192
193
  }
193
194
  .e-recurrenceeditor.e-rtl .e-end-on > div,
194
195
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -228,7 +229,7 @@
228
229
  width: 30px;
229
230
  }
230
231
  .e-recurrenceeditor .e-days .e-week-expander-label {
231
- font-size: 12px;
232
+ font-size: 13px;
232
233
  font-weight: 400;
233
234
  margin-bottom: 8px;
234
235
  }
@@ -263,13 +264,6 @@
263
264
  padding: 16px 20px 0;
264
265
  width: 50%;
265
266
  }
266
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
267
- float: none;
268
- font-size: 12px;
269
- font-weight: 400;
270
- margin-bottom: 1px;
271
- padding-right: 16px;
272
- }
273
267
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
274
268
  padding-right: 16px;
275
269
  }
@@ -277,7 +271,7 @@
277
271
  margin: 0;
278
272
  }
279
273
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
280
- font-size: 12px;
274
+ font-size: 13px;
281
275
  font-weight: 400;
282
276
  margin-bottom: 1px;
283
277
  padding-right: 16px;
@@ -321,7 +315,8 @@
321
315
  }
322
316
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
323
317
  font-size: 12px;
324
- margin-bottom: 0;
318
+ margin-bottom: 3px;
319
+ font-weight: 400;
325
320
  }
326
321
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
327
322
  padding-right: 16px;
package/styles/recurrence-editor/material3-dark.css CHANGED
@@ -254,6 +254,7 @@
254
254
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
255
255
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
256
256
  padding-right: 0;
257
+ margin-top: 16px;
257
258
  }
258
259
  .e-recurrenceeditor.e-rtl .e-end-on > div,
259
260
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -293,7 +294,7 @@
293
294
  width: 30px;
294
295
  }
295
296
  .e-recurrenceeditor .e-days .e-week-expander-label {
296
- font-size: 10px;
297
+ font-size: 12px;
297
298
  font-weight: 400;
298
299
  margin-bottom: 8px;
299
300
  }
@@ -328,13 +329,6 @@
328
329
  padding: 16px 20px 0;
329
330
  width: 50%;
330
331
  }
331
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
332
- float: none;
333
- font-size: 10px;
334
- font-weight: 400;
335
- margin-bottom: 8px;
336
- padding-right: 16px;
337
- }
338
332
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
339
333
  padding-right: 16px;
340
334
  }
@@ -342,9 +336,9 @@
342
336
  margin: 0;
343
337
  }
344
338
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
345
- font-size: 10px;
339
+ font-size: 12px;
346
340
  font-weight: 400;
347
- margin-bottom: 8px;
341
+ margin-bottom: -2px;
348
342
  padding-right: 16px;
349
343
  }
350
344
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -386,7 +380,8 @@
386
380
  }
387
381
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
388
382
  font-size: 12px;
389
- margin-bottom: 0;
383
+ margin-bottom: -1px;
384
+ font-weight: 400;
390
385
  }
391
386
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
392
387
  padding-right: 16px;
@@ -552,7 +547,7 @@
552
547
  }
553
548
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
554
549
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
555
- margin-bottom: 8px;
550
+ margin-bottom: -2px;
556
551
  }
557
552
  .e-recurrenceeditor .e-editor > div {
558
553
  margin-top: 20px;
package/styles/recurrence-editor/material3.css CHANGED
@@ -310,6 +310,7 @@
310
310
  .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
311
311
  .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
312
312
  padding-right: 0;
313
+ margin-top: 16px;
313
314
  }
314
315
  .e-recurrenceeditor.e-rtl .e-end-on > div,
315
316
  .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -349,7 +350,7 @@
349
350
  width: 30px;
350
351
  }
351
352
  .e-recurrenceeditor .e-days .e-week-expander-label {
352
- font-size: 10px;
353
+ font-size: 12px;
353
354
  font-weight: 400;
354
355
  margin-bottom: 8px;
355
356
  }
@@ -384,13 +385,6 @@
384
385
  padding: 16px 20px 0;
385
386
  width: 50%;
386
387
  }
387
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
388
- float: none;
389
- font-size: 10px;
390
- font-weight: 400;
391
- margin-bottom: 8px;
392
- padding-right: 16px;
393
- }
394
388
  .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
395
389
  padding-right: 16px;
396
390
  }
@@ -398,9 +392,9 @@
398
392
  margin: 0;
399
393
  }
400
394
  .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
401
- font-size: 10px;
395
+ font-size: 12px;
402
396
  font-weight: 400;
403
- margin-bottom: 8px;
397
+ margin-bottom: -2px;
404
398
  padding-right: 16px;
405
399
  }
406
400
  .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -442,7 +436,8 @@
442
436
  }
443
437
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
444
438
  font-size: 12px;
445
- margin-bottom: 0;
439
+ margin-bottom: -1px;
440
+ font-weight: 400;
446
441
  }
447
442
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
448
443
  padding-right: 16px;
@@ -608,7 +603,7 @@
608
603
  }
609
604
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
610
605
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
611
- margin-bottom: 8px;
606
+ margin-bottom: -2px;
612
607
  }
613
608
  .e-recurrenceeditor .e-editor > div {
614
609
  margin-top: 20px;