@syncfusion/ej2-react-schedule 20.3.61 → 20.4.40

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 (51) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +111 -48
  3. package/diConfig.json +16 -21
  4. package/dist/ej2-react-schedule.min.js +0 -9
  5. package/dist/ej2-react-schedule.umd.min.js +0 -9
  6. package/package.json +69 -75
  7. package/styles/bootstrap-dark.css +364 -101
  8. package/styles/bootstrap.css +363 -99
  9. package/styles/bootstrap4.css +375 -141
  10. package/styles/bootstrap5-dark.css +339 -137
  11. package/styles/bootstrap5.css +339 -137
  12. package/styles/fabric-dark.css +330 -101
  13. package/styles/fabric.css +316 -106
  14. package/styles/fluent-dark.css +395 -102
  15. package/styles/fluent.css +395 -102
  16. package/styles/highcontrast-light.css +407 -98
  17. package/styles/highcontrast.css +399 -113
  18. package/styles/material-dark.css +362 -110
  19. package/styles/material.css +404 -110
  20. package/styles/recurrence-editor/bootstrap-dark.css +137 -28
  21. package/styles/recurrence-editor/bootstrap.css +137 -28
  22. package/styles/recurrence-editor/bootstrap4.css +171 -28
  23. package/styles/recurrence-editor/bootstrap5-dark.css +178 -28
  24. package/styles/recurrence-editor/bootstrap5.css +178 -28
  25. package/styles/recurrence-editor/fabric-dark.css +113 -28
  26. package/styles/recurrence-editor/fabric.css +106 -28
  27. package/styles/recurrence-editor/fluent-dark.css +158 -28
  28. package/styles/recurrence-editor/fluent.css +158 -28
  29. package/styles/recurrence-editor/highcontrast-light.css +110 -28
  30. package/styles/recurrence-editor/highcontrast.css +110 -28
  31. package/styles/recurrence-editor/material-dark.css +138 -28
  32. package/styles/recurrence-editor/material.css +163 -28
  33. package/styles/recurrence-editor/tailwind-dark.css +126 -28
  34. package/styles/recurrence-editor/tailwind.css +126 -28
  35. package/styles/schedule/bootstrap-dark.css +332 -73
  36. package/styles/schedule/bootstrap.css +331 -71
  37. package/styles/schedule/bootstrap4.css +343 -113
  38. package/styles/schedule/bootstrap5-dark.css +307 -109
  39. package/styles/schedule/bootstrap5.css +307 -109
  40. package/styles/schedule/fabric-dark.css +298 -73
  41. package/styles/schedule/fabric.css +284 -78
  42. package/styles/schedule/fluent-dark.css +363 -74
  43. package/styles/schedule/fluent.css +363 -74
  44. package/styles/schedule/highcontrast-light.css +375 -70
  45. package/styles/schedule/highcontrast.css +367 -85
  46. package/styles/schedule/material-dark.css +330 -82
  47. package/styles/schedule/material.css +372 -82
  48. package/styles/schedule/tailwind-dark.css +246 -111
  49. package/styles/schedule/tailwind.css +246 -111
  50. package/styles/tailwind-dark.css +279 -140
  51. package/styles/tailwind.css +279 -140
package/styles/recurrence-editor/bootstrap-dark.css CHANGED
@@ -1,3 +1,108 @@
1
+ .e-popup.e-ddl {
2
+ border-radius: 4px;
3
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
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, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
31
+ font-size: 15px;
32
+ line-height: 40px;
33
+ padding-left: 0;
34
+ text-indent: 24px;
35
+ }
36
+
37
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
38
+ padding-left: 4px;
39
+ }
40
+
41
+ .e-bigger .e-popup.e-ddl .e-input-group {
42
+ padding: 4px 0;
43
+ }
44
+
45
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
46
+ height: 38px;
47
+ }
48
+
49
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
50
+ min-height: 40px;
51
+ }
52
+
53
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
54
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
55
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
56
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
57
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
58
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
59
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
60
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
61
+ background: transparent;
62
+ color: #f0f0f0;
63
+ }
64
+
65
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
66
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
67
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
68
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
69
+ border: 0;
70
+ }
71
+
72
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
73
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
74
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
76
+ box-shadow: none;
77
+ }
78
+
79
+ .e-ddl.e-popup .e-filter-parent {
80
+ border-bottom: 1px solid #484848;
81
+ }
82
+
83
+ .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 {
84
+ font-size: 14px;
85
+ line-height: 34px;
86
+ padding-left: 0;
87
+ text-indent: 16px;
88
+ }
89
+
90
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
91
+ padding-left: 4px;
92
+ }
93
+
94
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
95
+ padding: 4px 0;
96
+ }
97
+
98
+ .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 {
99
+ height: 30px;
100
+ }
101
+
102
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
103
+ min-height: 34px;
104
+ }
105
+
1
106
  /*! recurrence editor theme wise definitions*/
