@syncfusion/ej2-schedule 25.2.7 → 26.1.38

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 (174) 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 +436 -376
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +496 -450
  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/crud.js +3 -1
  17. package/src/schedule/actions/drag.js +2 -1
  18. package/src/schedule/actions/keyboard.js +1 -1
  19. package/src/schedule/actions/resize.js +5 -0
  20. package/src/schedule/actions/virtual-scroll.js +2 -1
  21. package/src/schedule/base/interface.js +0 -1
  22. package/src/schedule/base/schedule-model.d.ts +11 -11
  23. package/src/schedule/base/schedule.d.ts +11 -11
  24. package/src/schedule/base/schedule.js +28 -12
  25. package/src/schedule/base/util.js +1 -1
  26. package/src/schedule/event-renderer/agenda-base.js +2 -2
  27. package/src/schedule/event-renderer/event-base.js +6 -4
  28. package/src/schedule/event-renderer/month.js +2 -1
  29. package/src/schedule/event-renderer/timeline-view.js +10 -3
  30. package/src/schedule/event-renderer/vertical-view.js +4 -4
  31. package/src/schedule/event-renderer/year.js +3 -2
  32. package/src/schedule/exports/calendar-import.js +1 -2
  33. package/src/schedule/exports/print.js +10 -7
  34. package/src/schedule/models/toolbar-model.d.ts +2 -2
  35. package/src/schedule/popups/event-window.js +1 -1
  36. package/src/schedule/popups/quick-popups.js +1 -1
  37. package/src/schedule/renderer/header-renderer.js +7 -5
  38. package/src/schedule/renderer/month.js +5 -4
  39. package/src/schedule/renderer/renderer.js +8 -2
  40. package/src/schedule/renderer/timeline-year.js +3 -3
  41. package/src/schedule/renderer/vertical-view.d.ts +1 -0
  42. package/src/schedule/renderer/vertical-view.js +24 -9
  43. package/src/schedule/renderer/view-base.d.ts +1 -0
  44. package/src/schedule/renderer/view-base.js +33 -6
  45. package/src/schedule/renderer/year.js +1 -1
  46. package/styles/bootstrap-dark.css +236 -147
  47. package/styles/bootstrap-dark.scss +19 -2
  48. package/styles/bootstrap.css +237 -148
  49. package/styles/bootstrap.scss +19 -2
  50. package/styles/bootstrap4.css +239 -153
  51. package/styles/bootstrap4.scss +19 -2
  52. package/styles/bootstrap5-dark.css +229 -144
  53. package/styles/bootstrap5-dark.scss +19 -2
  54. package/styles/bootstrap5.css +229 -144
  55. package/styles/bootstrap5.scss +19 -2
  56. package/styles/fabric-dark.css +234 -146
  57. package/styles/fabric-dark.scss +19 -2
  58. package/styles/fabric.css +234 -146
  59. package/styles/fabric.scss +19 -2
  60. package/styles/fluent-dark.css +229 -142
  61. package/styles/fluent-dark.scss +19 -2
  62. package/styles/fluent.css +229 -142
  63. package/styles/fluent.scss +19 -2
  64. package/styles/fluent2.css +5947 -0
  65. package/styles/fluent2.scss +19 -0
  66. package/styles/highcontrast-light.css +229 -138
  67. package/styles/highcontrast-light.scss +19 -2
  68. package/styles/highcontrast.css +229 -138
  69. package/styles/highcontrast.scss +19 -2
  70. package/styles/material-dark.css +273 -155
  71. package/styles/material-dark.scss +19 -2
  72. package/styles/material.css +285 -156
  73. package/styles/material.scss +19 -2
  74. package/styles/material3-dark.css +278 -154
  75. package/styles/material3-dark.scss +19 -2
  76. package/styles/material3.css +278 -154
  77. package/styles/material3.scss +19 -2
  78. package/styles/recurrence-editor/_bds-definition.scss +0 -1
  79. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +0 -1
  80. package/styles/recurrence-editor/_bootstrap-definition.scss +0 -1
  81. package/styles/recurrence-editor/_bootstrap4-definition.scss +0 -1
  82. package/styles/recurrence-editor/_bootstrap5-definition.scss +0 -1
  83. package/styles/recurrence-editor/_bootstrap5.3-definition.scss +14 -0
  84. package/styles/recurrence-editor/_fabric-dark-definition.scss +0 -1
  85. package/styles/recurrence-editor/_fabric-definition.scss +0 -1
  86. package/styles/recurrence-editor/_fluent-definition.scss +0 -1
  87. package/styles/recurrence-editor/_fluent2-definition.scss +14 -0
  88. package/styles/recurrence-editor/_fusionnew-definition.scss +0 -1
  89. package/styles/recurrence-editor/_highcontrast-definition.scss +0 -1
  90. package/styles/recurrence-editor/_highcontrast-light-definition.scss +0 -1
  91. package/styles/recurrence-editor/_layout.scss +1 -17
  92. package/styles/recurrence-editor/_material-dark-definition.scss +0 -1
  93. package/styles/recurrence-editor/_material-definition.scss +0 -1
  94. package/styles/recurrence-editor/_material3-definition.scss +0 -1
  95. package/styles/recurrence-editor/_tailwind-definition.scss +0 -1
  96. package/styles/recurrence-editor/bootstrap-dark.css +21 -23
  97. package/styles/recurrence-editor/bootstrap.css +21 -23
  98. package/styles/recurrence-editor/bootstrap4.css +22 -23
  99. package/styles/recurrence-editor/bootstrap5-dark.css +22 -23
  100. package/styles/recurrence-editor/bootstrap5.css +22 -23
  101. package/styles/recurrence-editor/fabric-dark.css +19 -22
  102. package/styles/recurrence-editor/fabric.css +19 -22
  103. package/styles/recurrence-editor/fluent-dark.css +22 -23
  104. package/styles/recurrence-editor/fluent.css +22 -23
  105. package/styles/recurrence-editor/fluent2.css +1534 -0
  106. package/styles/recurrence-editor/fluent2.scss +8 -0
  107. package/styles/recurrence-editor/highcontrast-light.css +19 -22
  108. package/styles/recurrence-editor/highcontrast.css +19 -22
  109. package/styles/recurrence-editor/material-dark.css +32 -26
  110. package/styles/recurrence-editor/material.css +32 -26
  111. package/styles/recurrence-editor/material3-dark.css +33 -27
  112. package/styles/recurrence-editor/material3.css +33 -27
  113. package/styles/recurrence-editor/tailwind-dark.css +32 -26
  114. package/styles/recurrence-editor/tailwind.css +32 -26
  115. package/styles/schedule/_bds-definition.scss +0 -15
  116. package/styles/schedule/_bootstrap-dark-definition.scss +4 -19
  117. package/styles/schedule/_bootstrap-definition.scss +4 -19
  118. package/styles/schedule/_bootstrap4-definition.scss +3 -18
  119. package/styles/schedule/_bootstrap5-definition.scss +1 -22
  120. package/styles/schedule/_bootstrap5.3-definition.scss +273 -0
  121. package/styles/schedule/_fabric-dark-definition.scss +4 -17
  122. package/styles/schedule/_fabric-definition.scss +4 -19
  123. package/styles/schedule/_fluent-definition.scss +0 -14
  124. package/styles/schedule/_fluent2-definition.scss +273 -0
  125. package/styles/schedule/_fusionnew-definition.scss +0 -21
  126. package/styles/schedule/_highcontrast-definition.scss +1 -16
  127. package/styles/schedule/_highcontrast-light-definition.scss +1 -16
  128. package/styles/schedule/_layout.scss +83 -130
  129. package/styles/schedule/_material-dark-definition.scss +5 -20
  130. package/styles/schedule/_material-definition.scss +4 -19
  131. package/styles/schedule/_material3-definition.scss +1 -23
  132. package/styles/schedule/_tailwind-definition.scss +0 -16
  133. package/styles/schedule/_theme.scss +18 -2
  134. package/styles/schedule/bootstrap-dark.css +220 -126
  135. package/styles/schedule/bootstrap.css +221 -127
  136. package/styles/schedule/bootstrap4.css +223 -132
  137. package/styles/schedule/bootstrap5-dark.css +213 -123
  138. package/styles/schedule/bootstrap5.css +213 -123
  139. package/styles/schedule/fabric-dark.css +218 -125
  140. package/styles/schedule/fabric.css +218 -125
  141. package/styles/schedule/fluent-dark.css +213 -121
  142. package/styles/schedule/fluent.css +213 -121
  143. package/styles/schedule/fluent2.css +5551 -0
  144. package/styles/schedule/fluent2.scss +16 -0
  145. package/styles/schedule/highcontrast-light.css +213 -117
  146. package/styles/schedule/highcontrast.css +213 -117
  147. package/styles/schedule/icons/_bds.scss +6 -21
  148. package/styles/schedule/icons/_bootstrap-dark.scss +4 -16
  149. package/styles/schedule/icons/_bootstrap.scss +4 -16
  150. package/styles/schedule/icons/_bootstrap4.scss +8 -26
  151. package/styles/schedule/icons/_bootstrap5.3.scss +220 -0
  152. package/styles/schedule/icons/_bootstrap5.scss +7 -22
  153. package/styles/schedule/icons/_fabric-dark.scss +5 -17
  154. package/styles/schedule/icons/_fabric.scss +5 -17
  155. package/styles/schedule/icons/_fluent.scss +7 -22
  156. package/styles/schedule/icons/_fluent2.scss +220 -0
  157. package/styles/schedule/icons/_fusionnew.scss +7 -22
  158. package/styles/schedule/icons/_highcontrast-light.scss +5 -17
  159. package/styles/schedule/icons/_highcontrast.scss +5 -17
  160. package/styles/schedule/icons/_material-dark.scss +5 -17
  161. package/styles/schedule/icons/_material.scss +5 -17
  162. package/styles/schedule/icons/_material3.scss +7 -22
  163. package/styles/schedule/icons/_tailwind.scss +7 -22
  164. package/styles/schedule/material-dark.css +257 -134
  165. package/styles/schedule/material.css +269 -135
  166. package/styles/schedule/material3-dark.css +262 -133
  167. package/styles/schedule/material3.css +262 -133
  168. package/styles/schedule/tailwind-dark.css +223 -124
  169. package/styles/schedule/tailwind.css +223 -124
  170. package/styles/tailwind-dark.css +239 -145
  171. package/styles/tailwind-dark.scss +19 -2
  172. package/styles/tailwind.css +239 -145
  173. package/styles/tailwind.scss +19 -2
  174. package/CHANGELOG.md +0 -1932
