@syncfusion/ej2-angular-schedule 23.1.44 → 23.2.4-ngcc

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 (172) hide show
  1. package/@syncfusion/ej2-angular-schedule.es5.js +860 -0
  2. package/@syncfusion/ej2-angular-schedule.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-schedule.js +808 -0
  4. package/@syncfusion/ej2-angular-schedule.js.map +1 -0
  5. package/CHANGELOG.md +1853 -0
  6. package/dist/ej2-angular-schedule.umd.js +1005 -0
  7. package/dist/ej2-angular-schedule.umd.js.map +1 -0
  8. package/dist/ej2-angular-schedule.umd.min.js +11 -0
  9. package/dist/ej2-angular-schedule.umd.min.js.map +1 -0
  10. package/ej2-angular-schedule.d.ts +6 -0
  11. package/ej2-angular-schedule.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/recurrence-editor/recurrenceeditor-all.module.d.ts +0 -6
  18. package/src/recurrence-editor/recurrenceeditor.component.d.ts +0 -3
  19. package/src/recurrence-editor/recurrenceeditor.module.d.ts +0 -6
  20. package/src/schedule/headerrows.directive.d.ts +0 -5
  21. package/src/schedule/resources.directive.d.ts +0 -5
  22. package/src/schedule/schedule-all.module.d.ts +0 -6
  23. package/src/schedule/schedule.component.d.ts +0 -3
  24. package/src/schedule/schedule.module.d.ts +0 -9
  25. package/src/schedule/views.directive.d.ts +0 -5
  26. package/styles/bootstrap-dark.css +18 -1
  27. package/styles/bootstrap.css +13 -1
  28. package/styles/bootstrap4.css +13 -1
  29. package/styles/bootstrap5-dark.css +15 -2
  30. package/styles/bootstrap5.css +15 -2
  31. package/styles/fabric-dark.css +18 -1
  32. package/styles/fabric.css +13 -1
  33. package/styles/fluent-dark.css +15 -2
  34. package/styles/fluent.css +15 -2
  35. package/styles/highcontrast-light.css +13 -1
  36. package/styles/highcontrast.css +18 -1
  37. package/styles/material-dark.css +13 -1
  38. package/styles/material.css +13 -1
  39. package/styles/material3-dark.css +68 -1
  40. package/styles/material3-dark.scss +0 -1
  41. package/styles/material3.css +124 -1
  42. package/styles/material3.scss +0 -1
  43. package/styles/recurrence-editor/bootstrap-dark.scss +1 -8
  44. package/styles/recurrence-editor/bootstrap.scss +1 -8
  45. package/styles/recurrence-editor/bootstrap4.scss +1 -8
  46. package/styles/recurrence-editor/bootstrap5-dark.scss +1 -8
  47. package/styles/recurrence-editor/bootstrap5.scss +1 -8
  48. package/styles/recurrence-editor/fabric-dark.scss +1 -8
  49. package/styles/recurrence-editor/fabric.scss +1 -8
  50. package/styles/recurrence-editor/fluent-dark.scss +1 -8
  51. package/styles/recurrence-editor/fluent.scss +1 -8
  52. package/styles/recurrence-editor/highcontrast-light.scss +1 -8
  53. package/styles/recurrence-editor/highcontrast.scss +1 -8
  54. package/styles/recurrence-editor/material-dark.scss +1 -8
  55. package/styles/recurrence-editor/material.scss +1 -8
  56. package/styles/recurrence-editor/material3-dark.scss +1 -8
  57. package/styles/recurrence-editor/material3.scss +1 -8
  58. package/styles/recurrence-editor/tailwind-dark.scss +1 -8
  59. package/styles/recurrence-editor/tailwind.scss +1 -8
  60. package/styles/schedule/bootstrap-dark.css +18 -1
  61. package/styles/schedule/bootstrap-dark.scss +1 -16
  62. package/styles/schedule/bootstrap.css +13 -1
  63. package/styles/schedule/bootstrap.scss +1 -16
  64. package/styles/schedule/bootstrap4.css +13 -1
  65. package/styles/schedule/bootstrap4.scss +1 -16
  66. package/styles/schedule/bootstrap5-dark.css +15 -2
  67. package/styles/schedule/bootstrap5-dark.scss +1 -15
  68. package/styles/schedule/bootstrap5.css +15 -2
  69. package/styles/schedule/bootstrap5.scss +1 -16
  70. package/styles/schedule/fabric-dark.css +18 -1
  71. package/styles/schedule/fabric-dark.scss +1 -16
  72. package/styles/schedule/fabric.css +13 -1
  73. package/styles/schedule/fabric.scss +1 -16
  74. package/styles/schedule/fluent-dark.css +15 -2
  75. package/styles/schedule/fluent-dark.scss +1 -15
  76. package/styles/schedule/fluent.css +15 -2
  77. package/styles/schedule/fluent.scss +1 -16
  78. package/styles/schedule/highcontrast-light.css +13 -1
  79. package/styles/schedule/highcontrast-light.scss +1 -16
  80. package/styles/schedule/highcontrast.css +18 -1
  81. package/styles/schedule/highcontrast.scss +1 -16
  82. package/styles/schedule/material-dark.css +13 -1
  83. package/styles/schedule/material-dark.scss +1 -16
  84. package/styles/schedule/material.css +13 -1
  85. package/styles/schedule/material.scss +1 -16
  86. package/styles/schedule/material3-dark.css +13 -1
  87. package/styles/schedule/material3-dark.scss +1 -15
  88. package/styles/schedule/material3.css +13 -1
  89. package/styles/schedule/material3.scss +1 -16
  90. package/styles/schedule/tailwind-dark.css +15 -2
  91. package/styles/schedule/tailwind-dark.scss +1 -15
  92. package/styles/schedule/tailwind.css +15 -2
  93. package/styles/schedule/tailwind.scss +1 -16
  94. package/styles/tailwind-dark.css +15 -2
  95. package/styles/tailwind.css +15 -2
  96. package/esm2020/public_api.mjs +0 -3
  97. package/esm2020/src/index.mjs +0 -11
  98. package/esm2020/src/recurrence-editor/recurrenceeditor-all.module.mjs +0 -23
  99. package/esm2020/src/recurrence-editor/recurrenceeditor.component.mjs +0 -59
  100. package/esm2020/src/recurrence-editor/recurrenceeditor.module.mjs +0 -25
  101. package/esm2020/src/schedule/headerrows.directive.mjs +0 -66
  102. package/esm2020/src/schedule/resources.directive.mjs +0 -58
  103. package/esm2020/src/schedule/schedule-all.module.mjs +0 -74
  104. package/esm2020/src/schedule/schedule.component.mjs +0 -301
  105. package/esm2020/src/schedule/schedule.module.mjs +0 -52
  106. package/esm2020/src/schedule/views.directive.mjs +0 -132
  107. package/esm2020/syncfusion-ej2-angular-schedule.mjs +0 -5
  108. package/fesm2015/syncfusion-ej2-angular-schedule.mjs +0 -757
  109. package/fesm2015/syncfusion-ej2-angular-schedule.mjs.map +0 -1
  110. package/fesm2020/syncfusion-ej2-angular-schedule.mjs +0 -757
  111. package/fesm2020/syncfusion-ej2-angular-schedule.mjs.map +0 -1
  112. package/styles/recurrence-editor/_all.scss +0 -2
  113. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +0 -13
  114. package/styles/recurrence-editor/_bootstrap-definition.scss +0 -13
  115. package/styles/recurrence-editor/_bootstrap4-definition.scss +0 -13
  116. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +0 -1
  117. package/styles/recurrence-editor/_bootstrap5-definition.scss +0 -13
  118. package/styles/recurrence-editor/_fabric-dark-definition.scss +0 -13
  119. package/styles/recurrence-editor/_fabric-definition.scss +0 -13
  120. package/styles/recurrence-editor/_fluent-dark-definition.scss +0 -1
  121. package/styles/recurrence-editor/_fluent-definition.scss +0 -13
  122. package/styles/recurrence-editor/_fusionnew-definition.scss +0 -13
  123. package/styles/recurrence-editor/_highcontrast-definition.scss +0 -13
  124. package/styles/recurrence-editor/_highcontrast-light-definition.scss +0 -13
  125. package/styles/recurrence-editor/_layout.scss +0 -548
  126. package/styles/recurrence-editor/_material-dark-definition.scss +0 -13
  127. package/styles/recurrence-editor/_material-definition.scss +0 -13
  128. package/styles/recurrence-editor/_material3-dark-definition.scss +0 -1
  129. package/styles/recurrence-editor/_material3-definition.scss +0 -13
  130. package/styles/recurrence-editor/_tailwind-dark-definition.scss +0 -1
  131. package/styles/recurrence-editor/_tailwind-definition.scss +0 -13
  132. package/styles/recurrence-editor/_theme.scss +0 -1
  133. package/styles/schedule/_all.scss +0 -2
  134. package/styles/schedule/_bootstrap-dark-definition.scss +0 -280
  135. package/styles/schedule/_bootstrap-definition.scss +0 -280
  136. package/styles/schedule/_bootstrap4-definition.scss +0 -283
  137. package/styles/schedule/_bootstrap5-dark-definition.scss +0 -1
  138. package/styles/schedule/_bootstrap5-definition.scss +0 -290
  139. package/styles/schedule/_fabric-dark-definition.scss +0 -279
  140. package/styles/schedule/_fabric-definition.scss +0 -280
  141. package/styles/schedule/_fluent-dark-definition.scss +0 -1
  142. package/styles/schedule/_fluent-definition.scss +0 -285
  143. package/styles/schedule/_fusionnew-definition.scss +0 -289
  144. package/styles/schedule/_highcontrast-definition.scss +0 -281
  145. package/styles/schedule/_highcontrast-light-definition.scss +0 -281
  146. package/styles/schedule/_layout.scss +0 -4149
  147. package/styles/schedule/_material-dark-definition.scss +0 -280
  148. package/styles/schedule/_material-definition.scss +0 -280
  149. package/styles/schedule/_material3-dark-definition.scss +0 -1
  150. package/styles/schedule/_material3-definition.scss +0 -292
  151. package/styles/schedule/_tailwind-dark-definition.scss +0 -1
  152. package/styles/schedule/_tailwind-definition.scss +0 -282
  153. package/styles/schedule/_theme.scss +0 -551
  154. package/styles/schedule/icons/_bootstrap-dark.scss +0 -231
  155. package/styles/schedule/icons/_bootstrap.scss +0 -231
  156. package/styles/schedule/icons/_bootstrap4.scss +0 -231
  157. package/styles/schedule/icons/_bootstrap5-dark.scss +0 -1
  158. package/styles/schedule/icons/_bootstrap5.scss +0 -231
  159. package/styles/schedule/icons/_fabric-dark.scss +0 -231
  160. package/styles/schedule/icons/_fabric.scss +0 -231
  161. package/styles/schedule/icons/_fluent-dark.scss +0 -1
  162. package/styles/schedule/icons/_fluent.scss +0 -231
  163. package/styles/schedule/icons/_fusionnew.scss +0 -231
  164. package/styles/schedule/icons/_highcontrast-light.scss +0 -231
  165. package/styles/schedule/icons/_highcontrast.scss +0 -231
  166. package/styles/schedule/icons/_material-dark.scss +0 -231
  167. package/styles/schedule/icons/_material.scss +0 -231
  168. package/styles/schedule/icons/_material3-dark.scss +0 -1
  169. package/styles/schedule/icons/_material3.scss +0 -231
  170. package/styles/schedule/icons/_tailwind-dark.scss +0 -1
  171. package/styles/schedule/icons/_tailwind.scss +0 -231
  172. package/syncfusion-ej2-angular-schedule.d.ts +0 -5
