@syncfusion/ej2-vue-schedule 23.2.7 → 24.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-schedule.umd.min.js +2 -2
  4. package/dist/ej2-vue-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-schedule.es2015.js +68 -6
  6. package/dist/es6/ej2-vue-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-schedule.es5.js +68 -6
  8. package/dist/es6/ej2-vue-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-schedule.min.js +2 -2
  10. package/package.json +9 -9
  11. package/src/index.d.ts +1 -0
  12. package/src/index.js +1 -0
  13. package/src/recurrence-editor/recurrenceeditor.component.js +1 -1
  14. package/src/schedule/index.d.ts +1 -0
  15. package/src/schedule/index.js +1 -0
  16. package/src/schedule/schedule.component.js +7 -4
  17. package/src/schedule/toolbaritems.directive.d.ts +25 -0
  18. package/src/schedule/toolbaritems.directive.js +61 -0
  19. package/styles/bootstrap-dark.css +1 -4546
  20. package/styles/bootstrap.css +1 -4541
  21. package/styles/bootstrap4.css +1 -4650
  22. package/styles/bootstrap5-dark.css +1 -4595
  23. package/styles/bootstrap5.css +1 -4595
  24. package/styles/fabric-dark.css +1 -4513
  25. package/styles/fabric.css +1 -4503
  26. package/styles/fluent-dark.css +1 -4572
  27. package/styles/fluent.css +1 -4572
  28. package/styles/highcontrast-light.css +1 -4585
  29. package/styles/highcontrast.css +1 -4594
  30. package/styles/material-dark.css +1 -4529
  31. package/styles/material.css +1 -4565
  32. package/styles/material3-dark.css +1 -4687
  33. package/styles/material3.css +1 -4799
  34. package/styles/recurrence-editor/bootstrap-dark.css +1 -510
  35. package/styles/recurrence-editor/bootstrap.css +1 -510
  36. package/styles/recurrence-editor/bootstrap4.css +1 -555
  37. package/styles/recurrence-editor/bootstrap5-dark.css +1 -551
  38. package/styles/recurrence-editor/bootstrap5.css +1 -551
  39. package/styles/recurrence-editor/fabric-dark.css +1 -486
  40. package/styles/recurrence-editor/fabric.css +1 -479
  41. package/styles/recurrence-editor/fluent-dark.css +1 -531
  42. package/styles/recurrence-editor/fluent.css +1 -531
  43. package/styles/recurrence-editor/highcontrast-light.css +1 -483
  44. package/styles/recurrence-editor/highcontrast.css +1 -483
  45. package/styles/recurrence-editor/material-dark.css +1 -511
  46. package/styles/recurrence-editor/material.css +1 -536
  47. package/styles/recurrence-editor/material3-dark.css +1 -601
  48. package/styles/recurrence-editor/material3.css +1 -657
  49. package/styles/recurrence-editor/tailwind-dark.css +1 -499
  50. package/styles/recurrence-editor/tailwind.css +1 -499
  51. package/styles/schedule/bootstrap-dark.css +1 -4140
  52. package/styles/schedule/bootstrap.css +1 -4135
  53. package/styles/schedule/bootstrap4.css +1 -4244
  54. package/styles/schedule/bootstrap5-dark.css +1 -4189
  55. package/styles/schedule/bootstrap5.css +1 -4189
  56. package/styles/schedule/fabric-dark.css +1 -4107
  57. package/styles/schedule/fabric.css +1 -4097
  58. package/styles/schedule/fluent-dark.css +1 -4166
  59. package/styles/schedule/fluent.css +1 -4166
  60. package/styles/schedule/highcontrast-light.css +1 -4179
  61. package/styles/schedule/highcontrast.css +1 -4188
  62. package/styles/schedule/material-dark.css +1 -4123
  63. package/styles/schedule/material.css +1 -4159
  64. package/styles/schedule/material3-dark.css +1 -4226
  65. package/styles/schedule/material3.css +1 -4282
  66. package/styles/schedule/tailwind-dark.css +1 -4130
  67. package/styles/schedule/tailwind.css +1 -4130
  68. package/styles/tailwind-dark.css +1 -4536
  69. package/styles/tailwind.css +1 -4536
