@syncfusion/ej2-angular-schedule 20.4.38-ngcc → 20.4.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 (173) hide show
  1. package/README.md +47 -121
  2. package/esm2020/public_api.mjs +3 -0
  3. package/esm2020/src/index.mjs +11 -0
  4. package/esm2020/src/recurrence-editor/recurrenceeditor-all.module.mjs +23 -0
  5. package/esm2020/src/recurrence-editor/recurrenceeditor.component.mjs +59 -0
  6. package/esm2020/src/recurrence-editor/recurrenceeditor.module.mjs +25 -0
  7. package/esm2020/src/schedule/headerrows.directive.mjs +66 -0
  8. package/esm2020/src/schedule/resources.directive.mjs +58 -0
  9. package/esm2020/src/schedule/schedule-all.module.mjs +74 -0
  10. package/esm2020/src/schedule/schedule.component.mjs +283 -0
  11. package/esm2020/src/schedule/schedule.module.mjs +52 -0
  12. package/esm2020/src/schedule/views.directive.mjs +126 -0
  13. package/esm2020/syncfusion-ej2-angular-schedule.mjs +5 -0
  14. package/fesm2015/syncfusion-ej2-angular-schedule.mjs +733 -0
  15. package/fesm2015/syncfusion-ej2-angular-schedule.mjs.map +1 -0
  16. package/fesm2020/syncfusion-ej2-angular-schedule.mjs +733 -0
  17. package/fesm2020/syncfusion-ej2-angular-schedule.mjs.map +1 -0
  18. package/package.json +45 -22
  19. package/schematics/utils/lib-details.d.ts +2 -2
  20. package/src/recurrence-editor/recurrenceeditor-all.module.d.ts +6 -0
  21. package/src/recurrence-editor/recurrenceeditor.component.d.ts +3 -0
  22. package/src/recurrence-editor/recurrenceeditor.module.d.ts +6 -0
  23. package/src/schedule/headerrows.directive.d.ts +5 -0
  24. package/src/schedule/resources.directive.d.ts +5 -0
  25. package/src/schedule/schedule-all.module.d.ts +6 -0
  26. package/src/schedule/schedule.component.d.ts +3 -0
  27. package/src/schedule/schedule.module.d.ts +9 -0
  28. package/src/schedule/views.directive.d.ts +6 -6
  29. package/styles/bootstrap-dark.css +106 -369
  30. package/styles/bootstrap.css +104 -368
  31. package/styles/bootstrap4.css +146 -380
  32. package/styles/bootstrap5-dark.css +142 -344
  33. package/styles/bootstrap5.css +142 -344
  34. package/styles/fabric-dark.css +106 -335
  35. package/styles/fabric.css +111 -321
  36. package/styles/fluent-dark.css +107 -400
  37. package/styles/fluent.css +107 -400
  38. package/styles/highcontrast-light.css +103 -412
  39. package/styles/highcontrast.css +118 -404
  40. package/styles/material-dark.css +115 -367
  41. package/styles/material.css +115 -409
  42. package/styles/recurrence-editor/_all.scss +2 -0
  43. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +13 -0
  44. package/styles/recurrence-editor/_bootstrap-definition.scss +13 -0
  45. package/styles/recurrence-editor/_bootstrap4-definition.scss +13 -0
  46. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +1 -0
  47. package/styles/recurrence-editor/_bootstrap5-definition.scss +13 -0
  48. package/styles/recurrence-editor/_fabric-dark-definition.scss +13 -0
  49. package/styles/recurrence-editor/_fabric-definition.scss +13 -0
  50. package/styles/recurrence-editor/_fluent-dark-definition.scss +1 -0
  51. package/styles/recurrence-editor/_fluent-definition.scss +13 -0
  52. package/styles/recurrence-editor/_fusionnew-definition.scss +13 -0
  53. package/styles/recurrence-editor/_highcontrast-definition.scss +13 -0
  54. package/styles/recurrence-editor/_highcontrast-light-definition.scss +13 -0
  55. package/styles/recurrence-editor/_layout.scss +534 -0
  56. package/styles/recurrence-editor/_material-dark-definition.scss +13 -0
  57. package/styles/recurrence-editor/_material-definition.scss +13 -0
  58. package/styles/recurrence-editor/_material3-definition.scss +13 -0
  59. package/styles/recurrence-editor/_tailwind-dark-definition.scss +1 -0
  60. package/styles/recurrence-editor/_tailwind-definition.scss +13 -0
  61. package/styles/recurrence-editor/_theme.scss +1 -0
  62. package/styles/recurrence-editor/bootstrap-dark.css +33 -142
  63. package/styles/recurrence-editor/bootstrap-dark.scss +3 -1
  64. package/styles/recurrence-editor/bootstrap.css +33 -142
  65. package/styles/recurrence-editor/bootstrap.scss +3 -1
  66. package/styles/recurrence-editor/bootstrap4.css +33 -176
  67. package/styles/recurrence-editor/bootstrap4.scss +3 -1
  68. package/styles/recurrence-editor/bootstrap5-dark.css +33 -183
  69. package/styles/recurrence-editor/bootstrap5-dark.scss +3 -1
  70. package/styles/recurrence-editor/bootstrap5.css +33 -183
  71. package/styles/recurrence-editor/bootstrap5.scss +3 -1
  72. package/styles/recurrence-editor/fabric-dark.css +33 -118
  73. package/styles/recurrence-editor/fabric-dark.scss +3 -1
  74. package/styles/recurrence-editor/fabric.css +33 -111
  75. package/styles/recurrence-editor/fabric.scss +3 -1
  76. package/styles/recurrence-editor/fluent-dark.css +33 -163
  77. package/styles/recurrence-editor/fluent-dark.scss +3 -1
  78. package/styles/recurrence-editor/fluent.css +33 -163
  79. package/styles/recurrence-editor/fluent.scss +3 -1
  80. package/styles/recurrence-editor/highcontrast-light.css +33 -115
  81. package/styles/recurrence-editor/highcontrast-light.scss +3 -1
  82. package/styles/recurrence-editor/highcontrast.css +33 -115
  83. package/styles/recurrence-editor/highcontrast.scss +3 -1
  84. package/styles/recurrence-editor/material-dark.css +33 -143
  85. package/styles/recurrence-editor/material-dark.scss +3 -1
  86. package/styles/recurrence-editor/material.css +33 -168
  87. package/styles/recurrence-editor/material.scss +3 -1
  88. package/styles/recurrence-editor/tailwind-dark.css +33 -131
  89. package/styles/recurrence-editor/tailwind-dark.scss +3 -1
  90. package/styles/recurrence-editor/tailwind.css +33 -131
  91. package/styles/recurrence-editor/tailwind.scss +3 -1
  92. package/styles/schedule/_all.scss +2 -0
  93. package/styles/schedule/_bootstrap-dark-definition.scss +213 -0
  94. package/styles/schedule/_bootstrap-definition.scss +213 -0
  95. package/styles/schedule/_bootstrap4-definition.scss +215 -0
  96. package/styles/schedule/_bootstrap5-dark-definition.scss +1 -0
  97. package/styles/schedule/_bootstrap5-definition.scss +224 -0
  98. package/styles/schedule/_fabric-dark-definition.scss +213 -0
  99. package/styles/schedule/_fabric-definition.scss +213 -0
  100. package/styles/schedule/_fluent-dark-definition.scss +1 -0
  101. package/styles/schedule/_fluent-definition.scss +220 -0
  102. package/styles/schedule/_fusionnew-definition.scss +224 -0
  103. package/styles/schedule/_highcontrast-definition.scss +214 -0
  104. package/styles/schedule/_highcontrast-light-definition.scss +214 -0
  105. package/styles/schedule/_layout.scss +4489 -0
  106. package/styles/schedule/_material-dark-definition.scss +213 -0
  107. package/styles/schedule/_material-definition.scss +213 -0
  108. package/styles/schedule/_material3-definition.scss +224 -0
  109. package/styles/schedule/_tailwind-dark-definition.scss +1 -0
  110. package/styles/schedule/_tailwind-definition.scss +217 -0
  111. package/styles/schedule/_theme.scss +510 -0
  112. package/styles/schedule/bootstrap-dark.css +73 -332
  113. package/styles/schedule/bootstrap-dark.scss +5 -1
  114. package/styles/schedule/bootstrap.css +71 -331
  115. package/styles/schedule/bootstrap.scss +5 -1
  116. package/styles/schedule/bootstrap4.css +113 -343
  117. package/styles/schedule/bootstrap4.scss +5 -1
  118. package/styles/schedule/bootstrap5-dark.css +109 -307
  119. package/styles/schedule/bootstrap5-dark.scss +4 -1
  120. package/styles/schedule/bootstrap5.css +109 -307
  121. package/styles/schedule/bootstrap5.scss +5 -1
  122. package/styles/schedule/fabric-dark.css +73 -298
  123. package/styles/schedule/fabric-dark.scss +5 -1
  124. package/styles/schedule/fabric.css +78 -284
  125. package/styles/schedule/fabric.scss +5 -1
  126. package/styles/schedule/fluent-dark.css +74 -363
  127. package/styles/schedule/fluent-dark.scss +4 -1
  128. package/styles/schedule/fluent.css +74 -363
  129. package/styles/schedule/fluent.scss +5 -1
  130. package/styles/schedule/highcontrast-light.css +70 -375
  131. package/styles/schedule/highcontrast-light.scss +5 -1
  132. package/styles/schedule/highcontrast.css +85 -367
  133. package/styles/schedule/highcontrast.scss +5 -1
  134. package/styles/schedule/icons/_bootstrap-dark.scss +231 -0
  135. package/styles/schedule/icons/_bootstrap.scss +231 -0
  136. package/styles/schedule/icons/_bootstrap4.scss +231 -0
  137. package/styles/schedule/icons/_bootstrap5-dark.scss +1 -0
  138. package/styles/schedule/icons/_bootstrap5.scss +231 -0
  139. package/styles/schedule/icons/_fabric-dark.scss +231 -0
  140. package/styles/schedule/icons/_fabric.scss +231 -0
  141. package/styles/schedule/icons/_fluent-dark.scss +1 -0
  142. package/styles/schedule/icons/_fluent.scss +231 -0
  143. package/styles/schedule/icons/_fusionnew.scss +231 -0
  144. package/styles/schedule/icons/_highcontrast-light.scss +231 -0
  145. package/styles/schedule/icons/_highcontrast.scss +231 -0
  146. package/styles/schedule/icons/_material-dark.scss +231 -0
  147. package/styles/schedule/icons/_material.scss +231 -0
  148. package/styles/schedule/icons/_material3.scss +231 -0
  149. package/styles/schedule/icons/_tailwind-dark.scss +1 -0
  150. package/styles/schedule/icons/_tailwind.scss +231 -0
  151. package/styles/schedule/material-dark.css +82 -330
  152. package/styles/schedule/material-dark.scss +5 -1
  153. package/styles/schedule/material.css +82 -372
  154. package/styles/schedule/material.scss +5 -1
  155. package/styles/schedule/tailwind-dark.css +111 -246
  156. package/styles/schedule/tailwind-dark.scss +4 -1
  157. package/styles/schedule/tailwind.css +111 -246
  158. package/styles/schedule/tailwind.scss +5 -1
  159. package/styles/tailwind-dark.css +145 -284
  160. package/styles/tailwind.css +145 -284
  161. package/syncfusion-ej2-angular-schedule.d.ts +5 -0
  162. package/@syncfusion/ej2-angular-schedule.es5.js +0 -840
  163. package/@syncfusion/ej2-angular-schedule.es5.js.map +0 -1
  164. package/@syncfusion/ej2-angular-schedule.js +0 -788
  165. package/@syncfusion/ej2-angular-schedule.js.map +0 -1
  166. package/CHANGELOG.md +0 -1589
  167. package/dist/ej2-angular-schedule.umd.js +0 -980
  168. package/dist/ej2-angular-schedule.umd.js.map +0 -1
  169. package/dist/ej2-angular-schedule.umd.min.js +0 -11
  170. package/dist/ej2-angular-schedule.umd.min.js.map +0 -1
  171. package/ej2-angular-schedule.d.ts +0 -6
  172. package/ej2-angular-schedule.metadata.json +0 -1
  173. package/postinstall/tagchange.js +0 -18