package/styles/fabric.css CHANGED
@@ -211,6 +211,9 @@
211
211
  .e-schedule-dialog.e-device .e-save-icon::before {
212
212
  content: "\e954";
213
213
  }
214
+ .e-schedule-dialog.e-device .e-delete-icon::before {
215
+ content: "\e965";
216
+ }
214
217
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
215
218
  content: "\e97c";
216
219
  }
@@ -2955,7 +2958,16 @@
2955
2958
  cursor: pointer;
2956
2959
  line-height: normal;
2957
2960
  }
2958
- .e-schedule-dialog.e-device .e-save-icon {
2961
+ .e-schedule-dialog.e-device .e-title-text {
2962
+ text-align: center;
2963
+ }
2964
+ .e-schedule-dialog.e-device .e-save-icon,
2965
+ .e-schedule-dialog.e-device .e-back-icon,
2966
+ .e-schedule-dialog.e-device .e-delete-icon {
2967
+ width: 2.5em;
2968
+ }
2969
+ .e-schedule-dialog.e-device .e-save-icon,
2970
+ .e-schedule-dialog.e-device .e-delete-icon {
2959
2971
  text-align: right;
2960
2972
  }
2961
2973
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -154,7 +154,8 @@
154
154
  width: 24px;
155
155
  }