package/styles/material3.scss CHANGED
@@ -1,4 +1,21 @@
1
1
 
2
2
 
3
- @import 'schedule/material3.scss';
4
- @import 'recurrence-editor/material3.scss';
3
+
4
+ @import 'ej2-navigations/styles/toolbar/material3-definition.scss';
5
+ @import 'ej2-navigations/styles/treeview/material3-definition.scss';
6
+ @import 'ej2-inputs/styles/input/material3-definition.scss';
7
+ @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';
8
+ @import 'ej2-calendars/styles/calendar/material3-definition.scss';
9
+ @import 'ej2-calendars/styles/datepicker/material3-definition.scss';
10
+ @import 'ej2-calendars/styles/datetimepicker/material3-definition.scss';
11
+ @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
12
+ @import 'ej2-dropdowns/styles/multi-select/material3-definition.scss';
13
+ @import 'ej2-buttons/styles/button/material3-definition.scss';
14
+ @import 'ej2-buttons/styles/check-box/material3-definition.scss';
15
+ @import 'recurrence-editor/material3-definition.scss';
16
+ @import 'schedule/material3-definition.scss';
17
+ @import 'schedule/icons/material3.scss';
18
+ @import 'schedule/all.scss';
19
+
20
+ @import 'ej2-buttons/styles/radio-button/material3-definition.scss';
21
+ @import 'recurrence-editor/all.scss';
package/styles/recurrence-editor/_bds-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 6px !default;
4
3
  $recurrence-month-label-bottom-bgr: 0 !default;