@@ -1,135 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- /*! TreeView's tailwind theme wise override definitions and variables */
3
- /* stylelint-disable */
4
- /* stylelint-disable property-no-vendor-prefix */
5
- /*! calendar tailwind theme variables */
6
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
7
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
8
- transform: rotate(0deg);
9
- transition: transform 300ms ease;
10
- }
11
-
12
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
13
- transform: rotate(180deg);
14
- transition: transform 300ms ease;
15
- }
16
-
17
- .e-dropdownbase .e-list-item.e-active.e-hover {
18
- color: #111827;
19
- }
20
-
21
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
22
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
23
- .e-input-group:not(.e-disabled) .e-back-icon:active,
24
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
25
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
26
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
27
- background: transparent;
28
- }
29
-
30
- .e-input-group .e-ddl-icon:not(:active)::after {
31
- animation: none;
32
- }
33
-
34
- .e-ddl.e-popup {
35
- border: 0;
36
- border-radius: 4px;
37
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
38
- margin-top: 4px;
39
- }
40
-
41
- .e-small .e-ddl.e-popup,
42
- .e-small.e-ddl.e-popup {
43
- border-radius: 2px;
44
- margin-top: 2px;
45
- }
46
-
47
- .e-bigger .e-ddl.e-popup,
48
- .e-bigger.e-ddl.e-popup {
49
- border-radius: 6px;
50
- margin-top: 8px;
51
- }
52
-
53
- .e-bigger.e-small .e-ddl.e-popup,
54
- .e-small.e-bigger.e-ddl.e-popup {
55
- border-radius: 4px;
56
- margin-top: 6px;
57
- }
58
-
59
- .e-popup.e-ddl .e-dropdownbase {
60
- min-height: 26px;
61
- padding: 4px 0;
62
- }
63
-
64
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
65
- border-color: #e5e7eb;
66
- }
67
-
68
- .e-bigger .e-popup.e-ddl-device-filter {
69
- margin-top: 0;
70
- }
71
-
72
- .e-bigger .e-ddl-device .e-input-group,
73
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
74
- background: #fff;
75
- border-width: 0;
76
- box-shadow: none;
77
- margin-bottom: 0;
78
- }
79
-
80
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
81
- .e-bigger .e-ddl-device .e-input-group input.e-input,
82
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
83
- background-color: #fff;
84
- }
85
-
86
- .e-input-group.e-ddl,
87
- .e-input-group.e-ddl .e-input,
88
- .e-input-group.e-ddl .e-ddl-icon {
89
- background: #fff;
90
- }
91
-
92
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
93
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
94
- border-bottom-width: 0;
95
- }
96
-
97
- .e-ddl.e-popup.e-outline .e-filter-parent {
98
- padding: 4px 8px;
99
- }
100
-
101
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
102
- line-height: 30px;
103
- top: 0;
104
- }
105
-
106
- .e-multiselect .e-input-group-icon.e-ddl-icon {
107
- border-radius: 0 4px 4px 0;
108
- border-right-width: 0;
109
- }
110
-
111
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
112
- border-left-width: 0;
113
- border-radius: 4px 0 0 4px;
114
- border-right-width: 0;
115
- }
116
-
117
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
118
- height: 32px;
119
- width: 32px;
120
- }
121
-
122
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
123
- height: 28px;
124
- width: 28px;
125
- }
126
-
127
- .e-multi-select-wrapper .e-searcher input[type=text] {
128
- color: #111827;
129
- height: 100%;
130
- }
131
-
132
2
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's tailwind theme definitions and variables */
3
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
133
4
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
134
5
  content: "\e765";