156
156
 
157
- .e-multi-select-wrapper .e-searcher input[type=text] {
157
+ .e-multi-select-wrapper .e-searcher input[type=text],
158
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
158
159
  color: #f3f2f1;
159
160
  height: 100%;
160
161
  }
@@ -279,6 +280,9 @@
279
280
  .e-schedule-dialog.e-device .e-save-icon::before {
280
281
  content: "\e7c8";
281
282
  }
283
+ .e-schedule-dialog.e-device .e-delete-icon::before {
284
+ content: "\e820";
285
+ }
282
286
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
283
287
  content: "\e730";
284
288
  }
@@ -3023,7 +3027,16 @@
3023
3027
  cursor: pointer;
3024
3028
  line-height: normal;
3025
3029
  }
3026
- .e-schedule-dialog.e-device .e-save-icon {
3030
+ .e-schedule-dialog.e-device .e-title-text {
3031
+ text-align: center;
3032
+ }
3033
+ .e-schedule-dialog.e-device .e-save-icon,
3034
+ .e-schedule-dialog.e-device .e-back-icon,
3035
+ .e-schedule-dialog.e-device .e-delete-icon {
3036
+ width: 2.5em;
3037
+ }
3038
+ .e-schedule-dialog.e-device .e-save-icon,
3039
+ .e-schedule-dialog.e-device .e-delete-icon {
3027
3040
  text-align: right;
3028
3041
  }
3029
3042
  .e-schedule-dialog.e-device .e-time-zone-row,
package/styles/fluent.css CHANGED
@@ -154,7 +154,8 @@
154
154
  width: 24px;
155
155
  }