package/styles/recurrence-editor/_bootstrap-dark-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 9px !default;
4
3
  $recurrence-month-label-bottom-bgr: 9px !default;
package/styles/recurrence-editor/_bootstrap-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 9px !default;
4
3
  $recurrence-month-label-bottom-bgr: 9px !default;
package/styles/recurrence-editor/_bootstrap4-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 3px !default;
4
3
  $recurrence-month-label-bottom-bgr: 0 !default;
package/styles/recurrence-editor/_bootstrap5-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 5px !default;
4
3
  $recurrence-month-label-bottom-bgr: 0 !default;
package/styles/recurrence-editor/_bootstrap5.3-definition.scss ADDED
@@ -0,0 +1,14 @@
1
+ $recurrence-label-bottom: 7px !default;
2
+ $recurrence-month-label-bottom: 5px !default;
3
+ $recurrence-month-label-bottom-bgr: 0 !default;
4
+ $recurrence-week-label-bottom: 10px !default;
5
+ $recurrence-label-font-weight: $font-weight-medium !default;
6
+ $recurrence-label-font-nrml-size: 12px !default;
7
+ $recurrence-label-font-bgr-size: 16px !default;
8
+ $recurrence-left-padding: 0 8px 16px 0 !default;
9
+ $recurrence-week-position-bgr-min-width: 130px !default;
10
+ $recurrence-day-position-bgr-min-width: 190px !default;
11
+ $recurrence-day-position-bgr-padding-left: 54px !default;
12
+ $recurrence-end-bgr-padding-right: 16px !default;
13
+ $recurrence-week-position-min-width: 98px !default;
14
+ $recurrence-end-on-date-margin-top: 24px !default;
package/styles/recurrence-editor/_fabric-dark-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 10px !default;
4
3
  $recurrence-month-label-bottom-bgr: 8px !default;