135
6
  }
@@ -324,7 +195,7 @@
324
195
  }
325
196
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow {
326
197
  font-size: 18px;
327
- margin-top: 2px;
198
+ padding-top: 0;
328
199
  }
329
200
  .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
330
201
  border-radius: 100%;
@@ -345,6 +216,9 @@
345
216
  font-size: 14px;
346
217
  text-transform: initial;
347
218
  }
219
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
220
+ padding: 0 12px;
221
+ }
348
222
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
349
223
  background: #f3f4f6;
350
224
  border-left: 0;
@@ -388,9 +262,6 @@
388
262
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
389
263
  height: inherit;
390
264
  }
391
- .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
392
- padding: 4px 6px;
393
- }
394
265
  .e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
395
266
  font-size: 16px;
396
267
  }
@@ -572,6 +443,7 @@
572
443
  }
573
444
  .e-schedule .e-block-appointment {
574
445
  background: #f3f4f6;
446
+ border-radius: 2px;
575
447
  color: #111827;
576
448
  cursor: default;
577
449
  overflow: hidden;
@@ -837,7 +709,6 @@
837
709
  display: table;
838
710
  font-size: 16px;
839
711
  line-height: 24px;
840
- padding-top: 0;
841
712
  }
842
713
  .e-schedule .e-vertical-view .e-header-cells .e-header-date:hover {
843
714
  text-decoration: underline;
@@ -905,7 +776,6 @@
905
776
  .e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus {
906
777
  background: #e5e7eb;
907
778
  border-radius: 100%;
908
- color: #6b7280;
909
779
  }
910
780
  .e-schedule .e-vertical-view .e-appointment-hide {
911
781
  opacity: 0;
@@ -1359,9 +1229,6 @@
1359
1229
  .e-schedule .e-month-view .e-more-indicator:focus {
1360
1230
  text-decoration: underline;
1361
1231
  }
1362
- .e-schedule.e-rtl .e-month-view .e-date-header {
1363
- margin: 3px 3px 2px;
1364
- }
1365
1232
  .e-schedule.e-rtl .e-month-view .e-left-indent {
1366
1233
  border-left: 1px solid #e5e7eb;
1367
1234
  border-right-width: 0;
@@ -1534,6 +1401,54 @@
1534
1401
  .e-schedule .e-timeline-year-view .e-resource-collapse {
1535
1402
  transform: rotate(90deg);
1536
1403
  }
1404
+ .e-schedule .e-timeline-year-view .e-work-cells {
1405
+ background-color: #f9fafb;
1406
+ border-color: #e5e7eb;
1407
+ border-style: solid;
1408
+ border-width: 0 1px 1px 0;
1409
+ color: #111827;
1410
+ padding: 0;
1411
+ }
1412
+ .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
1413
+ background: #f3f4f6;
1414
+ color: #111827;
1415
+ }
1416
+ .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
1417
+ background-color: #fff;
1418
+ }
1419
+ .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
1420
+ color: #6b7280;
1421
+ }
1422
+ .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
1423
+ background-color: #4f46e5;
1424
+ border-radius: 50%;
1425
+ color: #fff;
1426
+ margin: 2px;
1427
+ width: 20px;
1428
+ }
1429
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
1430
+ background-color: #e5e7eb;
1431
+ color: #111827;
1432
+ }
1433
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
1434
+ color: #111827;
1435
+ }
1436
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
1437
+ background-color: #e5e7eb;
1438
+ }
1439
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
1440
+ background-color: #f3f4f6;
1441
+ }
1442
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
1443
+ cursor: default;
1444
+ opacity: 0.35;
1445
+ }
1446
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
1447
+ text-decoration: none;
1448
+ }
1449
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
1450
+ background-color: #f3f4f6;
1451
+ }
1537
1452
  .e-schedule .e-timeline-year-view .e-content-table {
1538
1453
  height: 100%;
1539
1454
  }