156
156
 
157
- .e-multi-select-wrapper .e-searcher input[type=text] {
157
+ .e-multi-select-wrapper .e-searcher input[type=text],
158
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
158
159
  color: #201f1e;
159
160
  height: 100%;
160
161
  }
@@ -279,6 +280,9 @@
279
280
  .e-schedule-dialog.e-device .e-save-icon::before {
280
281
  content: "\e7c8";
281
282
  }
283
+ .e-schedule-dialog.e-device .e-delete-icon::before {
284
+ content: "\e820";
285
+ }
282
286
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
283
287
  content: "\e730";
284
288
  }
@@ -3023,7 +3027,16 @@
3023
3027
  cursor: pointer;
3024
3028
  line-height: normal;
3025
3029
  }
3026
- .e-schedule-dialog.e-device .e-save-icon {
3030
+ .e-schedule-dialog.e-device .e-title-text {
3031
+ text-align: center;
3032
+ }
3033
+ .e-schedule-dialog.e-device .e-save-icon,
3034
+ .e-schedule-dialog.e-device .e-back-icon,
3035
+ .e-schedule-dialog.e-device .e-delete-icon {
3036
+ width: 2.5em;
3037
+ }
3038
+ .e-schedule-dialog.e-device .e-save-icon,
3039
+ .e-schedule-dialog.e-device .e-delete-icon {
3027
3040
  text-align: right;
3028
3041
  }
3029
3042
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -293,6 +293,9 @@
293
293
  .e-schedule-dialog.e-device .e-save-icon::before {
294
294
  content: "\e954";
295
295
  }
296
+ .e-schedule-dialog.e-device .e-delete-icon::before {
297
+ content: "\e965";
298
+ }
296
299
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
297
300
  content: "\e97c";
298
301
  }
@@ -3037,7 +3040,16 @@
3037
3040
  cursor: pointer;
3038
3041
  line-height: normal;
3039
3042
  }
3040
- .e-schedule-dialog.e-device .e-save-icon {
3043
+ .e-schedule-dialog.e-device .e-title-text {
3044
+ text-align: center;
3045
+ }
3046
+ .e-schedule-dialog.e-device .e-save-icon,
3047
+ .e-schedule-dialog.e-device .e-back-icon,
3048
+ .e-schedule-dialog.e-device .e-delete-icon {
3049
+ width: 2.5em;
3050
+ }
3051
+ .e-schedule-dialog.e-device .e-save-icon,
3052
+ .e-schedule-dialog.e-device .e-delete-icon {
3041
3053
  text-align: right;
3042
3054
  }
3043
3055
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -181,6 +181,11 @@
181
181
  width: 30px;
182
182
  }
183
183
 
184
+ .e-multi-select-wrapper .e-searcher input[type=text],
185
+ .e-multi-select-wrapper .e-multi-searcher input[type=text] {
186
+ color: #fff;
187
+ }
188
+
184
189
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's highcontrast theme definitions and variables */
185
190
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
186
191
  content: "\e98f";
@@ -297,6 +302,9 @@
297
302
  .e-schedule-dialog.e-device .e-save-icon::before {
298
303
  content: "\e954";
299
304
  }
305
+ .e-schedule-dialog.e-device .e-delete-icon::before {
306
+ content: "\e965";
307
+ }
300
308
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
301
309
  content: "\e97c";
302
310
  }
@@ -3041,7 +3049,16 @@
3041
3049
  cursor: pointer;
3042
3050
  line-height: normal;
3043
3051
  }
