@syncfusion/ej2-schedule 25.2.7 → 26.1.35

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 (161) hide show
  1. package/.eslintrc.json +3 -2
  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 +331 -332
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +392 -407
  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 +17 -16
  13. package/src/recurrence-editor/date-generator.js +1 -0
  14. package/src/recurrence-editor/recurrence-editor.d.ts +8 -8
  15. package/src/recurrence-editor/recurrence-editor.js +1 -2
  16. package/src/schedule/actions/drag.js +2 -1
  17. package/src/schedule/actions/keyboard.js +1 -1
  18. package/src/schedule/actions/virtual-scroll.js +2 -1
  19. package/src/schedule/base/interface.js +0 -1
  20. package/src/schedule/base/schedule-model.d.ts +11 -11
  21. package/src/schedule/base/schedule.d.ts +11 -11
  22. package/src/schedule/base/schedule.js +22 -9
  23. package/src/schedule/base/util.js +1 -1
  24. package/src/schedule/event-renderer/event-base.js +5 -3
  25. package/src/schedule/event-renderer/timeline-view.js +4 -2
  26. package/src/schedule/event-renderer/year.js +2 -1
  27. package/src/schedule/exports/calendar-import.js +1 -2
  28. package/src/schedule/models/toolbar-model.d.ts +2 -2
  29. package/src/schedule/popups/event-window.js +1 -1
  30. package/src/schedule/renderer/header-renderer.js +6 -4
  31. package/src/schedule/renderer/vertical-view.js +3 -0
  32. package/src/schedule/renderer/view-base.js +8 -4
  33. package/styles/bootstrap-dark.css +236 -147
  34. package/styles/bootstrap-dark.scss +19 -2
  35. package/styles/bootstrap.css +237 -148
  36. package/styles/bootstrap.scss +19 -2
  37. package/styles/bootstrap4.css +239 -153
  38. package/styles/bootstrap4.scss +19 -2
  39. package/styles/bootstrap5-dark.css +229 -144
  40. package/styles/bootstrap5-dark.scss +19 -2
  41. package/styles/bootstrap5.css +229 -144
  42. package/styles/bootstrap5.scss +19 -2
  43. package/styles/fabric-dark.css +234 -146
  44. package/styles/fabric-dark.scss +19 -2
  45. package/styles/fabric.css +234 -146
  46. package/styles/fabric.scss +19 -2
  47. package/styles/fluent-dark.css +229 -142
  48. package/styles/fluent-dark.scss +19 -2
  49. package/styles/fluent.css +229 -142
  50. package/styles/fluent.scss +19 -2
  51. package/styles/fluent2.css +5932 -0
  52. package/styles/fluent2.scss +19 -0
  53. package/styles/highcontrast-light.css +229 -138
  54. package/styles/highcontrast-light.scss +19 -2
  55. package/styles/highcontrast.css +229 -138
  56. package/styles/highcontrast.scss +19 -2
  57. package/styles/material-dark.css +273 -155
  58. package/styles/material-dark.scss +19 -2
  59. package/styles/material.css +285 -156
  60. package/styles/material.scss +19 -2
  61. package/styles/material3-dark.css +278 -154
  62. package/styles/material3-dark.scss +19 -2
  63. package/styles/material3.css +278 -154
  64. package/styles/material3.scss +19 -2
  65. package/styles/recurrence-editor/_bds-definition.scss +0 -1
  66. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +0 -1
  67. package/styles/recurrence-editor/_bootstrap-definition.scss +0 -1
  68. package/styles/recurrence-editor/_bootstrap4-definition.scss +0 -1
  69. package/styles/recurrence-editor/_bootstrap5-definition.scss +0 -1
  70. package/styles/recurrence-editor/_bootstrap5.3-definition.scss +14 -0
  71. package/styles/recurrence-editor/_fabric-dark-definition.scss +0 -1
  72. package/styles/recurrence-editor/_fabric-definition.scss +0 -1
  73. package/styles/recurrence-editor/_fluent-definition.scss +0 -1
  74. package/styles/recurrence-editor/_fluent2-definition.scss +14 -0
  75. package/styles/recurrence-editor/_fusionnew-definition.scss +0 -1
  76. package/styles/recurrence-editor/_highcontrast-definition.scss +0 -1
  77. package/styles/recurrence-editor/_highcontrast-light-definition.scss +0 -1
  78. package/styles/recurrence-editor/_layout.scss +1 -17
  79. package/styles/recurrence-editor/_material-dark-definition.scss +0 -1
  80. package/styles/recurrence-editor/_material-definition.scss +0 -1
  81. package/styles/recurrence-editor/_material3-definition.scss +0 -1
  82. package/styles/recurrence-editor/_tailwind-definition.scss +0 -1
  83. package/styles/recurrence-editor/bootstrap-dark.css +21 -23
  84. package/styles/recurrence-editor/bootstrap.css +21 -23
  85. package/styles/recurrence-editor/bootstrap4.css +22 -23
  86. package/styles/recurrence-editor/bootstrap5-dark.css +22 -23
  87. package/styles/recurrence-editor/bootstrap5.css +22 -23
  88. package/styles/recurrence-editor/fabric-dark.css +19 -22
  89. package/styles/recurrence-editor/fabric.css +19 -22
  90. package/styles/recurrence-editor/fluent-dark.css +22 -23
  91. package/styles/recurrence-editor/fluent.css +22 -23
  92. package/styles/recurrence-editor/fluent2.css +1534 -0
  93. package/styles/recurrence-editor/fluent2.scss +8 -0
  94. package/styles/recurrence-editor/highcontrast-light.css +19 -22
  95. package/styles/recurrence-editor/highcontrast.css +19 -22
  96. package/styles/recurrence-editor/material-dark.css +32 -26
  97. package/styles/recurrence-editor/material.css +32 -26
  98. package/styles/recurrence-editor/material3-dark.css +33 -27
  99. package/styles/recurrence-editor/material3.css +33 -27
  100. package/styles/recurrence-editor/tailwind-dark.css +32 -26
  101. package/styles/recurrence-editor/tailwind.css +32 -26
  102. package/styles/schedule/_bds-definition.scss +0 -15
  103. package/styles/schedule/_bootstrap-dark-definition.scss +4 -19
  104. package/styles/schedule/_bootstrap-definition.scss +4 -19
  105. package/styles/schedule/_bootstrap4-definition.scss +3 -18
  106. package/styles/schedule/_bootstrap5-definition.scss +1 -22
  107. package/styles/schedule/_bootstrap5.3-definition.scss +273 -0
  108. package/styles/schedule/_fabric-dark-definition.scss +4 -17
  109. package/styles/schedule/_fabric-definition.scss +4 -19
  110. package/styles/schedule/_fluent-definition.scss +0 -14
  111. package/styles/schedule/_fluent2-definition.scss +273 -0
  112. package/styles/schedule/_fusionnew-definition.scss +0 -21
  113. package/styles/schedule/_highcontrast-definition.scss +1 -16
  114. package/styles/schedule/_highcontrast-light-definition.scss +1 -16
  115. package/styles/schedule/_layout.scss +83 -130
  116. package/styles/schedule/_material-dark-definition.scss +5 -20
  117. package/styles/schedule/_material-definition.scss +4 -19
  118. package/styles/schedule/_material3-definition.scss +1 -23
  119. package/styles/schedule/_tailwind-definition.scss +0 -16
  120. package/styles/schedule/_theme.scss +14 -2
  121. package/styles/schedule/bootstrap-dark.css +220 -126
  122. package/styles/schedule/bootstrap.css +221 -127
  123. package/styles/schedule/bootstrap4.css +223 -132
  124. package/styles/schedule/bootstrap5-dark.css +213 -123
  125. package/styles/schedule/bootstrap5.css +213 -123
  126. package/styles/schedule/fabric-dark.css +218 -125
  127. package/styles/schedule/fabric.css +218 -125
  128. package/styles/schedule/fluent-dark.css +213 -121
  129. package/styles/schedule/fluent.css +213 -121
  130. package/styles/schedule/fluent2.css +5536 -0
  131. package/styles/schedule/fluent2.scss +16 -0
  132. package/styles/schedule/highcontrast-light.css +213 -117
  133. package/styles/schedule/highcontrast.css +213 -117
  134. package/styles/schedule/icons/_bds.scss +6 -21
  135. package/styles/schedule/icons/_bootstrap-dark.scss +4 -16
  136. package/styles/schedule/icons/_bootstrap.scss +4 -16
  137. package/styles/schedule/icons/_bootstrap4.scss +8 -26
  138. package/styles/schedule/icons/_bootstrap5.3.scss +220 -0
  139. package/styles/schedule/icons/_bootstrap5.scss +7 -22
  140. package/styles/schedule/icons/_fabric-dark.scss +5 -17
  141. package/styles/schedule/icons/_fabric.scss +5 -17
  142. package/styles/schedule/icons/_fluent.scss +7 -22
  143. package/styles/schedule/icons/_fluent2.scss +220 -0
  144. package/styles/schedule/icons/_fusionnew.scss +7 -22
  145. package/styles/schedule/icons/_highcontrast-light.scss +5 -17
  146. package/styles/schedule/icons/_highcontrast.scss +5 -17
  147. package/styles/schedule/icons/_material-dark.scss +5 -17
  148. package/styles/schedule/icons/_material.scss +5 -17
  149. package/styles/schedule/icons/_material3.scss +7 -22
  150. package/styles/schedule/icons/_tailwind.scss +7 -22
  151. package/styles/schedule/material-dark.css +257 -134
  152. package/styles/schedule/material.css +269 -135
  153. package/styles/schedule/material3-dark.css +262 -133
  154. package/styles/schedule/material3.css +262 -133
  155. package/styles/schedule/tailwind-dark.css +223 -124
  156. package/styles/schedule/tailwind.css +223 -124
  157. package/styles/tailwind-dark.css +239 -145
  158. package/styles/tailwind-dark.scss +19 -2
  159. package/styles/tailwind.css +239 -145
  160. package/styles/tailwind.scss +19 -2
  161. package/CHANGELOG.md +0 -1932