2
107
  /*! Recurrence-Editor component layout */
3
108
  .e-recurrenceeditor .e-editor {
@@ -5,8 +110,7 @@
5
110
  display: flex;
6
111
  -ms-flex-flow: row wrap;
7
112
  flex-flow: row wrap;
8
- margin-left: auto;
9
- margin-right: auto;
113
+ margin: 0 auto;
10
114
  max-width: 1240px;
11
115
  }
12
116
  .e-recurrenceeditor .e-recurrence-table {
@@ -47,7 +151,7 @@
47
151
  }
48
152
  .e-recurrenceeditor .e-form-right,
49
153
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
50
- padding: 0 0 10px 8px;
154
+ padding: 0 0 10px;
51
155
  }
52
156
  .e-recurrenceeditor .e-input-wrapper {
53
157
  float: left;
@@ -88,13 +192,11 @@
88
192
  margin-bottom: 5px;
89
193
  }
90
194
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
91
- padding-left: 8px;
92
- padding-right: 0;
195
+ padding: 0 0 0 8px;
93
196
  }
94
197
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
95
198
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
96
- padding-left: 0;
97
- padding-right: 8px;
199
+ padding: 0 8px 0 0;
98
200
  }
99
201
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
202
  width: 30px;
@@ -122,10 +224,10 @@
122
224
  margin-bottom: 11px;
123
225
  }
124
226
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
125
- margin-bottom: 11px;
227
+ padding-bottom: 11px;
126
228
  }
127
229
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
128
- margin-top: -3px;
230
+ padding-top: 3px;
129
231
  }
130
232
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
131
233
  display: none;
@@ -175,7 +277,7 @@
175
277
  }
176
278
  .e-bigger .e-recurrenceeditor .e-form-right,
177
279
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
- padding: 0 0 10px 12px;
280
+ padding: 0 0 10px;
179
281
  }
180
282
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
181
283
  padding-bottom: 6px;
@@ -234,8 +336,7 @@
234
336
  }
235
337
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
338
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
237
- padding-left: 0;
238
- padding-right: 64px;
339
+ padding: 0 64px 0 0;
239
340
  }
240
341
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
241
342
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -245,13 +346,11 @@
245
346
  margin-bottom: 5px;
246
347
  }
247
348
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
248
- padding-left: 12px;
249
- padding-right: 0;
349
+ padding: 0 0 0 12px;
250
350
  }
251
351
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
252
352
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
253
- padding-left: 0;
254
- padding-right: 12px;
353
+ padding: 0 12px 0 0;
255
354
  }
256
355
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
257
356
  left: 0;
@@ -283,8 +382,7 @@
283
382
  }
284
383
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
285
384
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
286
- padding-left: 10px;
287
- padding-right: 0;
385
+ padding: 0 0 0 10px;
288
386
  }
289
387
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
290
388
  padding-right: 10px;
@@ -305,23 +403,25 @@
305
403
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
404
  padding-left: 20px;
307
405
  }
406
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
407
+ margin-left: 20px;
408
+ }
308
409
  .e-device .e-recurrenceeditor .e-week-position {
309
410
  right: 0;
411
+ padding-right: 10px;
310
412
  }
311
413
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
312
414
  padding-right: 0;
313
415
  }
314
416
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
315
417
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
316
- padding-left: 0;
317
- padding-right: 10px;
418
+ padding: 0 10px 0 0;
318
419
  }