3044
- .e-schedule-dialog.e-device .e-save-icon {
3052
+ .e-schedule-dialog.e-device .e-title-text {
3053
+ text-align: center;
3054
+ }
3055
+ .e-schedule-dialog.e-device .e-save-icon,
3056
+ .e-schedule-dialog.e-device .e-back-icon,
3057
+ .e-schedule-dialog.e-device .e-delete-icon {
3058
+ width: 2.5em;
3059
+ }
3060
+ .e-schedule-dialog.e-device .e-save-icon,
3061
+ .e-schedule-dialog.e-device .e-delete-icon {
3045
3062
  text-align: right;
3046
3063
  }
3047
3064
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -237,6 +237,9 @@
237
237
  .e-schedule-dialog.e-device .e-save-icon::before {
238
238
  content: "\e98e";
239
239
  }
240
+ .e-schedule-dialog.e-device .e-delete-icon::before {
241
+ content: "\e94a";
242
+ }
240
243
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
241
244
  content: "\e944";
242
245
  }
@@ -2981,7 +2984,16 @@
2981
2984
  cursor: pointer;
2982
2985
  line-height: normal;
2983
2986
  }
2984
- .e-schedule-dialog.e-device .e-save-icon {
2987
+ .e-schedule-dialog.e-device .e-title-text {
2988
+ text-align: center;
2989
+ }
2990
+ .e-schedule-dialog.e-device .e-save-icon,
2991
+ .e-schedule-dialog.e-device .e-back-icon,
2992
+ .e-schedule-dialog.e-device .e-delete-icon {
2993
+ width: 2.5em;
2994
+ }
2995
+ .e-schedule-dialog.e-device .e-save-icon,
2996
+ .e-schedule-dialog.e-device .e-delete-icon {
2985
2997
  text-align: right;
2986
2998
  }
2987
2999
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -273,6 +273,9 @@
273
273
  .e-schedule-dialog.e-device .e-save-icon::before {
274
274
  content: "\e98e";
275
275
  }
276
+ .e-schedule-dialog.e-device .e-delete-icon::before {
277
+ content: "\e94a";
278
+ }
276
279
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
277
280
  content: "\e944";
278
281
  }
@@ -3017,7 +3020,16 @@
3017
3020
  cursor: pointer;
3018
3021
  line-height: normal;
3019
3022
  }
3020
- .e-schedule-dialog.e-device .e-save-icon {
3023
+ .e-schedule-dialog.e-device .e-title-text {
3024
+ text-align: center;
3025
+ }
3026
+ .e-schedule-dialog.e-device .e-save-icon,
3027
+ .e-schedule-dialog.e-device .e-back-icon,
3028
+ .e-schedule-dialog.e-device .e-delete-icon {
3029
+ width: 2.5em;
3030
+ }
3031
+ .e-schedule-dialog.e-device .e-save-icon,
3032
+ .e-schedule-dialog.e-device .e-delete-icon {
3021
3033
  text-align: right;
3022
3034
  }
3023
3035
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -331,6 +331,9 @@
331
331
  .e-schedule-dialog.e-device .e-save-icon::before {
332
332
  content: "\e7c8";
333
333
  }
334
+ .e-schedule-dialog.e-device .e-delete-icon::before {
335
+ content: "\e820";
336
+ }
334
337
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
335
338
  content: "\e730";
336
339
  }
@@ -3084,7 +3087,16 @@
3084
3087
  cursor: pointer;
3085
3088
  line-height: normal;
3086
3089
  }
3087
- .e-schedule-dialog.e-device .e-save-icon {
3090
+ .e-schedule-dialog.e-device .e-title-text {
3091
+ text-align: center;
3092
+ }
3093
+ .e-schedule-dialog.e-device .e-save-icon,
3094
+ .e-schedule-dialog.e-device .e-back-icon,
3095
+ .e-schedule-dialog.e-device .e-delete-icon {
3096
+ width: 2.5em;
3097
+ }
3098
+ .e-schedule-dialog.e-device .e-save-icon,
3099
+ .e-schedule-dialog.e-device .e-delete-icon {
3088
3100
  text-align: right;
3089
3101
  }
3090
3102
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -4213,6 +4225,61 @@
4213
4225
  color: rgba(var(--color-sf-error));
4214
4226
  }
4215
4227
 