@@ -1596,6 +1511,13 @@
1596
1511
  .e-schedule .e-timeline-year-view .e-work-cells .e-date-header:hover {
1597
1512
  text-decoration: underline;
1598
1513
  }
1514
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1515
+ background-color: #f3f4f6;
1516
+ box-shadow: inset 0 0 0 8px #f9fafb;
1517
+ }
1518
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1519
+ background-color: #f3f4f6;
1520
+ }
1599
1521
  .e-schedule .e-timeline-year-view .e-event-table {
1600
1522
  position: absolute;
1601
1523
  top: 0;
@@ -1692,7 +1614,7 @@
1692
1614
  .e-schedule .e-timeline-year-view .e-event-table .e-more-indicator:focus {
1693
1615
  text-decoration: underline;
1694
1616
  }
1695
- .e-schedule.e-device .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
1617
+ .e-schedule.e-device .e-year-view .e-month-calendar {
1696
1618
  max-width: 100%;
1697
1619
  min-width: 100%;
1698
1620
  }
@@ -1734,8 +1656,8 @@
1734
1656
  }
1735
1657
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1736
1658
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1737
- background-color: #f3f4f6;
1738
1659
  overflow: inherit;
1660
+ background-color: #f3f4f6;
1739
1661
  }
1740
1662
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
1741
1663
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td > span {
@@ -2060,7 +1982,6 @@
2060
1982
  .e-schedule .e-month-agenda-view .e-content-table {
2061
1983
  border-bottom: 2px solid #e5e7eb;
2062
1984
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
2063
- height: 100%;
2064
1985
  }
2065
1986
  .e-schedule .e-month-agenda-view .e-resource-column {
2066
1987
  border-bottom: 1px solid #e5e7eb;
@@ -2470,13 +2391,13 @@
2470
2391
  margin: 4px 0;
2471
2392
  min-height: 24px;
2472
2393
  min-width: 24px;
2473
- padding: 8px 8px 6px;
2394
+ padding: 10px 8px 6px;
2474
2395
  }
2475
2396
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2476
2397
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
2477
2398
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2478
2399
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
2479
- padding: 3px 0 0 12px;
2400
+ padding: 4px 0 0 12px;
2480
2401
  font-size: 22px;
2481
2402
  }