package/styles/recurrence-editor/_fabric-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 10px !default;
4
3
  $recurrence-month-label-bottom-bgr: 8px !default;
package/styles/recurrence-editor/_fluent-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 4px !default;
4
3
  $recurrence-month-label-bottom-bgr: 0 !default;
package/styles/recurrence-editor/_fluent2-definition.scss ADDED
@@ -0,0 +1,14 @@
1
+ $recurrence-label-bottom: 7px !default;
2
+ $recurrence-month-label-bottom: 6px !default;
3
+ $recurrence-month-label-bottom-bgr: 0 !default;
4
+ $recurrence-week-label-bottom: 10px !default;
5
+ $recurrence-label-font-weight: $font-weight-medium !default;
6
+ $recurrence-label-font-nrml-size: 12px !default;
7
+ $recurrence-label-font-bgr-size: 16px !default;
8
+ $recurrence-left-padding: 0 8px 16px 0 !default;
9
+ $recurrence-week-position-bgr-min-width: 130px !default;
10
+ $recurrence-day-position-bgr-min-width: 197px !default;
11
+ $recurrence-day-position-bgr-padding-left: 54px !default;
12
+ $recurrence-end-bgr-padding-right: 5px !default;
13
+ $recurrence-week-position-min-width: 94px !default;
14
+ $recurrence-end-on-date-margin-top: 24px !default;
package/styles/recurrence-editor/_fusionnew-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 4px !default;
4
3
  $recurrence-month-label-bottom-bgr: 0 !default;
package/styles/recurrence-editor/_highcontrast-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 10px !default;
4
3
  $recurrence-month-label-bottom-bgr: 10px !default;
package/styles/recurrence-editor/_highcontrast-light-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 10px !default;
4
3
  $recurrence-month-label-bottom-bgr: 10px !default;