4228
+ :root {
4229
+ --color-sf-black: 0, 0, 0;
4230
+ --color-sf-white: 255, 255, 255;
4231
+ --color-sf-primary: 208, 188, 255;
4232
+ --color-sf-primary-container: 79, 55, 139;
4233
+ --color-sf-secondary: 204, 194, 220;
4234
+ --color-sf-secondary-container: 74, 68, 88;
4235
+ --color-sf-tertiary: 239, 184, 200;
4236
+ --color-sf-tertiary-container: 99, 59, 72;
4237
+ --color-sf-surface: 28, 27, 31;
4238
+ --color-sf-surface-variant: 73, 69, 79;
4239
+ --color-sf-background: var(--color-sf-surface);
4240
+ --color-sf-on-primary: 55, 30, 115;
4241
+ --color-sf-on-primary-container: 234, 221, 255;
4242
+ --color-sf-on-secondary: 51, 45, 65;
4243
+ --color-sf-on-secondary-container: 232, 222, 248;
4244
+ --color-sf-on-tertiary: 73, 37, 50;
4245
+ --color-sf-on-tertiary-containe: 255, 216, 228;
4246
+ --color-sf-on-surface: 230, 225, 229;
4247
+ --color-sf-on-surface-variant: 202, 196, 208;
4248
+ --color-sf-on-background: 230, 225, 229;
4249
+ --color-sf-outline: 147, 143, 153;
4250
+ --color-sf-outline-variant: 68, 71, 70;
4251
+ --color-sf-shadow: 0, 0, 0;
4252
+ --color-sf-surface-tint-color: 208, 188, 255;
4253
+ --color-sf-inverse-surface: 230, 225, 229;
4254
+ --color-sf-inverse-on-surface: 49, 48, 51;
4255
+ --color-sf-inverse-primary: 103, 80, 164;
4256
+ --color-sf-scrim: 0, 0, 0;
4257
+ --color-sf-error: 242, 184, 181;
4258
+ --color-sf-error-container: 140, 29, 24;
4259
+ --color-sf-on-error: 96, 20, 16;
4260
+ --color-sf-on-error-container: 249, 222, 220;
4261
+ --color-sf-success: 83, 202, 23;
4262
+ --color-sf-success-container: 22, 62, 2;
4263
+ --color-sf-on-success: 13, 39, 0;
4264
+ --color-sf-on-success-container: 183, 250, 150;
4265
+ --color-sf-info: 71, 172, 251;
4266
+ --color-sf-info-container: 0, 67, 120;
4267
+ --color-sf-on-info: 0, 51, 91;
4268
+ --color-sf-on-info-container: 173, 219, 255;
4269
+ --color-sf-warning: 245, 180, 130;
4270
+ --color-sf-warning-container: 123, 65, 0;
4271
+ --color-sf-on-warning: 99, 52, 0;
4272
+ --color-sf-on-warning-container: 255, 220, 193;
4273
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
4274
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
4275
+ --color-sf-success-text: 0, 0, 0;
4276
+ --color-sf-warning-text: 0, 0, 0;
4277
+ --color-sf-info-text: 0, 0, 0;
4278
+ --color-sf-danger-text: 0, 0, 0;
4279
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
4280
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
4281
+ }
4282
+
4216
4283
  /*! recurrence editor theme wise definitions*/
4217
4284
  /*! Recurrence-Editor component layout */
4218
4285
  .e-recurrenceeditor .e-editor {
@@ -1,4 +1,3 @@
1
1
 
2
-
3
2
  @import 'schedule/material3-dark.scss';
4
3
  @import 'recurrence-editor/material3-dark.scss';
@@ -387,6 +387,9 @@
387
387
  .e-schedule-dialog.e-device .e-save-icon::before {
388
388
  content: "\e7c8";
389
389
  }
390
+ .e-schedule-dialog.e-device .e-delete-icon::before {
391
+ content: "\e820";
392
+ }
390
393
  .e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
391
394
  content: "\e730";
392
395
  }
@@ -3140,7 +3143,16 @@
3140
3143
  cursor: pointer;
3141
3144
  line-height: normal;
3142
3145
  }
3143
- .e-schedule-dialog.e-device .e-save-icon {
3146
+ .e-schedule-dialog.e-device .e-title-text {
3147
+ text-align: center;
3148
+ }
3149
+ .e-schedule-dialog.e-device .e-save-icon,
3150
+ .e-schedule-dialog.e-device .e-back-icon,
3151
+ .e-schedule-dialog.e-device .e-delete-icon {
3152
+ width: 2.5em;
3153
+ }
3154
+ .e-schedule-dialog.e-device .e-save-icon,
3155
+ .e-schedule-dialog.e-device .e-delete-icon {
3144
3156
  text-align: right;
3145
3157
  }
3146
3158
  .e-schedule-dialog.e-device .e-time-zone-row,
@@ -4269,6 +4281,117 @@
4269
4281
  color: rgba(var(--color-sf-error));
4270
4282
  }
4271
4283
 