2482
2403
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
@@ -2484,7 +2405,7 @@
2484
2405
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2485
2406
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2486
2407
  height: 25px;
2487
- padding-top: 3px;
2408
+ padding-bottom: 2px;
2488
2409
  }
2489
2410
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
2490
2411
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
@@ -2594,19 +2515,10 @@
2594
2515
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2595
2516
  width: 420px;
2596
2517
  }
2597
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2598
- padding: 8px 18px;
2599
- }
2600
2518
  @media screen and (max-width: 767px) {
2601
2519
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2602
2520
  width: 289px;
2603
2521
  }
2604
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2605
- padding: 5%;
2606
- }
2607
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2608
- margin-bottom: 5%;
2609
- }
2610
2522
  }
2611
2523
 
2612
2524
  .e-dialog.e-quick-dialog {
@@ -2648,6 +2560,7 @@
2648
2560
  .e-schedule-dialog .e-dlg-content {
2649
2561
  padding-bottom: 12px;
2650
2562
  position: relative;
2563
+ background-color: #fff;
2651
2564
  }
2652
2565
  .e-schedule-dialog .e-event-delete {
2653
2566
  float: left;
@@ -2783,7 +2696,7 @@
2783
2696
  }
2784
2697
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
2785
2698
  height: 16px;
2786
- margin-top: 10px;
2699
+ margin-top: 14px;
2787
2700
  width: 16px;
2788
2701
  }
2789
2702
  .e-bigger .e-schedule-dialog .e-disable {
@@ -2977,6 +2890,7 @@
2977
2890
  .e-schedule-dialog.e-device .e-forward-icon {
2978
2891
  cursor: pointer;
2979
2892
  line-height: normal;
2893
+ color: #6b7280;
2980
2894
  }
2981
2895
  .e-schedule-dialog.e-device .e-save-icon {
2982
2896
  text-align: right;
@@ -3077,14 +2991,15 @@
3077
2991
  width: 100%;
3078
2992
  }
3079
2993
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-schedule-form > span {
3080
- margin: 14px 0 4px;
2994
+ margin-bottom: 4px;
2995
+ margin-top: 14px;
3081
2996
  }
3082
2997
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3083
2998
  font-size: 22px;
2999
+ height: 40px;
3084
3000
  height: 30px;
3085
- }
3086
- .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3087
- background-color: #fff;
3001
+ line-height: 22px;
3002
+ padding: 2px 10px;
3088
3003
  }
3089
3004
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3090
3005
  padding: 6px 8px 0 0;
@@ -3129,15 +3044,15 @@
3129
3044
  padding: 12px 18px;
3130
3045
  }
3131
3046
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3132
- background-color: rgba(79, 70, 229, 0.3);
3133
- border-left: 6px solid #4f46e5;
3134
- border-radius: 4px;
3135
- color: #111827;
3136
3047
  cursor: default;
3137
3048
  font-size: 20px;
3138
3049
  font-weight: 500;
3139
3050
  line-height: 1.5;
3140
3051
  max-height: 87px;
3052
+ background-color: rgba(79, 70, 229, 0.3);
3053
+ border-left: 6px solid #4f46e5;
3054
+ padding: 8px 0 8px 10px;
3055
+ border-radius: 4px;
3141
3056
  padding: 8px;
3142
3057
  }
3143
3058
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
@@ -3186,6 +3101,8 @@
3186
3101
  .e-quick-popup-wrapper .e-event-popup .e-resource-icon {
3187
3102
  color: #6b7280;
3188
3103
  font-size: 18px;
3104
+ padding-right: 12px;
3105
+ font-size: 18px;
3189
3106
  padding: 2px 12px 0 0;
3190
3107
  }
3191
3108
  .e-quick-popup-wrapper .e-cell-popup .e-date-time-details,