package/styles/recurrence-editor/_layout.scss CHANGED
@@ -1,6 +1,4 @@
1
1
  @include export-module('recurrence-editor-layout') {
2
-
3
- /*! Recurrence-Editor component layout */
4
2
  .e-recurrenceeditor {
5
3
  .e-editor {
6
4
  display: flex;
@@ -216,15 +214,6 @@
216
214
  padding: 0 12px 14px 0;
217
215
  }
218
216
 
219
- .e-form-right,
220
- .e-input-wrapper-side.e-form-right {
221
- padding: 0 0 10px;
222
- }
223
-
224
- .e-input-wrapper-side .e-days .e-form-left {
225
- padding-bottom: 6px;
226
- }
227
-
228
217
  .e-recurrence-table .e-monthday-element {
229
218
  padding-left: 70px;
230
219
  }
@@ -258,18 +247,13 @@
258
247
  margin-bottom: 8px;
259
248
  }
260
249
 
261
- .e-input-wrapper-side .e-non-week .e-form-left {
262
- padding-bottom: 12px;
263
- }
264
-
265
250
  .e-input-wrapper-side.e-end-on .e-end-on-label {
266
251
  font-size: $recurrence-label-font-bgr-size;
267
252
  margin-bottom: 1px;
268
253
  }
269
254
 
270
255
  .e-month-expander tr:first-child .e-input-wrapper,
271
- .e-year-expander,
272
- .e-input-wrapper-side.e-form-right {
256
+ .e-year-expander {
273
257
  margin-bottom: 11px;
274
258
  }
275
259
 
package/styles/recurrence-editor/_material-dark-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 1px !default;
3
2
  $recurrence-month-label-bottom: 1px !default;
4
3
  $recurrence-month-label-bottom-bgr: 3px !default;
package/styles/recurrence-editor/_material-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 1px !default;
3
2
  $recurrence-month-label-bottom: 1px !default;
4
3
  $recurrence-month-label-bottom-bgr: 3px !default;
package/styles/recurrence-editor/_material3-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 8px !default;
3
2
  $recurrence-month-label-bottom: -2px !default;
4
3
  $recurrence-month-label-bottom-bgr: -1px !default;
package/styles/recurrence-editor/_tailwind-definition.scss CHANGED
@@ -1,4 +1,3 @@
1
- /*! recurrence editor theme wise definitions*/
2
1
  $recurrence-label-bottom: 7px !default;
3
2
  $recurrence-month-label-bottom: 6px !default;
4
3
  $recurrence-month-label-bottom-bgr: 0 !default;
package/styles/recurrence-editor/bootstrap-dark.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .e-popup.e-ddl {
2
2
  border-radius: 4px;
3
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
3
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
4
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
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;
@@ -73,7 +75,8 @@
73
75
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
74
76
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
77
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
76
- box-shadow: none;
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
77
80
  }
78
81
 
79
82
  .e-ddl.e-popup .e-filter-parent {
@@ -103,13 +106,14 @@
103
106
  min-height: 34px;
104
107
  }
105
108
 
106
- /*! recurrence editor theme wise definitions*/
107
- /*! Recurrence-Editor component layout */
108
109
  .e-recurrenceeditor .e-editor {
110
+ display: -webkit-box;
109
111
  display: -ms-flexbox;
110
112
  display: flex;
111
- -ms-flex-flow: row wrap;
112
- flex-flow: row wrap;
113
+ -webkit-box-orient: horizontal;
114
+ -webkit-box-direction: normal;
115
+ -ms-flex-flow: row wrap;
116
+ flex-flow: row wrap;
113
117
  margin: 0 auto;
114
118
  max-width: 1240px;
115
119
  }
@@ -209,8 +213,10 @@
209
213
  }
210
214
  .e-recurrenceeditor .e-days button {
211
215
  border-radius: 50%;
212
- -ms-flex-flow: row wrap;
213
- flex-flow: row wrap;
216
+ -webkit-box-orient: horizontal;
217
+ -webkit-box-direction: normal;
218
+ -ms-flex-flow: row wrap;
219
+ flex-flow: row wrap;
214
220
  height: 35px;
215
221
  margin: 0 8px 10px;
216
222
  width: 35px;
@@ -269,13 +275,6 @@
269
275
  .e-bigger .e-recurrenceeditor .e-form-left {
270
276
  padding: 0 12px 14px 0;
271
277
  }
272
- .e-bigger .e-recurrenceeditor .e-form-right,
273
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
274
- padding: 0 0 10px;
275
- }
276
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
277
- padding-bottom: 6px;
278
- }
279
278
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
280
279
  padding-left: 70px;
281
280
  }
@@ -302,16 +301,12 @@
302
301
  font-size: 12px;
303
302
  margin-bottom: 8px;
304
303
  }