package/styles/recurrence-editor/bootstrap5.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .e-popup.e-ddl {
2
2
  border-radius: 4px;
3
- box-shadow: none;
3
+ -webkit-box-shadow: none;
4
+ box-shadow: none;
4
5
  margin-top: 3px;
5
6
  }
6
7
  .e-popup.e-ddl .e-input-group {
@@ -15,6 +16,7 @@
15
16
  }
16
17
 
17
18
  .e-popup.e-ddl .e-filter-parent .e-input-group {
19
+ display: -webkit-box;
18
20
  display: -ms-flexbox;
19
21
  display: flex;
20
22
  width: auto;
@@ -102,11 +104,13 @@
102
104
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
103
105
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
104
106
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
105
- box-shadow: none;
107
+ -webkit-box-shadow: none;
108
+ box-shadow: none;
106
109
  }
107
110
 
108
111
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
109
112
  background: transparent;
113
+ display: -webkit-box;
110
114
  display: -ms-flexbox;
111
115
  display: flex;
112
116
  position: relative;
@@ -144,13 +148,14 @@
144
148
  min-height: 34px;
145
149
  }
146
150
 
147
- /*! recurrence editor theme wise definitions*/
148
- /*! Recurrence-Editor component layout */
149
151
  .e-recurrenceeditor .e-editor {
152
+ display: -webkit-box;
150
153
  display: -ms-flexbox;
151
154
  display: flex;
152
- -ms-flex-flow: row wrap;
153
- flex-flow: row wrap;
155
+ -webkit-box-orient: horizontal;
156
+ -webkit-box-direction: normal;
157
+ -ms-flex-flow: row wrap;
158
+ flex-flow: row wrap;
154
159
  margin: 0 auto;
155
160
  max-width: 1240px;
156
161
  }