4284
+ :root {
4285
+ --color-sf-black: 0, 0, 0;
4286
+ --color-sf-white: 255, 255, 255;
4287
+ --color-sf-primary: 103, 80, 164;
4288
+ --color-sf-primary-container: 234, 221, 255;
4289
+ --color-sf-secondary: 98, 91, 113;
4290
+ --color-sf-secondary-container: 232, 222, 248;
4291
+ --color-sf-tertiary: 125, 82, 96;
4292
+ --color-sf-tertiary-container: 255, 216, 228;
4293
+ --color-sf-surface: 255, 255, 255;
4294
+ --color-sf-surface-variant: 231, 224, 236;
4295
+ --color-sf-background: var(--color-sf-surface);
4296
+ --color-sf-on-primary: 255, 255, 255;
4297
+ --color-sf-on-primary-container: 33, 0, 94;
4298
+ --color-sf-on-secondary: 255, 255, 255;
4299
+ --color-sf-on-secondary-container: 30, 25, 43;
4300
+ --color-sf-on-tertiary: 255, 255, 255;
4301
+ --color-sf-on-tertiary-containe: 55, 11, 30;
4302
+ --color-sf-on-surface: 28, 27, 31;
4303
+ --color-sf-on-surface-variant: 73, 69, 78;
4304
+ --color-sf-on-background: 28, 27, 31;
4305
+ --color-sf-outline: 121, 116, 126;
4306
+ --color-sf-outline-variant: 196, 199, 197;
4307
+ --color-sf-shadow: 0, 0, 0;
4308
+ --color-sf-surface-tint-color: 103, 80, 164;
4309
+ --color-sf-inverse-surface: 49, 48, 51;
4310
+ --color-sf-inverse-on-surface: 244, 239, 244;
4311
+ --color-sf-inverse-primary: 208, 188, 255;
4312
+ --color-sf-scrim: 0, 0, 0;
4313
+ --color-sf-error: 179, 38, 30;
4314
+ --color-sf-error-container: 249, 222, 220;
4315
+ --color-sf-on-error: 255, 250, 250;
4316
+ --color-sf-on-error-container: 65, 14, 11;
4317
+ --color-sf-success: 32, 81, 7;
4318
+ --color-sf-success-container: 209, 255, 186;
4319
+ --color-sf-on-success: 244, 255, 239;
4320
+ --color-sf-on-success-container: 13, 39, 0;
4321
+ --color-sf-info: 1, 87, 155;
4322
+ --color-sf-info-container: 233, 245, 255;
4323
+ --color-sf-on-info: 250, 253, 255;
4324
+ --color-sf-on-info-container: 0, 51, 91;
4325
+ --color-sf-warning: 145, 76, 0;
4326
+ --color-sf-warning-container: 254, 236, 222;
4327
+ --color-sf-on-warning: 255, 255, 255;
4328
+ --color-sf-on-warning-container: 47, 21, 0;
4329
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
4330
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
4331
+ --color-sf-diagram-palette-background: --color-sf-white;
4332
+ --color-sf-success-text: 255, 255, 255;
4333
+ --color-sf-warning-text: 255, 255, 255;
4334
+ --color-sf-danger-text: 255, 255, 255;
4335
+ --color-sf-info-text: 255, 255, 255;
4336
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
4337
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
4338
+ }
4339
+
4340
+ .e-dark-mode {
4341
+ --color-sf-black: 0, 0, 0;
4342
+ --color-sf-white: 255, 255, 255;
4343
+ --color-sf-primary: 208, 188, 255;
4344
+ --color-sf-primary-container: 79, 55, 139;
4345
+ --color-sf-secondary: 204, 194, 220;
4346
+ --color-sf-secondary-container: 74, 68, 88;
4347
+ --color-sf-tertiary: 239, 184, 200;
4348
+ --color-sf-tertiary-container: 99, 59, 72;
4349
+ --color-sf-surface: 28, 27, 31;
4350
+ --color-sf-surface-variant: 28, 27, 31;
4351
+ --color-sf-background: var(--color-sf-surface);
4352
+ --color-sf-on-primary: 55, 30, 115;
4353
+ --color-sf-on-primary-container: 234, 221, 255;
4354
+ --color-sf-on-secondary: 51, 45, 65;
4355
+ --color-sf-on-secondary-container: 232, 222, 248;
4356
+ --color-sf-on-tertiary: 73, 37, 50;
4357
+ --color-sf-on-tertiary-containe: 255, 216, 228;
4358
+ --color-sf-on-surface: 230, 225, 229;
4359
+ --color-sf-on-surface-variant: 202, 196, 208;
4360
+ --color-sf-on-background: 230, 225, 229;
4361
+ --color-sf-outline: 147, 143, 153;
4362
+ --color-sf-outline-variant: 68, 71, 70;
4363
+ --color-sf-shadow: 0, 0, 0;
4364
+ --color-sf-surface-tint-color: 208, 188, 255;
4365
+ --color-sf-inverse-surface: 230, 225, 229;
4366
+ --color-sf-inverse-on-surface: 49, 48, 51;
4367
+ --color-sf-inverse-primary: 103, 80, 164;
4368
+ --color-sf-scrim: 0, 0, 0;
4369
+ --color-sf-error: 242, 184, 181;
4370
+ --color-sf-error-container: 140, 29, 24;
4371
+ --color-sf-on-error: 96, 20, 16;
4372
+ --color-sf-on-error-container: 249, 222, 220;
4373
+ --color-sf-success: 83, 202, 23;
4374
+ --color-sf-success-container: 22, 62, 2;
4375
+ --color-sf-on-success: 13, 39, 0;
4376
+ --color-sf-on-success-container: 183, 250, 150;
4377
+ --color-sf-info: 71, 172, 251;
4378
+ --color-sf-info-container: 0, 67, 120;
4379
+ --color-sf-on-info: 0, 51, 91;
4380
+ --color-sf-on-info-container: 173, 219, 255;
4381
+ --color-sf-warning: 245, 180, 130;
4382
+ --color-sf-warning-container: 123, 65, 0;
4383
+ --color-sf-on-warning: 99, 52, 0;
4384
+ --color-sf-on-warning-container: 255, 220, 193;
4385
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
4386
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
4387
+ --color-sf-success-text: 0, 0, 0;
4388
+ --color-sf-warning-text: 0, 0, 0;
4389
+ --color-sf-info-text: 0, 0, 0;
4390
+ --color-sf-danger-text: 0, 0, 0;
4391
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
4392
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
4393
+ }
4394
+
4272
4395
  /*! recurrence editor theme wise definitions*/