@@ -3227,9 +3144,6 @@
3227
3144
  right: auto;
3228
3145
  text-transform: capitalize;
3229
3146
  }
3230
- .e-quick-popup-wrapper .e-event-popup .e-popup-footer {
3231
- display: block;
3232
- }
3233
3147
  .e-quick-popup-wrapper.e-rtl {
3234
3148
  text-align: right;
3235
3149
  }
@@ -3237,6 +3151,10 @@
3237
3151
  left: 6px;
3238
3152
  right: auto;
3239
3153
  }
3154
+ .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-popup-footer {
3155
+ padding: 8px 18px 8px 8px;
3156
+ text-align: left;
3157
+ }
3240
3158
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
3241
3159
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
3242
3160
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
@@ -3244,16 +3162,20 @@
3244
3162
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
3245
3163
  margin-right: 10px;
3246
3164
  }
3247
- .e-quick-popup-wrapper.e-rtl .e-event-details,
3248
- .e-quick-popup-wrapper.e-rtl .e-event-edit {
3165
+ .e-quick-popup-wrapper.e-rtl .e-event-details {
3249
3166
  margin-left: 8px;
3250
3167
  }
3251
3168
  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3252
3169
  padding: 8px 8px 8px 18px;
3253
- text-align: left;
3254
3170
  }
3255
3171
  .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3256
- padding: 0 0 0 10px;
3172
+ padding: 0 0 0 13px;
3173
+ }
3174
+ .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3175
+ padding: 0 13px;
3176
+ }
3177
+ .e-quick-popup-wrapper.e-rtl .e-event-edit {
3178
+ margin-left: 8px;
3257
3179
  }
3258
3180
  .e-quick-popup-wrapper.e-device {
3259
3181
  bottom: 0;
@@ -3272,6 +3194,11 @@
3272
3194
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3273
3195
  background-color: #fff;
3274
3196
  }
3197
+ .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit,
3198
+ .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete,
3199
+ .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close {
3200
+ opacity: 1;
3201
+ }
3275
3202
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:focus, .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit:hover,
3276
3203
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
3277
3204
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
@@ -3309,11 +3236,12 @@
3309
3236
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3310
3237
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3311
3238
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3312
- background-color: #fff;
3239
+ background-color: transparent;
3313
3240
  border: 0;
3314
- color: #6b7280;
3315
3241
  height: 40px;
3316
3242
  width: 40px;
3243
+ background-color: #fff;
3244
+ color: #6b7280;
3317
3245
  }
3318
3246
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
3319
3247
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3346,9 +3274,6 @@
3346
3274
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content {
3347
3275
  padding: 48px 24px 16px;
3348
3276
  }
3349
- .e-bigger .e-quick-popup-wrapper .e-popup-footer {
3350
- padding: 8px 18px 8px 18px;
3351
- }
3352
3277
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
3353
3278
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
3354
3279
  padding-right: 16px;
@@ -3371,6 +3296,7 @@
3371
3296
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
3372
3297
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
3373
3298
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3299
+ font-size: 14px;
3374
3300
  font-size: 22px;
3375
3301
  }
3376
3302
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
@@ -3382,6 +3308,10 @@
3382
3308
  padding: 0 5px 0 8px;
3383
3309
  }
3384
3310
 
3311
+ .e-bigger .e-more-popup-wrapper {
3312
+ padding: 12px 2px 16px;
3313
+ }
3314
+
3385
3315
  .e-bigger .e-agenda-view .e-appointment {
3386
3316
  padding: 7px 16px;
3387
3317
  }
@@ -3513,6 +3443,8 @@
3513
3443
  height: calc(100% - 35px);
3514
3444
  max-height: 150px;
3515
3445
  overflow-y: auto;
3446
+ padding-left: 10px;
3447
+ padding-right: 10px;
3516
3448
  padding: 10px 10px 0;
3517
3449
  }
3518
3450
  .e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
@@ -3560,13 +3492,14 @@
3560
3492
  color: #6b7280;
3561
3493
  cursor: pointer;
3562
3494
  height: 25px;
3563
- padding: 1px;
3564
3495
  position: absolute;
3565
3496
  right: 6px;
3566
3497
  width: 25px;
3498
+ padding: 1px;
3567
3499
  }
3568
3500
  .e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
3569
3501
  .e-more-popup-wrapper .e-more-event-close .e-close-icon {
3502
+ font-size: 9px;
3570
3503
  font-size: 14px;
3571
3504
  }
3572
3505
  .e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
@@ -3706,18 +3639,16 @@
3706
3639
  border-bottom-width: 0;
3707
3640
  }
3708
3641
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3709
- background-color: #f3f4f6;
3642
+ background-color: #fff;
3710
3643
  border-color: #e5e7eb;
3711
3644
  border-style: solid;
3712
3645
  border-width: 0 1px 1px 0;
3713
3646
  color: #6b7280;
3647
+ background-color: #f3f4f6;
3714
3648
  }
3715
3649
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3716
3650
  border-bottom-color: transparent;
3717
3651
  }
3718
- .e-schedule .e-vertical-view .e-time-cells-wrap .e-time-cells {
3719
- border-bottom-color: none;
3720
- }
3721
3652
  .e-schedule .e-vertical-view .e-header-cells {
3722
3653
  background-color: #fff;
3723
3654
  }