@@ -250,8 +255,10 @@
250
255
  }
251
256
  .e-recurrenceeditor .e-days button {
252
257
  border-radius: 50%;
253
- -ms-flex-flow: row wrap;
254
- flex-flow: row wrap;
258
+ -webkit-box-orient: horizontal;
259
+ -webkit-box-direction: normal;
260
+ -ms-flex-flow: row wrap;
261
+ flex-flow: row wrap;
255
262
  height: 35px;
256
263
  margin: 0 8px 10px;
257
264
  width: 35px;
@@ -310,13 +317,6 @@
310
317
  .e-bigger .e-recurrenceeditor .e-form-left {
311
318
  padding: 0 12px 14px 0;
312
319
  }
313
- .e-bigger .e-recurrenceeditor .e-form-right,
314
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
315
- padding: 0 0 10px;
316
- }
317
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
318
- padding-bottom: 6px;
319
- }
320
320
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
321
321
  padding-left: 70px;
322
322
  }
@@ -343,16 +343,12 @@
343
343
  font-size: 16px;
344
344
  margin-bottom: 8px;
345
345
  }
346
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
347
- padding-bottom: 12px;
348
- }
349
346
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
350
347
  font-size: 16px;
351
348
  margin-bottom: 1px;
352
349
  }
353
350
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
354
- .e-bigger .e-recurrenceeditor .e-year-expander,
355
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
351
+ .e-bigger .e-recurrenceeditor .e-year-expander {
356
352
  margin-bottom: 11px;
357
353
  }