305
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
306
- padding-bottom: 12px;
307
- }
308
304
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
309
305
  font-size: 12px;
310
306
  margin-bottom: 1px;
311
307
  }
312
308
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
313
- .e-bigger .e-recurrenceeditor .e-year-expander,
314
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
309
+ .e-bigger .e-recurrenceeditor .e-year-expander {
315
310
  margin-bottom: 11px;
316
311
  }
317
312
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -423,7 +418,8 @@
423
418
  }
424
419
  .e-device.e-recurrence-dialog .e-dlg-header-content {
425
420
  background: none;
426
- box-shadow: none;
421
+ -webkit-box-shadow: none;
422
+ box-shadow: none;
427
423
  padding-bottom: 10px;
428
424
  }
429
425
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -448,8 +444,10 @@
448
444
  width: 100%;
449
445
  }
450
446
  .e-recurrenceeditor .e-editor {
451
- -ms-flex-direction: column;
452
- flex-direction: column;
447
+ -webkit-box-orient: vertical;
448
+ -webkit-box-direction: normal;
449
+ -ms-flex-direction: column;
450
+ flex-direction: column;
453
451
  }
454
452
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
455
453
  margin-top: 0;
package/styles/recurrence-editor/bootstrap.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .e-popup.e-ddl {
2
2
  border-radius: 4px;
3
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
4
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
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;
@@ -73,7 +75,8 @@
73
75
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
74
76
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
77
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
76
- box-shadow: none;
78
+ -webkit-box-shadow: none;
79
+ box-shadow: none;
77
80
  }
78
81
 
79
82
  .e-ddl.e-popup .e-filter-parent {
@@ -103,13 +106,14 @@
103
106
  min-height: 34px;
104
107
  }
105
108
 
106
- /*! recurrence editor theme wise definitions*/
107
- /*! Recurrence-Editor component layout */
108
109
  .e-recurrenceeditor .e-editor {
110
+ display: -webkit-box;
109
111
  display: -ms-flexbox;
110
112
  display: flex;
111
- -ms-flex-flow: row wrap;
112
- flex-flow: row wrap;
113
+ -webkit-box-orient: horizontal;
114
+ -webkit-box-direction: normal;
115
+ -ms-flex-flow: row wrap;
116
+ flex-flow: row wrap;
113
117
  margin: 0 auto;
114
118
  max-width: 1240px;
115
119
  }
@@ -209,8 +213,10 @@
209
213
  }
210
214
  .e-recurrenceeditor .e-days button {
211
215
  border-radius: 50%;
212
- -ms-flex-flow: row wrap;
213
- flex-flow: row wrap;
216
+ -webkit-box-orient: horizontal;
217
+ -webkit-box-direction: normal;
218
+ -ms-flex-flow: row wrap;
219
+ flex-flow: row wrap;
214
220
  height: 35px;
215
221
  margin: 0 8px 10px;
216
222
  width: 35px;
@@ -269,13 +275,6 @@
269
275
  .e-bigger .e-recurrenceeditor .e-form-left {
270
276
  padding: 0 12px 14px 0;
271
277
  }
272
- .e-bigger .e-recurrenceeditor .e-form-right,
273
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
274
- padding: 0 0 10px;
275
- }
276
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
277
- padding-bottom: 6px;
278
- }
279
278
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
280
279
  padding-left: 70px;
281
280
  }
@@ -302,16 +301,12 @@
302
301
  font-size: 12px;
303
302
  margin-bottom: 8px;
304
303
  }
305
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
306
- padding-bottom: 12px;
307
- }
308
304
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
309
305
  font-size: 12px;
310
306
  margin-bottom: 1px;
311
307
  }
312
308
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
313
- .e-bigger .e-recurrenceeditor .e-year-expander,
314
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
309
+ .e-bigger .e-recurrenceeditor .e-year-expander {
315
310
  margin-bottom: 11px;
316
311
  }
317
312
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -423,7 +418,8 @@
423
418
  }
424
419
  .e-device.e-recurrence-dialog .e-dlg-header-content {
425
420
  background: none;
426
- box-shadow: none;
421
+ -webkit-box-shadow: none;
422
+ box-shadow: none;
427
423
  padding-bottom: 10px;
428
424
  }