319
420
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
320
- padding-left: 0;
421
+ padding: 0 20px 0 0;
321
422
  }
322
423
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
- padding-right: 20px;
324
- padding-left: 0;
424
+ padding: 0 50px 0 0;
325
425
  }
326
426
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
427
  left: 0;
@@ -338,6 +438,14 @@
338
438
  padding: 16px 8px;
339
439
  }
340
440
 
441
+ @media (max-width: 1024px) {
442
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
443
+ width: 100%;
444
+ }
445
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
446
+ width: 65%;
447
+ }
448
+ }
341
449
  @media (max-width: 580px) {
342
450
  .e-recurrenceeditor {
343
451
  margin-left: auto;
@@ -373,8 +481,7 @@
373
481
  }
374
482
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
375
483
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
376
- padding-left: 10px;
377
- padding-right: 0;
484
+ padding: 0 0 0 10px;
378
485
  }
379
486
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
380
487
  padding-right: 10px;
@@ -387,15 +494,17 @@
387
494
  width: 100%;
388
495
  }
389
496
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
390
- width: 100%;
497
+ width: 65%;
498
+ }
499
+ .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
500
+ padding-left: 50px;
391
501
  }
392
502
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
393
503
  padding-right: 0;
394
504
  }
395
505
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
396
506
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
397
- padding-left: 0;
398
- padding-right: 10px;
507
+ padding: 0 10px 0 0;
399
508
  }
400
509
  }
401
510
  /*! Recurrence-Editor component theme */
package/styles/recurrence-editor/bootstrap.css CHANGED
@@ -1,3 +1,108 @@
1
+ .e-popup.e-ddl {
2
+ border-radius: 4px;
3
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
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, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
31
+ font-size: 15px;
32
+ line-height: 40px;
33
+ padding-left: 0;
34
+ text-indent: 24px;
35
+ }
36
+
37
+ .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
38
+ padding-left: 4px;
39
+ }
40
+
41
+ .e-bigger .e-popup.e-ddl .e-input-group {
42
+ padding: 4px 0;
43
+ }
44
+
45
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
46
+ height: 38px;
47
+ }
48
+
49
+ .e-bigger .e-popup.e-ddl .e-dropdownbase {
50
+ min-height: 40px;
51
+ }
52
+
53
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
54
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
55
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
56
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
57
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
58
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
59
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
60
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
61
+ background: transparent;
62
+ color: #333;
63
+ }
64
+
65
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
66
+ .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
67
+ .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
68
+ .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
69
+ border: 0;
70
+ }
71
+
72
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
73
+ .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
74
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
75
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
76
+ box-shadow: none;
77
+ }
78
+
79
+ .e-ddl.e-popup .e-filter-parent {
80
+ border-bottom: 1px solid #ccc;
81
+ }
82
+
83
+ .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 {
84
+ font-size: 14px;
85
+ line-height: 34px;
86
+ padding-left: 0;
87
+ text-indent: 16px;
88
+ }
89
+
90
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
91
+ padding-left: 4px;
92
+ }
93
+
94
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
95
+ padding: 4px 0;
96
+ }
97
+
98
+ .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 {
99
+ height: 30px;
100
+ }
101
+
102
+ .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
103
+ min-height: 34px;
104
+ }
105
+
1
106
  /*! recurrence editor theme wise definitions*/
2
107
  /*! Recurrence-Editor component layout */
3
108
  .e-recurrenceeditor .e-editor {
@@ -5,8 +110,7 @@
5
110
  display: flex;
6
111
  -ms-flex-flow: row wrap;
7
112
  flex-flow: row wrap;
8
- margin-left: auto;
9
- margin-right: auto;
113
+ margin: 0 auto;
10
114
  max-width: 1240px;
11
115
  }
12
116
  .e-recurrenceeditor .e-recurrence-table {
@@ -47,7 +151,7 @@
47
151
  }
48
152
  .e-recurrenceeditor .e-form-right,
49
153
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
50
- padding: 0 0 10px 8px;
154
+ padding: 0 0 10px;
51
155
  }