358
354
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -464,7 +460,8 @@
464
460
  }
465
461
  .e-device.e-recurrence-dialog .e-dlg-header-content {
466
462
  background: none;
467
- box-shadow: none;
463
+ -webkit-box-shadow: none;
464
+ box-shadow: none;
468
465
  padding-bottom: 10px;
469
466
  }
470
467
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -489,8 +486,10 @@
489
486
  width: 100%;
490
487
  }
491
488
  .e-recurrenceeditor .e-editor {
492
- -ms-flex-direction: column;
493
- flex-direction: column;
489
+ -webkit-box-orient: vertical;
490
+ -webkit-box-direction: normal;
491
+ -ms-flex-direction: column;
492
+ flex-direction: column;
494
493
  }
495
494
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
496
495
  margin-top: 0;
package/styles/recurrence-editor/fabric-dark.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .e-ddl.e-popup {
2
2
  border: 0;
3
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
3
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
4
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
4
5
  margin-top: 1px;
5
6
  }
6
7
  .e-ddl.e-popup .e-input-group input {
@@ -8,6 +9,7 @@
8
9
  }
9
10
 
10
11
  .e-ddl.e-popup .e-input-group {
12
+ display: -webkit-box;
11
13
  display: -ms-flexbox;
12
14
  display: flex;
13
15
  width: auto;
@@ -79,13 +81,14 @@
79
81
  height: 34px;
80
82
  }
81
83
 
82
- /*! recurrence editor theme wise definitions*/
83
- /*! Recurrence-Editor component layout */
84
84
  .e-recurrenceeditor .e-editor {
85
+ display: -webkit-box;
85
86
  display: -ms-flexbox;
86
87
  display: flex;
87
- -ms-flex-flow: row wrap;
88
- flex-flow: row wrap;
88
+ -webkit-box-orient: horizontal;
89
+ -webkit-box-direction: normal;
90
+ -ms-flex-flow: row wrap;
91
+ flex-flow: row wrap;
89
92
  margin: 0 auto;
90
93
  max-width: 1240px;
91
94
  }
@@ -185,8 +188,10 @@
185
188
  }
186
189
  .e-recurrenceeditor .e-days button {
187
190
  border-radius: 50%;
188
- -ms-flex-flow: row wrap;
189
- flex-flow: row wrap;
191
+ -webkit-box-orient: horizontal;
192
+ -webkit-box-direction: normal;
193
+ -ms-flex-flow: row wrap;
194
+ flex-flow: row wrap;
190
195
  height: 35px;
191
196
  margin: 0 8px 10px;
192
197
  width: 35px;
@@ -245,13 +250,6 @@
245
250
  .e-bigger .e-recurrenceeditor .e-form-left {
246
251
  padding: 0 12px 14px 0;
247
252
  }
248
- .e-bigger .e-recurrenceeditor .e-form-right,
249
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
250
- padding: 0 0 10px;
251
- }
252
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
253
- padding-bottom: 6px;
254
- }
255
253
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
256
254
  padding-left: 70px;
257
255
  }
@@ -278,16 +276,12 @@
278
276
  font-size: 13px;
279
277
  margin-bottom: 8px;
280
278
  }
281
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
282
- padding-bottom: 12px;
283
- }
284
279
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
285
280
  font-size: 13px;
286
281
  margin-bottom: 1px;
287
282
  }