@@ -3754,7 +3685,6 @@
3754
3685
  }
3755
3686
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3756
3687
  background-color: #e5e7eb;
3757
- color: #111827;
3758
3688
  }
3759
3689
  .e-schedule .e-vertical-view .e-selected-cell {
3760
3690
  background-color: #e5e7eb;
@@ -3762,7 +3692,6 @@
3762
3692
  }
3763
3693
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3764
3694
  background-color: #e5e7eb;
3765
- color: #111827;
3766
3695
  }
3767
3696
  .e-schedule .e-vertical-view .e-clone-time-indicator,
3768
3697
  .e-schedule .e-vertical-view .e-current-time {
@@ -3788,6 +3717,7 @@
3788
3717
  border-style: solid;
3789
3718
  border-width: 0 0 1px 1px;
3790
3719
  color: #374151;
3720
+ text-align: left;
3791
3721
  font-size: 12px;
3792
3722
  text-align: center;
3793
3723
  text-transform: uppercase;
@@ -3831,10 +3761,6 @@
3831
3761
  background-color: #e5e7eb;
3832
3762
  color: #111827;
3833
3763
  }
3834
- .e-schedule .e-month-view .e-selected-cell .e-date-header,
3835
- .e-schedule .e-month-agenda-view .e-selected-cell .e-date-header {
3836
- color: none;
3837
- }
3838
3764
  .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
3839
3765
  .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
3840
3766
  color: #111827;
@@ -3843,9 +3769,6 @@
3843
3769
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3844
3770
  background-color: #e5e7eb;
3845
3771
  }
3846
- .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3847
- overflow: auto;
3848
- }
3849
3772
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3850
3773
  border-width: 0 0 1px 0;
3851
3774
  text-align: center;
@@ -3941,64 +3864,6 @@
3941
3864
  .e-schedule .e-timeline-view .e-current-timeline {
3942
3865
  border-left: 1px solid #4f46e5;
3943
3866
  }
3944
- .e-schedule .e-timeline-year-view .e-work-cells {
3945
- background-color: #f9fafb;
3946
- border-color: #e5e7eb;
3947
- border-style: solid;
3948
- border-width: 0 1px 1px 0;
3949
- color: #111827;
3950
- padding: 0;
3951
- }
3952
- .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
3953
- background: #f3f4f6;
3954
- color: #111827;
3955
- }
3956
- .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3957
- background-color: #fff;
3958
- }
3959
- .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3960
- color: #6b7280;
3961
- }
3962
- .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3963
- background-color: #4f46e5;
3964
- border-radius: 50%;
3965
- color: #fff;
3966
- margin: 2px;
3967
- width: 20px;
3968
- }
3969
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3970
- background-color: #e5e7eb;
3971
- color: #111827;
3972
- }
3973
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
3974
- color: #111827;
3975
- }
3976
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
3977
- color: #111827;
3978
- }
3979
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3980
- background-color: #e5e7eb;
3981
- }
3982
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3983
- background-color: #f3f4f6;
3984
- }
3985
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3986
- cursor: default;
3987
- opacity: 0.35;
3988
- }
3989
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
3990
- text-decoration: none;
3991
- }
3992
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3993
- background-color: #f3f4f6;
3994
- }
3995
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
3996
- background-color: #f3f4f6;
3997
- box-shadow: inset 0 0 0 8px #f9fafb;
3998
- }
3999
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
4000
- background-color: #f3f4f6;
4001
- }
4002
3867
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
4003
3868
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
4004
3869
  border-right-width: 0;
@@ -4091,7 +3956,8 @@
4091
3956
  display: flex;
4092
3957
  -ms-flex-flow: row wrap;
4093
3958
  flex-flow: row wrap;
4094
- margin: 0 auto;
3959
+ margin-left: auto;
3960
+ margin-right: auto;
4095
3961
  max-width: 1240px;
4096
3962
  }
4097
3963
  .e-recurrenceeditor .e-recurrence-table {
@@ -4132,7 +3998,7 @@
4132
3998
  }
4133
3999
  .e-recurrenceeditor .e-form-right,
4134
4000
  .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
4135
- padding: 0 0 10px;
4001
+ padding: 0 0 10px 8px;
4136
4002
  }
4137
4003
  .e-recurrenceeditor .e-input-wrapper {
4138
4004
  float: left;
@@ -4173,11 +4039,13 @@
4173
4039
  margin-bottom: 5px;
4174
4040
  }
4175
4041
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4176
- padding: 0 0 0 8px;
4042
+ padding-left: 8px;
4043
+ padding-right: 0;
4177
4044
  }
4178
4045
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
4179
4046
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
4180
- padding: 0 8px 0 0;
4047
+ padding-left: 0;
4048
+ padding-right: 8px;
4181
4049
  }
4182
4050
  .e-recurrenceeditor.e-rtl .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
4183
4051
  width: 30px;
@@ -4205,10 +4073,10 @@
4205
4073
  margin-bottom: 11px;
4206
4074
  }
4207
4075
  .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
4208
- padding-bottom: 11px;
4076
+ margin-bottom: 11px;
4209
4077
  }