@@ -1,551 +1 @@
1
- .e-popup.e-ddl {
2
- border-radius: 4px;
3
- box-shadow: none;
4
- margin-top: 3px;
5
- }
6
- .e-popup.e-ddl .e-input-group {
7
- width: auto;
8
- }
9
- .e-popup.e-ddl .e-input-group input {
10
- line-height: 15px;
11
- }
12
-
13
- .e-popup.e-ddl .e-dropdownbase {
14
- min-height: 26px;
15
- }
16
-
17
- .e-popup.e-ddl .e-filter-parent .e-input-group {
18
- display: -ms-flexbox;
19
- display: flex;
20
- width: auto;
21
- }
22
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
23
- border: 0;
24
- }
25
-
26
- .e-bigger .e-popup.e-ddl-device-filter {
27
- margin-top: 0;
28
- }
29
-
30
- .e-bigger .e-popup.e-ddl .e-list-item {
31
- font-size: 16px;
32
- line-height: 32px;
33
- padding-left: 0;
34
- text-indent: 16px;
35
- }
36
-
37
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
38
- font-size: 14px;
39
- line-height: 32px;
40
- padding-left: 0;
41
- text-indent: 16px;
42
- }
43
-
44
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
45
- padding-left: 0;
46
- }
47
-
48
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
49
- font-size: 16px;
50
- height: 36px;
51
- }
52
-
53
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
54
- min-height: 40px;
55
- }
56
-
57
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
58
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
59
- background: transparent;
60
- }
61
-
62
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
63
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
64
- background: #343a40;
65
- }
66
-
67
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
68
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
69
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
70
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
71
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
72
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
73
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
74
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
75
- background: transparent;
76
- color: #adb5bd;
77
- }
78
-
79
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
80
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
81
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
82
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
83
- background: transparent;
84
- color: #adb5bd;
85
- }
86
-
87
- .e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
88
- .e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
89
- .e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
90
- .e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
91
- background: #343a40;
92
- }
93
-
94
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
95
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
96
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
97
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
98
- border: 0;
99
- }
100
-
101
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
102
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
103
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
104
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
105
- box-shadow: none;
106
- }
107
-
108
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
109
- background: transparent;
110
- display: -ms-flexbox;
111
- display: flex;
112
- position: relative;
113
- }
114
-
115
- .e-ddl.e-popup .e-filter-parent .e-input-group,
116
- .e-ddl.e-popup .e-filter-parent {
117
- background: #212529;
118
- }
119
-
120
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
121
- font-size: 14px;
122
- }
123
-
124
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
125
- font-size: 16px;
126
- }
127
-
128
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
129
- font-size: 14px;
130
- line-height: 34px;
131
- padding-left: 0;
132
- text-indent: 16px;
133
- }
134
-
135
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
136
- padding-left: 4px;
137
- }
138
-
139
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
140
- height: 30px;
141
- }
142
-
143
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
144
- min-height: 34px;
145
- }
146
-
147
- /*! recurrence editor theme wise definitions*/
148
- /*! Recurrence-Editor component layout */
149
- .e-recurrenceeditor .e-editor {
150
- display: -ms-flexbox;
151
- display: flex;
152
- -ms-flex-flow: row wrap;
153
- flex-flow: row wrap;
154
- margin: 0 auto;
155
- max-width: 1240px;
156
- }
157
- .e-recurrenceeditor .e-recurrence-table {
158
- table-layout: fixed;
159
- width: 100%;
160
- }
161
- .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
162
- width: 27%;
163
- }
164
- .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
165
- width: 24%;
166
- }
167
- .e-recurrenceeditor .e-recurrence-table .e-repeat-content {
168
- display: inline-block;
169
- font-weight: normal;
170
- padding: 18px 0 0 8px;
171
- }
172
- .e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
173
- float: none;
174
- width: 100%;
175
- }
176
- .e-recurrenceeditor .e-recurrence-table .e-week-position {
177
- min-width: 98px;
178
- position: relative;
179
- right: 20px;
180
- }
181
- .e-recurrenceeditor .e-recurrence-table .e-day-position {
182
- min-width: 120px;
183
- }
184
- .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
185
- padding-left: 10px;
186
- }
187
- .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
188
- padding: 0 8px 16px 0;
189
- }
190
- .e-recurrenceeditor .e-form-left {
191
- padding: 0 8px 16px 0;
192
- }
193
- .e-recurrenceeditor .e-form-right,
194
- .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
195
- padding: 0 0 10px;
196
- }
197
- .e-recurrenceeditor .e-input-wrapper {
198
- float: left;
199
- width: 50%;
200
- }
201
- .e-recurrenceeditor .e-input-wrapper div {
202
- margin-bottom: 2.5%;
203
- }
204
- .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
205
- .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
206
- padding-right: 0;
207
- }
208
- .e-recurrenceeditor.e-rtl .e-end-on > div,
209
- .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
210
- float: right;
211
- }
212
- .e-recurrenceeditor.e-rtl .e-form-left,
213
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
214
- padding: 0 0 10px 8px;
215
- }
216
- .e-recurrenceeditor.e-rtl .e-form-right,
217
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
218
- padding: 0 8px 10px 0;
219
- }
220
- .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
221
- position: relative;
222
- right: 10px;
223
- }
224
- .e-recurrenceeditor.e-rtl .e-week-position {
225
- left: 20px;
226
- right: 0;
227
- }
228
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
229
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
230
- padding-right: 0;
231
- }
232
- .e-recurrenceeditor.e-rtl .e-end-on-label {
233
- margin-bottom: 5px;
234
- }
235
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
236
- padding: 0 0 0 8px;
237
- }
238
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
239
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
240
- padding: 0 8px 0 0;
241
- }
242
- .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
243
- width: 30px;
244
- }
245
- .e-recurrenceeditor .e-days .e-week-expander-label {
246
- font-size: 14px;
247
- font-weight: 400;
248
- margin-bottom: 8px;
249
- }
250
- .e-recurrenceeditor .e-days button {
251
- border-radius: 50%;
252
- -ms-flex-flow: row wrap;
253
- flex-flow: row wrap;
254
- height: 35px;
255
- margin: 0 8px 10px;
256
- width: 35px;
257
- }
258
- .e-recurrenceeditor .e-hide-recurrence-element {
259
- display: none;
260
- }
261
- .e-recurrenceeditor .e-half-space {
262
- width: 20%;
263
- }
264
- .e-recurrenceeditor .e-year-expander {
265
- margin-bottom: 11px;
266
- }
267
- .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
268
- padding-bottom: 11px;
269
- }
270
- .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
271
- padding-top: 3px;
272
- }
273
- .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
274
- display: none;
275
- }
276
- .e-recurrenceeditor .e-input-wrapper-side {
277
- float: left;
278
- padding: 16px 20px 0;
279
- width: 50%;
280
- }
281
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
282
- float: none;
283
- font-size: 14px;
284
- font-weight: 400;
285
- margin-bottom: 7px;
286
- padding-right: 16px;
287
- }
288
- .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
289
- padding-right: 16px;
290
- }
291
- .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
292
- margin: 0;
293
- }
294
- .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
295
- font-size: 14px;
296
- font-weight: 400;
297
- margin-bottom: 7px;
298
- padding-right: 16px;
299
- }
300
- .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
301
- padding-bottom: 6px;
302
- }
303
- .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
304
- padding-bottom: 12px;
305
- }
306
- .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
307
- margin-bottom: 11px;
308
- }
309
-
310
- .e-bigger .e-recurrenceeditor {
311
- padding: 0;
312
- }
313
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
314
- padding: 0 12px 11px 0;
315
- }
316
- .e-bigger .e-recurrenceeditor .e-form-left {
317
- padding: 0 12px 14px 0;
318
- }
319
- .e-bigger .e-recurrenceeditor .e-form-right,
320
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
321
- padding: 0 0 10px;
322
- }
323
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
324
- padding-bottom: 6px;
325
- }
326
- .e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
327
- padding-left: 70px;
328
- }
329
- .e-bigger .e-recurrenceeditor .e-week-position {
330
- min-width: 130px;
331
- right: 0;
332
- }
333
- .e-bigger .e-recurrenceeditor .e-day-position {
334
- min-width: 190px;
335
- padding-left: 54px;
336
- }
337
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
338
- font-size: 16px;
339
- margin-bottom: 0;
340
- }
341
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
342
- padding-right: 16px;
343
- }
344
- .e-bigger .e-recurrenceeditor .e-end-on-label {
345
- margin-bottom: 0;
346
- }
347
- .e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
348
- font-size: 16px;
349
- margin-bottom: 8px;
350
- }
351
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-non-week .e-form-left {
352
- padding-bottom: 12px;
353
- }
354
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
355
- font-size: 16px;
356
- margin-bottom: 1px;
357
- }
358
- .e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
359
- .e-bigger .e-recurrenceeditor .e-year-expander,
360
- .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
361
- margin-bottom: 11px;
362
- }
363
- .e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
364
- width: 30px;
365
- }
366
- .e-bigger .e-recurrenceeditor .e-days button {
367
- height: 40px;
368
- width: 40px;
369
- }
370
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
371
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
372
- padding: 0 0 10px 12px;
373
- }
374
- .e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
375
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
376
- padding: 0 12px 10px 0;
377
- }
378
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
379
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
380
- padding: 0 64px 0 0;
381
- }
382
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
383
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
384
- padding-right: 0;
385
- }
386
- .e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
387
- margin-bottom: 5px;
388
- }
389
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
390
- padding: 0 0 0 12px;
391
- }
392
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
393
- .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
394
- padding: 0 12px 0 0;
395
- }
396
- .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
397
- left: 0;
398
- }
399
-
400
- .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
401
- width: 25%;
402
- }
403
- .e-device .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
404
- width: 20%;
405
- }
406
- .e-device .e-recurrenceeditor .e-week-expander-label {
407
- margin-bottom: 6px;
408
- }
409
- .e-device .e-recurrenceeditor .e-month-expander-label {
410
- font-size: 12px;
411
- margin-bottom: 5px;
412
- }
413
- .e-device .e-recurrenceeditor .e-footer-content {
414
- padding: 12px;
415
- }
416
- .e-device .e-recurrenceeditor .e-form-left,
417
- .e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
418
- padding: 0 3px 10px 0;
419
- }
420
- .e-device .e-recurrenceeditor .e-form-right,
421
- .e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
422
- padding: 0 0 10px 3px;
423
- }
424
- .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
425
- .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
426
- padding: 0 0 0 10px;
427
- }
428
- .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
429
- padding-right: 10px;
430
- }
431
- .e-device .e-recurrenceeditor.e-end-on {
432
- padding-right: 0;
433
- }
434
- .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
435
- float: none;
436
- font-size: 12px;
437
- font-weight: 400;
438
- margin-bottom: 7px;
439
- }
440
- .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
441
- padding-right: 0;
442
- }
443
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element,
444
- .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
445
- padding-left: 20px;
446
- }
447
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
448
- margin-left: 20px;
449
- }
450
- .e-device .e-recurrenceeditor .e-week-position {
451
- right: 0;
452
- padding-right: 10px;
453
- }
454
- .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
455
- padding-right: 0;
456
- }
457
- .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
458
- .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
459
- padding: 0 10px 0 0;
460
- }
461
- .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
462
- padding: 0 20px 0 0;
463
- }
464
- .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
465
- padding: 0 50px 0 0;
466
- }
467
- .e-device .e-recurrenceeditor.e-rtl .e-week-position {
468
- left: 0;
469
- }
470
- .e-device.e-recurrence-dialog .e-dlg-header-content {
471
- background: none;
472
- box-shadow: none;
473
- padding-bottom: 10px;
474
- }
475
- .e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
476
- margin-bottom: 7px;
477
- }
478
- .e-device.e-recurrence-dialog .e-footer-content {
479
- padding: 16px 8px;
480
- }
481
-
482
- @media (max-width: 1024px) {
483
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
484
- width: 100%;
485
- }
486
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
487
- width: 65%;
488
- }
489
- }
490
- @media (max-width: 580px) {
491
- .e-recurrenceeditor {
492
- margin-left: auto;
493
- margin-right: auto;
494
- width: 100%;
495
- }
496
- .e-recurrenceeditor .e-editor {
497
- -ms-flex-direction: column;
498
- flex-direction: column;
499
- }
500
- .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
501
- margin-top: 0;
502
- }
503
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
504
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
505
- margin-bottom: 7px;
506
- }
507
- .e-recurrenceeditor .e-editor > div {
508
- margin-top: 20px;
509
- }
510
- .e-recurrenceeditor .e-editor > .e-input-wrapper {
511
- width: 100%;
512
- }
513
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
514
- width: 100%;
515
- }
516
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
517
- width: 50%;
518
- }
519
- .e-recurrenceeditor .e-editor .e-form-left,
520
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
521
- padding: 0 0 10px;
522
- }
523
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
524
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
525
- padding: 0 0 0 10px;
526
- }
527
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
528
- padding-right: 10px;
529
- }
530
- .e-recurrenceeditor .e-editor .e-form-right,
531
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
532
- padding-left: 0;
533
- }
534
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
535
- width: 100%;
536
- }
537
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
538
- width: 65%;
539
- }
540
- .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
541
- padding-left: 50px;
542
- }
543
- .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
544
- padding-right: 0;
545
- }
546
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
547
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
548
- padding: 0 10px 0 0;
549
- }
550
- }
551
- /*! Recurrence-Editor component theme */
1
+ @import '@syncfusion/ej2-schedule/styles/recurrence-editor/bootstrap5-dark.css';