288
283
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
289
- .e-bigger .e-recurrenceeditor .e-year-expander,
290
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
284
+ .e-bigger .e-recurrenceeditor .e-year-expander {
291
285
  margin-bottom: 11px;
292
286
  }
293
287
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -399,7 +393,8 @@
399
393
  }
400
394
  .e-device.e-recurrence-dialog .e-dlg-header-content {
401
395
  background: none;
402
- box-shadow: none;
396
+ -webkit-box-shadow: none;
397
+ box-shadow: none;
403
398
  padding-bottom: 10px;
404
399
  }
405
400
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -424,8 +419,10 @@
424
419
  width: 100%;
425
420
  }
426
421
  .e-recurrenceeditor .e-editor {
427
- -ms-flex-direction: column;
428
- flex-direction: column;
422
+ -webkit-box-orient: vertical;
423
+ -webkit-box-direction: normal;
424
+ -ms-flex-direction: column;
425
+ flex-direction: column;
429
426
  }
430
427
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
431
428
  margin-top: 0;
package/styles/recurrence-editor/fabric.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .e-ddl.e-popup {
2
2
  border: 0;
3
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
3
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
4
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
4
5
  margin-top: 1px;
5
6
  }
6
7
  .e-ddl.e-popup .e-input-group input {
@@ -8,6 +9,7 @@
8
9
  }
9
10
 
10
11
  .e-ddl.e-popup .e-input-group {
12
+ display: -webkit-box;
11
13
  display: -ms-flexbox;
12
14
  display: flex;
13
15
  width: auto;
@@ -72,13 +74,14 @@
72
74
  height: 34px;
73
75
  }
74
76
 
75
- /*! recurrence editor theme wise definitions*/
76
- /*! Recurrence-Editor component layout */
77
77
  .e-recurrenceeditor .e-editor {
78
+ display: -webkit-box;
78
79
  display: -ms-flexbox;
79
80
  display: flex;
80
- -ms-flex-flow: row wrap;
81
- flex-flow: row wrap;
81
+ -webkit-box-orient: horizontal;
82
+ -webkit-box-direction: normal;
83
+ -ms-flex-flow: row wrap;
84
+ flex-flow: row wrap;
82
85
  margin: 0 auto;
83
86
  max-width: 1240px;
84
87
  }
@@ -178,8 +181,10 @@
178
181
  }
179
182
  .e-recurrenceeditor .e-days button {
180
183
  border-radius: 50%;
181
- -ms-flex-flow: row wrap;
182
- flex-flow: row wrap;
184
+ -webkit-box-orient: horizontal;
185
+ -webkit-box-direction: normal;
186
+ -ms-flex-flow: row wrap;
187
+ flex-flow: row wrap;
183
188
  height: 35px;
184
189
  margin: 0 8px 10px;
185
190
  width: 35px;
@@ -238,13 +243,6 @@
238
243
  .e-bigger .e-recurrenceeditor .e-form-left {
239
244
  padding: 0 12px 14px 0;
240
245
  }
241
- .e-bigger .e-recurrenceeditor .e-form-right,
242
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
243
- padding: 0 0 10px;
244
- }
245
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
246
- padding-bottom: 6px;
247
- }
248
246
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
249
247
  padding-left: 70px;
250
248
  }
@@ -271,16 +269,12 @@
271
269
  font-size: 13px;
272
270
  margin-bottom: 8px;
273
271
  }
274
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
275
- padding-bottom: 12px;
276
- }
277
272
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
278
273
  font-size: 13px;
279
274
  margin-bottom: 1px;
280
275
  }
281
276
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
282
- .e-bigger .e-recurrenceeditor .e-year-expander,
283
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
277
+ .e-bigger .e-recurrenceeditor .e-year-expander {
284
278
  margin-bottom: 11px;
285
279
  }
286
280
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -392,7 +386,8 @@
392
386
  }
393
387
  .e-device.e-recurrence-dialog .e-dlg-header-content {
394
388
  background: none;
395
- box-shadow: none;
389
+ -webkit-box-shadow: none;
390
+ box-shadow: none;
396
391
  padding-bottom: 10px;
397
392
  }
398
393
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -417,8 +412,10 @@
417
412
  width: 100%;
418
413
  }