429
425
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -448,8 +444,10 @@
448
444
  width: 100%;
449
445
  }
450
446
  .e-recurrenceeditor .e-editor {
451
- -ms-flex-direction: column;
452
- flex-direction: column;
447
+ -webkit-box-orient: vertical;
448
+ -webkit-box-direction: normal;
449
+ -ms-flex-direction: column;
450
+ flex-direction: column;
453
451
  }
454
452
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
455
453
  margin-top: 0;
package/styles/recurrence-editor/bootstrap4.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;
@@ -91,11 +93,13 @@
91
93
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
92
94
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
93
95
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
94
- box-shadow: none;
96
+ -webkit-box-shadow: none;
97
+ box-shadow: none;
95
98
  }
96
99
 
97
100
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
98
101
  background: transparent;
102
+ display: -webkit-box;
99
103
  display: -ms-flexbox;
100
104
  display: flex;
101
105
  position: relative;
@@ -148,13 +152,14 @@
148
152
  min-height: 34px;
149
153
  }
150
154
 
151
- /*! recurrence editor theme wise definitions*/
152
- /*! Recurrence-Editor component layout */
153
155
  .e-recurrenceeditor .e-editor {
156
+ display: -webkit-box;
154
157
  display: -ms-flexbox;
155
158
  display: flex;
156
- -ms-flex-flow: row wrap;
157
- flex-flow: row wrap;
159
+ -webkit-box-orient: horizontal;
160
+ -webkit-box-direction: normal;
161
+ -ms-flex-flow: row wrap;
162
+ flex-flow: row wrap;
158
163
  margin: 0 auto;
159
164
  max-width: 1240px;
160
165
  }
@@ -254,8 +259,10 @@
254
259
  }
255
260
  .e-recurrenceeditor .e-days button {
256
261
  border-radius: 50%;
257
- -ms-flex-flow: row wrap;
258
- flex-flow: row wrap;
262
+ -webkit-box-orient: horizontal;
263
+ -webkit-box-direction: normal;
264
+ -ms-flex-flow: row wrap;
265
+ flex-flow: row wrap;
259
266
  height: 35px;
260
267
  margin: 0 8px 10px;
261
268
  width: 35px;
@@ -314,13 +321,6 @@
314
321
  .e-bigger .e-recurrenceeditor .e-form-left {
315
322
  padding: 0 12px 14px 0;
316
323
  }
317
- .e-bigger .e-recurrenceeditor .e-form-right,
318
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
319
- padding: 0 0 10px;
320
- }
321
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
322
- padding-bottom: 6px;
323
- }
324
324
  .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
325
325
  padding-left: 70px;
326
326
  }
@@ -347,16 +347,12 @@
347
347
  font-size: 16px;
348
348
  margin-bottom: 8px;
349
349
  }
350
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
351
- padding-bottom: 12px;
352
- }
353
350
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
354
351
  font-size: 16px;
355
352
  margin-bottom: 1px;
356
353
  }
357
354
  .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
358
- .e-bigger .e-recurrenceeditor .e-year-expander,
359
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
355
+ .e-bigger .e-recurrenceeditor .e-year-expander {
360
356
  margin-bottom: 11px;
361
357
  }
362
358
  .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
@@ -468,7 +464,8 @@
468
464
  }
469
465
  .e-device.e-recurrence-dialog .e-dlg-header-content {
470
466
  background: none;
471
- box-shadow: none;
467
+ -webkit-box-shadow: none;
468
+ box-shadow: none;
472
469
  padding-bottom: 10px;
473
470
  }
474
471
  .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
@@ -493,8 +490,10 @@
493
490
  width: 100%;
494
491
  }
495
492
  .e-recurrenceeditor .e-editor {
496
- -ms-flex-direction: column;
497
- flex-direction: column;
493
+ -webkit-box-orient: vertical;
494
+ -webkit-box-direction: normal;
495
+ -ms-flex-direction: column;
496
+ flex-direction: column;
498
497
  }
499
498
  .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
500
499
  margin-top: 0;
package/styles/recurrence-editor/bootstrap5-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: 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;