4210
4078
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
4211
- padding-top: 3px;
4079
+ margin-top: -3px;
4212
4080
  }
4213
4081
  .e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper .e-month-type .e-label {
4214
4082
  display: none;
@@ -4258,7 +4126,7 @@
4258
4126
  }
4259
4127
  .e-bigger .e-recurrenceeditor .e-form-right,
4260
4128
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-right {
4261
- padding: 0 0 10px;
4129
+ padding: 0 0 10px 12px;
4262
4130
  }
4263
4131
  .e-bigger .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
4264
4132
  padding-bottom: 6px;
@@ -4317,7 +4185,8 @@
4317
4185
  }
4318
4186
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
4319
4187
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4320
- padding: 0 64px 0 0;
4188
+ padding-left: 0;
4189
+ padding-right: 64px;
4321
4190
  }
4322
4191
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
4323
4192
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
@@ -4327,11 +4196,13 @@
4327
4196
  margin-bottom: 5px;
4328
4197
  }
4329
4198
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4330
- padding: 0 0 0 12px;
4199
+ padding-left: 12px;
4200
+ padding-right: 0;
4331
4201
  }
4332
4202
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
4333
4203
  .e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
4334
- padding: 0 12px 0 0;
4204
+ padding-left: 0;
4205
+ padding-right: 12px;
4335
4206
  }
4336
4207
  .e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
4337
4208
  left: 0;
@@ -4363,7 +4234,8 @@
4363
4234
  }
4364
4235
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
4365
4236
  .e-device .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
4366
- padding: 0 0 0 10px;
4237
+ padding-left: 10px;
4238
+ padding-right: 0;
4367
4239
  }
4368
4240
  .e-device .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
4369
4241
  padding-right: 10px;
@@ -4384,25 +4256,23 @@
4384
4256
  .e-device .e-recurrenceeditor .e-recurrence-table .e-day-position {
4385
4257
  padding-left: 20px;
4386
4258
  }
4387
- .e-device .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
4388
- margin-left: 20px;
4389
- }
4390
4259
  .e-device .e-recurrenceeditor .e-week-position {
4391
4260
  right: 0;
4392
- padding-right: 10px;
4393
4261
  }
4394
4262
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4395
4263
  padding-right: 0;
4396
4264
  }
4397
4265
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
4398
4266
  .e-device .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
4399
- padding: 0 10px 0 0;
4267
+ padding-left: 0;
4268
+ padding-right: 10px;
4400
4269
  }
4401
4270
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
4402
- padding: 0 20px 0 0;
4271
+ padding-left: 0;
4403
4272
  }
4404
4273
  .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
4405
- padding: 0 50px 0 0;
4274
+ padding-right: 20px;
4275
+ padding-left: 0;
4406
4276
  }
4407
4277
  .e-device .e-recurrenceeditor.e-rtl .e-week-position {
4408
4278
  left: 0;
@@ -4419,14 +4289,6 @@
4419
4289
  padding: 16px 8px;
4420
4290
  }
4421
4291
 
4422
- @media (max-width: 1024px) {
4423
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
4424
- width: 100%;
4425
- }
4426
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
4427
- width: 65%;
4428
- }
4429
- }
4430
4292
  @media (max-width: 580px) {
4431
4293
  .e-recurrenceeditor {
4432
4294
  margin-left: auto;
@@ -4441,7 +4303,7 @@
4441
4303
  margin-top: 0;
4442
4304
  }
4443
4305
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
4444
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4306
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
4445
4307
  margin-bottom: 7px;
4446
4308
  }
4447
4309
  .e-recurrenceeditor .e-editor > div {
@@ -4457,35 +4319,34 @@
4457
4319
  width: 50%;
4458
4320
  }
4459
4321
  .e-recurrenceeditor .e-editor .e-form-left,
4460
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
4322
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-left {
4461
4323
  padding: 0 0 10px;
4462
4324
  }
4463
4325
  .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-date,
4464
- .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
4465
- padding: 0 0 0 10px;
4326
+ .e-recurrenceeditor .e-editor .e-input-wrapper.e-end-on-count {
4327
+ padding-left: 10px;
4328
+ padding-right: 0;
4466
4329
  }
4467
4330
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-left {
4468
4331
  padding-right: 10px;
4469
4332
  }
4470
4333
  .e-recurrenceeditor .e-editor .e-form-right,
4471
- .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
4334
+ .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-form-right {
4472
4335
  padding-left: 0;
4473
4336
  }
4474
4337
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
4475
4338
  width: 100%;
4476
4339
  }
4477
4340
  .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
4478
- width: 65%;
4479
- }
4480
- .e-recurrenceeditor .e-editor .e-recurrence-table .e-day-position {
4481
- padding-left: 50px;
4341
+ width: 100%;
4482
4342
  }
4483
4343
  .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
4484
4344
  padding-right: 0;
4485
4345
  }
4486
4346
  .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
4487
- .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
4488
- padding: 0 10px 0 0;
4347
+ .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
4348
+ padding-left: 0;
4349
+ padding-right: 10px;
4489
4350
  }
4490
4351
  }
4491
4352
  /*! Recurrence-Editor component theme */