419
414
  .e-recurrenceeditor .e-editor {
420
- -ms-flex-direction: column;
421
- flex-direction: column;
415
+ -webkit-box-orient: vertical;
416
+ -webkit-box-direction: normal;
417
+ -ms-flex-direction: column;
418
+ flex-direction: column;
422
419
  }
423
420
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
424
421
  margin-top: 0;
package/styles/recurrence-editor/fluent-dark.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .e-popup.e-ddl {
2
2
  border-radius: 4px;
3
- box-shadow: none;
3
+ -webkit-box-shadow: none;
4
+ box-shadow: none;
4
5
  margin-top: 1px;
5
6
  }
6
7
  .e-popup.e-ddl .e-input-group {
@@ -15,6 +16,7 @@
15
16
  }
16
17
 
17
18
  .e-popup.e-ddl .e-filter-parent .e-input-group {
19
+ display: -webkit-box;
18
20
  display: -ms-flexbox;
19
21
  display: flex;
20
22
  width: auto;
@@ -86,11 +88,13 @@
86
88
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
87
89
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
88
90
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
89
- box-shadow: none;
91
+ -webkit-box-shadow: none;
92
+ box-shadow: none;
90
93
  }
91
94
 
92
95
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
93
96
  background: none;
97
+ display: -webkit-box;
94
98
  display: -ms-flexbox;
95
99
  display: flex;
96
100
  position: relative;
@@ -124,13 +128,14 @@
124
128
  min-height: 34px;
125
129
  }
126
130
 
127
- /*! recurrence editor theme wise definitions*/
128
- /*! Recurrence-Editor component layout */
129
131
  .e-recurrenceeditor .e-editor {
132
+ display: -webkit-box;
130
133
  display: -ms-flexbox;
131
134
  display: flex;
132
- -ms-flex-flow: row wrap;
133
- flex-flow: row wrap;
135
+ -webkit-box-orient: horizontal;
136
+ -webkit-box-direction: normal;
137
+ -ms-flex-flow: row wrap;
138
+ flex-flow: row wrap;
134
139
  margin: 0 auto;
135
140
  max-width: 1240px;
136
141
  }
@@ -230,8 +235,10 @@
230
235
  }
231
236
  .e-recurrenceeditor .e-days button {
232
237
  border-radius: 50%;
233
- -ms-flex-flow: row wrap;
234
- flex-flow: row wrap;
238
+ -webkit-box-orient: horizontal;
239
+ -webkit-box-direction: normal;
240
+ -ms-flex-flow: row wrap;
241
+ flex-flow: row wrap;
235
242
  height: 35px;
236
243
  margin: 0 8px 10px;
237
244
  width: 35px;
@@ -290,13 +297,6 @@
290
297
  .e-bigger .e-recurrenceeditor .e-form-left {
291
298
  padding: 0 12px 14px 0;
292
299
  }
293
- .e-bigger .e-recurrenceeditor .e-form-right,
294
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
295
- padding: 0 0 10px;
296
- }
297
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
298
- padding-bottom: 6px;
299
- }
300
300
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
301
301
  padding-left: 70px;
302
302
  }
@@ -323,16 +323,12 @@
323
323
  font-size: 16px;
324
324
  margin-bottom: 8px;
325
325
  }
326
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
327
- padding-bottom: 12px;
328
- }
329
326
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
330
327
  font-size: 16px;
331
328
  margin-bottom: 1px;
332
329
  }
333
330
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
334
- .e-bigger .e-recurrenceeditor .e-year-expander,
335
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
331
+ .e-bigger .e-recurrenceeditor .e-year-expander {
336
332
  margin-bottom: 11px;
337
333
  }
338
334
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -444,7 +440,8 @@
444
440
  }
445
441
  .e-device.e-recurrence-dialog .e-dlg-header-content {
446
442
  background: none;
447
- box-shadow: none;
443
+ -webkit-box-shadow: none;
444
+ box-shadow: none;
448
445
  padding-bottom: 10px;
449
446
  }
450
447
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -469,8 +466,10 @@
469
466
  width: 100%;
470
467
  }
471
468
  .e-recurrenceeditor .e-editor {
472
- -ms-flex-direction: column;
473
- flex-direction: column;
469
+ -webkit-box-orient: vertical;
470
+ -webkit-box-direction: normal;
471
+ -ms-flex-direction: column;
472
+ flex-direction: column;
474
473
  }