52
156
  .e-recurrenceeditor .e-input-wrapper {
53
157
  float: left;
@@ -88,13 +192,11 @@
88
192
  margin-bottom: 5px;
89
193
  }
90
194
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
91
- padding-left: 8px;
92
- padding-right: 0;
195
+ padding: 0 0 0 8px;
93
196
  }
94
197
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
95
198
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
96
- padding-left: 0;
97
- padding-right: 8px;
199
+ padding: 0 8px 0 0;
98
200
  }
99
201
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
100
202
  width: 30px;
@@ -122,10 +224,10 @@
122
224
  margin-bottom: 11px;
123
225
  }
124
226
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
125
- margin-bottom: 11px;
227
+ padding-bottom: 11px;
126
228
  }
127
229
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
128
- margin-top: -3px;
230
+ padding-top: 3px;
129
231
  }
130
232
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
131
233
  display: none;
@@ -175,7 +277,7 @@
175
277
  }
176
278
  .e-bigger .e-recurrenceeditor .e-form-right,
177
279
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
178
- padding: 0 0 10px 12px;
280
+ padding: 0 0 10px;
179
281
  }
180
282
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
181
283
  padding-bottom: 6px;
@@ -234,8 +336,7 @@
234
336
  }
235
337
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
236
338
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
237
- padding-left: 0;
238
- padding-right: 64px;
339
+ padding: 0 64px 0 0;
239
340
  }
240
341
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
241
342
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -245,13 +346,11 @@
245
346
  margin-bottom: 5px;
246
347
  }
247
348
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
248
- padding-left: 12px;
249
- padding-right: 0;
349
+ padding: 0 0 0 12px;
250
350
  }
251
351
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
252
352
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
253
- padding-left: 0;
254
- padding-right: 12px;
353
+ padding: 0 12px 0 0;
255
354
  }
256
355
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
257
356
  left: 0;
@@ -283,8 +382,7 @@
283
382
  }
284
383
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
285
384
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
286
- padding-left: 10px;
287
- padding-right: 0;
385
+ padding: 0 0 0 10px;
288
386
  }
289
387
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
290
388
  padding-right: 10px;
@@ -305,23 +403,25 @@
305
403
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
306
404
  padding-left: 20px;
307
405
  }
406
+ .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
407
+ margin-left: 20px;
408
+ }
308
409
  .e-device .e-recurrenceeditor .e-week-position {
309
410
  right: 0;
411
+ padding-right: 10px;
310
412
  }
311
413
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
312
414
  padding-right: 0;
313
415
  }
314
416
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
315
417
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
316
- padding-left: 0;
317
- padding-right: 10px;
418
+ padding: 0 10px 0 0;
318
419
  }
319
420
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
320
- padding-left: 0;
421
+ padding: 0 20px 0 0;
321
422
  }
322
423
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
323
- padding-right: 20px;
324
- padding-left: 0;
424
+ padding: 0 50px 0 0;
325
425
  }
326
426
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
327
427
  left: 0;
@@ -338,6 +438,14 @@
338
438
  padding: 16px 8px;
339
439
  }
340
440
 
441
+ @media (max-width: 1024px) {
442
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
443
+ width: 100%;
444
+ }
445
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
446
+ width: 65%;
447
+ }
448
+ }
341
449
  @media (max-width: 580px) {
342
450
  .e-recurrenceeditor {
343
451
  margin-left: auto;
@@ -373,8 +481,7 @@
373
481
  }
374
482
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
375
483
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
376
- padding-left: 10px;
377
- padding-right: 0;
484
+ padding: 0 0 0 10px;
378
485
  }
379
486
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
380
487
  padding-right: 10px;
@@ -387,15 +494,17 @@
387
494
  width: 100%;
388
495
  }
389
496
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
390
- width: 100%;
497
+ width: 65%;
498
+ }
499
+ .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
500
+ padding-left: 50px;
391
501
  }
392
502
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
393
503
  padding-right: 0;
394
504
  }
395
505
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
396
506
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
397
- padding-left: 0;
398
- padding-right: 10px;
507
+ padding: 0 10px 0 0;
399
508
  }
400
509
  }
401
510
  /*! Recurrence-Editor component theme */