4273
4396
  /*! Recurrence-Editor component layout */
4274
4397
  .e-recurrenceeditor .e-editor {
@@ -1,4 +1,3 @@
1
1
 
2
-
3
2
  @import 'schedule/material3.scss';
4
3
  @import 'recurrence-editor/material3.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
7
- @import 'bootstrap-dark-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/bootstrap-dark.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
7
- @import 'bootstrap-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/bootstrap.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap4.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
7
- @import 'bootstrap4-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/bootstrap4.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
7
- @import 'bootstrap5-dark-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/bootstrap5-dark.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
7
- @import 'bootstrap5-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/bootstrap5.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/fabric-dark.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
7
- @import 'fabric-dark-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/fabric-dark.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/fabric.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
3
- @import 'ej2-buttons/styles/button/fabric-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
7
- @import 'fabric-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/fabric.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/fluent-dark.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
7
- @import 'fluent-dark-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/fluent-dark.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/fluent.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
3
- @import 'ej2-buttons/styles/button/fluent-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
7
- @import 'fluent-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/fluent.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
3
- @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
7
- @import 'highcontrast-light-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/highcontrast-light.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/highcontrast.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
3
- @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
7
- @import 'highcontrast-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/highcontrast.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/material-dark.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/material-dark-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/material-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
7
- @import 'material-dark-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/material-dark.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/material.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/material-definition.scss';
3
- @import 'ej2-buttons/styles/button/material-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/material-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/material-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
7
- @import 'material-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/material.scss';
@@ -1,9 +1,2 @@
1
1
 
2
-
3
- @import 'ej2-inputs/styles/numerictextbox/material3-dark-definition.scss';
4
- @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
5
- @import 'ej2-buttons/styles/radio-button/material3-dark-definition.scss';
6
- @import 'ej2-calendars/styles/datepicker/material3-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/material3-dark-definition.scss';
8
- @import 'material3-dark-definition.scss';
9
- @import 'all.scss';
2
+ @import 'ej2-schedule/styles/recurrence-editor/material3-dark.scss';
@@ -1,9 +1,2 @@
1
1
 
2
-
3
- @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';
4
- @import 'ej2-buttons/styles/button/material3-definition.scss';
5
- @import 'ej2-buttons/styles/radio-button/material3-definition.scss';
6
- @import 'ej2-calendars/styles/datepicker/material3-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
8
- @import 'material3-definition.scss';
9
- @import 'all.scss';
2
+ @import 'ej2-schedule/styles/recurrence-editor/material3.scss';
@@ -1,8 +1 @@
1
- @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
- @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
4
- @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';
5
- @import 'ej2-calendars/styles/datepicker/tailwind-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
7
- @import 'tailwind-dark-definition.scss';
8
- @import 'all.scss';
1
+ @import 'ej2-schedule/styles/recurrence-editor/tailwind-dark.scss';