475
474
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
476
475
  margin-top: 0;
package/styles/recurrence-editor/fluent.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .e-popup.e-ddl {
2
2
  border-radius: 4px;
3
- box-shadow: none;
3
+ -webkit-box-shadow: none;
4
+ box-shadow: none;
4
5
  margin-top: 1px;
5
6
  }
6
7
  .e-popup.e-ddl .e-input-group {
@@ -15,6 +16,7 @@
15
16
  }
16
17
 
17
18
  .e-popup.e-ddl .e-filter-parent .e-input-group {
19
+ display: -webkit-box;
18
20
  display: -ms-flexbox;
19
21
  display: flex;
20
22
  width: auto;
@@ -86,11 +88,13 @@
86
88
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
87
89
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
88
90
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
89
- box-shadow: none;
91
+ -webkit-box-shadow: none;
92
+ box-shadow: none;
90
93
  }
91
94
 
92
95
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
93
96
  background: none;
97
+ display: -webkit-box;
94
98
  display: -ms-flexbox;
95
99
  display: flex;
96
100
  position: relative;
@@ -124,13 +128,14 @@
124
128
  min-height: 34px;
125
129
  }
126
130
 
127
- /*! recurrence editor theme wise definitions*/
128
- /*! Recurrence-Editor component layout */
129
131
  .e-recurrenceeditor .e-editor {
132
+ display: -webkit-box;
130
133
  display: -ms-flexbox;
131
134
  display: flex;
132
- -ms-flex-flow: row wrap;
133
- flex-flow: row wrap;
135
+ -webkit-box-orient: horizontal;
136
+ -webkit-box-direction: normal;
137
+ -ms-flex-flow: row wrap;
138
+ flex-flow: row wrap;
134
139
  margin: 0 auto;
135
140
  max-width: 1240px;
136
141
  }
@@ -230,8 +235,10 @@
230
235
  }
231
236
  .e-recurrenceeditor .e-days button {
232
237
  border-radius: 50%;
233
- -ms-flex-flow: row wrap;
234
- flex-flow: row wrap;
238
+ -webkit-box-orient: horizontal;
239
+ -webkit-box-direction: normal;
240
+ -ms-flex-flow: row wrap;
241
+ flex-flow: row wrap;
235
242
  height: 35px;
236
243
  margin: 0 8px 10px;
237
244
  width: 35px;
@@ -290,13 +297,6 @@
290
297
  .e-bigger .e-recurrenceeditor .e-form-left {
291
298
  padding: 0 12px 14px 0;
292
299
  }
293
- .e-bigger .e-recurrenceeditor .e-form-right,
294
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
295
- padding: 0 0 10px;
296
- }
297
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
298
- padding-bottom: 6px;
299
- }
300
300
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
301
301
  padding-left: 70px;
302
302
  }
@@ -323,16 +323,12 @@
323
323
  font-size: 16px;
324
324
  margin-bottom: 8px;
325
325
  }
326
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
327
- padding-bottom: 12px;
328
- }
329
326
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
330
327
  font-size: 16px;
331
328
  margin-bottom: 1px;
332
329
  }
333
330
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
334
- .e-bigger .e-recurrenceeditor .e-year-expander,
335
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
331
+ .e-bigger .e-recurrenceeditor .e-year-expander {
336
332
  margin-bottom: 11px;
337
333
  }
338
334
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -444,7 +440,8 @@
444
440
  }
445
441
  .e-device.e-recurrence-dialog .e-dlg-header-content {
446
442
  background: none;
447
- box-shadow: none;
443
+ -webkit-box-shadow: none;
444
+ box-shadow: none;
448
445
  padding-bottom: 10px;
449
446
  }
450
447
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -469,8 +466,10 @@
469
466
  width: 100%;
470
467
  }
471
468
  .e-recurrenceeditor .e-editor {
472
- -ms-flex-direction: column;
473
- flex-direction: column;
469
+ -webkit-box-orient: vertical;
470
+ -webkit-box-direction: normal;
471
+ -ms-flex-direction: column;
472
+ flex-direction: column;
474
473
  }
475
474
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
476
475
  margin-top: 0;