@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,133 +1,4 @@
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
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
7
- transform: rotate(0deg);
8
- transition: transform 300ms ease;
9
- }
10
-
11
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
12
- transform: rotate(180deg);
13
- transition: transform 300ms ease;
14
- }
15
-
16
- .e-dropdownbase .e-list-item.e-active.e-hover {
17
- color: #111827;
18
- }
19
-
20
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
21
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
22
- .e-input-group:not(.e-disabled) .e-back-icon:active,
23
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
24
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
25
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
26
- background: transparent;
27
- }
28
-
29
- .e-input-group .e-ddl-icon:not(:active)::after {
30
- animation: none;
31
- }
32
-
33
- .e-ddl.e-popup {
34
- border: 0;
35
- border-radius: 4px;
36
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
37
- margin-top: 4px;
38
- }
39
-
40
- .e-small .e-ddl.e-popup,
41
- .e-small.e-ddl.e-popup {
42
- border-radius: 2px;
43
- margin-top: 2px;
44
- }
45
-
46
- .e-bigger .e-ddl.e-popup,
47
- .e-bigger.e-ddl.e-popup {
48
- border-radius: 6px;
49
- margin-top: 8px;
50
- }
51
-
52
- .e-bigger.e-small .e-ddl.e-popup,
53
- .e-small.e-bigger.e-ddl.e-popup {
54
- border-radius: 4px;
55
- margin-top: 6px;
56
- }
57
-
58
- .e-popup.e-ddl .e-dropdownbase {
59
- min-height: 26px;
60
- padding: 4px 0;
61
- }
62
-
63
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
64
- border-color: #e5e7eb;
65
- }
66
-
67
- .e-bigger .e-popup.e-ddl-device-filter {
68
- margin-top: 0;
69
- }
70
-
71
- .e-bigger .e-ddl-device .e-input-group,
72
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
73
- background: #fff;
74
- border-width: 0;
75
- box-shadow: none;
76
- margin-bottom: 0;
77
- }
78
-
79
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
80
- .e-bigger .e-ddl-device .e-input-group input.e-input,
81
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
82
- background-color: #fff;
83
- }
84
-
85
- .e-input-group.e-ddl,
86
- .e-input-group.e-ddl .e-input,
87
- .e-input-group.e-ddl .e-ddl-icon {
88
- background: #fff;
89
- }
90
-
91
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
92
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
93
- border-bottom-width: 0;
94
- }
95
-
96
- .e-ddl.e-popup.e-outline .e-filter-parent {
97
- padding: 4px 8px;
98
- }
99
-
100
- .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
101
- line-height: 30px;
102
- top: 0;
103
- }
104
-
105
- .e-multiselect .e-input-group-icon.e-ddl-icon {
106
- border-radius: 0 4px 4px 0;
107
- border-right-width: 0;
108
- }
109
-
110
- .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
111
- border-left-width: 0;
112
- border-radius: 4px 0 0 4px;
113
- border-right-width: 0;
114
- }
115
-
116
- .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
117
- height: 32px;
118
- width: 32px;
119
- }
120
-
121
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
122
- height: 28px;
123
- width: 28px;
124
- }
125
-
126
- .e-multi-select-wrapper .e-searcher input[type=text] {
127
- color: #111827;
128
- height: 100%;
129
- }
130
-
131
2
  /*! recurrence editor theme wise definitions*/ /*! Schedule component's tailwind theme definitions and variables */
132
3
  .e-schedule .e-schedule-toolbar .e-icon-prev::before {
133
4
  content: "\e765";
@@ -323,7 +194,7 @@
323
194
  }
324
195
  .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 {
325
196
  font-size: 18px;
326
- margin-top: 2px;
197
+ padding-top: 0;
327
198
  }
328
199
  .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 {
329
200
  border-radius: 100%;
@@ -344,6 +215,9 @@
344
215
  font-size: 14px;
345
216
  text-transform: initial;
346
217
  }
218
+ .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
219
+ padding: 0 12px;
220
+ }
347
221
  .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
348
222
  background: #f3f4f6;
349
223
  border-left: 0;
@@ -387,9 +261,6 @@
387
261
  .e-schedule.e-device .e-schedule-toolbar .e-toolbar-items.e-tbar-pos > div {
388
262
  height: inherit;
389
263
  }
390
- .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 {
391
- padding: 4px 6px;
392
- }
393
264
  .e-schedule.e-device .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
394
265
  font-size: 16px;
395
266
  }
@@ -571,6 +442,7 @@
571
442
  }
572
443
  .e-schedule .e-block-appointment {
573
444
  background: #f3f4f6;
445
+ border-radius: 2px;
574
446
  color: #111827;
575
447
  cursor: default;
576
448
  overflow: hidden;
@@ -836,7 +708,6 @@
836
708
  display: table;
837
709
  font-size: 16px;
838
710
  line-height: 24px;
839
- padding-top: 0;
840
711
  }
841
712
  .e-schedule .e-vertical-view .e-header-cells .e-header-date:hover {
842
713
  text-decoration: underline;
@@ -904,7 +775,6 @@
904
775
  .e-schedule .e-vertical-view .e-all-day-appointment-section:hover, .e-schedule .e-vertical-view .e-all-day-appointment-section:focus {
905
776
  background: #e5e7eb;
906
777
  border-radius: 100%;
907
- color: #6b7280;
908
778
  }
909
779
  .e-schedule .e-vertical-view .e-appointment-hide {
910
780
  opacity: 0;
@@ -1358,9 +1228,6 @@
1358
1228
  .e-schedule .e-month-view .e-more-indicator:focus {
1359
1229
  text-decoration: underline;
1360
1230
  }
1361
- .e-schedule.e-rtl .e-month-view .e-date-header {
1362
- margin: 3px 3px 2px;
1363
- }
1364
1231
  .e-schedule.e-rtl .e-month-view .e-left-indent {
1365
1232
  border-left: 1px solid #e5e7eb;
1366
1233
  border-right-width: 0;
@@ -1533,6 +1400,54 @@
1533
1400
  .e-schedule .e-timeline-year-view .e-resource-collapse {
1534
1401
  transform: rotate(90deg);
1535
1402
  }
1403
+ .e-schedule .e-timeline-year-view .e-work-cells {
1404
+ background-color: #f9fafb;
1405
+ border-color: #e5e7eb;
1406
+ border-style: solid;
1407
+ border-width: 0 1px 1px 0;
1408
+ color: #111827;
1409
+ padding: 0;
1410
+ }
1411
+ .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
1412
+ background: #f3f4f6;
1413
+ color: #111827;
1414
+ }
1415
+ .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
1416
+ background-color: #fff;
1417
+ }
1418
+ .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
1419
+ color: #6b7280;
1420
+ }
1421
+ .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
1422
+ background-color: #4f46e5;
1423
+ border-radius: 50%;
1424
+ color: #fff;
1425
+ margin: 2px;
1426
+ width: 20px;
1427
+ }
1428
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
1429
+ background-color: #e5e7eb;
1430
+ color: #111827;
1431
+ }
1432
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
1433
+ color: #111827;
1434
+ }
1435
+ .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
1436
+ background-color: #e5e7eb;
1437
+ }
1438
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
1439
+ background-color: #f3f4f6;
1440
+ }
1441
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
1442
+ cursor: default;
1443
+ opacity: 0.35;
1444
+ }
1445
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
1446
+ text-decoration: none;
1447
+ }
1448
+ .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
1449
+ background-color: #f3f4f6;
1450
+ }
1536
1451
  .e-schedule .e-timeline-year-view .e-content-table {
1537
1452
  height: 100%;
1538
1453
  }
@@ -1595,6 +1510,13 @@
1595
1510
  .e-schedule .e-timeline-year-view .e-work-cells .e-date-header:hover {
1596
1511
  text-decoration: underline;
1597
1512
  }
1513
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
1514
+ background-color: #f3f4f6;
1515
+ box-shadow: inset 0 0 0 8px #f9fafb;
1516
+ }
1517
+ .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
1518
+ background-color: #f3f4f6;
1519
+ }
1598
1520
  .e-schedule .e-timeline-year-view .e-event-table {
1599
1521
  position: absolute;
1600
1522
  top: 0;
@@ -1691,7 +1613,7 @@
1691
1613
  .e-schedule .e-timeline-year-view .e-event-table .e-more-indicator:focus {
1692
1614
  text-decoration: underline;
1693
1615
  }
1694
- .e-schedule.e-device .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar {
1616
+ .e-schedule.e-device .e-year-view .e-month-calendar {
1695
1617
  max-width: 100%;
1696
1618
  min-width: 100%;
1697
1619
  }
@@ -1733,8 +1655,8 @@
1733
1655
  }
1734
1656
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
1735
1657
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td.e-time-slots {
1736
- background-color: #f3f4f6;
1737
1658
  overflow: inherit;
1659
+ background-color: #f3f4f6;
1738
1660
  }
1739
1661
  .e-schedule .e-timeline-view .e-date-header-wrap table tbody td > span,
1740
1662
  .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td > span {
@@ -2059,7 +1981,6 @@
2059
1981
  .e-schedule .e-month-agenda-view .e-content-table {
2060
1982
  border-bottom: 2px solid #e5e7eb;
2061
1983
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
2062
- height: 100%;
2063
1984
  }
2064
1985
  .e-schedule .e-month-agenda-view .e-resource-column {
2065
1986
  border-bottom: 1px solid #e5e7eb;
@@ -2469,13 +2390,13 @@
2469
2390
  margin: 4px 0;
2470
2391
  min-height: 24px;
2471
2392
  min-width: 24px;
2472
- padding: 8px 8px 6px;
2393
+ padding: 10px 8px 6px;
2473
2394
  }
2474
2395
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2475
2396
  .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,
2476
2397
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
2477
2398
  .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 {
2478
- padding: 3px 0 0 12px;
2399
+ padding: 4px 0 0 12px;
2479
2400
  font-size: 22px;
2480
2401
  }
2481
2402
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
@@ -2483,7 +2404,7 @@
2483
2404
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
2484
2405
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
2485
2406
  height: 25px;
2486
- padding-top: 3px;
2407
+ padding-bottom: 2px;
2487
2408
  }
2488
2409
  .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
2489
2410
  .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
@@ -2593,19 +2514,10 @@
2593
2514
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2594
2515
  width: 420px;
2595
2516
  }
2596
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2597
- padding: 8px 18px;
2598
- }
2599
2517
  @media screen and (max-width: 767px) {
2600
2518
  .e-dialog.e-quick-dialog.e-following-events-dialog {
2601
2519
  width: 289px;
2602
2520
  }
2603
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content {
2604
- padding: 5%;
2605
- }
2606
- .e-dialog.e-quick-dialog.e-following-events-dialog .e-footer-content button {
2607
- margin-bottom: 5%;
2608
- }
2609
2521
  }
2610
2522
 
2611
2523
  .e-dialog.e-quick-dialog {
@@ -2647,6 +2559,7 @@
2647
2559
  .e-schedule-dialog .e-dlg-content {
2648
2560
  padding-bottom: 12px;
2649
2561
  position: relative;
2562
+ background-color: #fff;
2650
2563
  }
2651
2564
  .e-schedule-dialog .e-event-delete {
2652
2565
  float: left;
@@ -2782,7 +2695,7 @@
2782
2695
  }
2783
2696
  .e-bigger .e-ddl.e-popup .e-resource-template .e-resource-color {
2784
2697
  height: 16px;
2785
- margin-top: 10px;
2698
+ margin-top: 14px;
2786
2699
  width: 16px;
2787
2700
  }
2788
2701
  .e-bigger .e-schedule-dialog .e-disable {
@@ -2976,6 +2889,7 @@
2976
2889
  .e-schedule-dialog.e-device .e-forward-icon {
2977
2890
  cursor: pointer;
2978
2891
  line-height: normal;
2892
+ color: #6b7280;
2979
2893
  }
2980
2894
  .e-schedule-dialog.e-device .e-save-icon {
2981
2895
  text-align: right;
@@ -3076,14 +2990,15 @@
3076
2990
  width: 100%;
3077
2991
  }
3078
2992
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-schedule-form > span {
3079
- margin: 14px 0 4px;
2993
+ margin-bottom: 4px;
2994
+ margin-top: 14px;
3080
2995
  }
3081
2996
  .e-quick-popup-wrapper .e-cell-popup .e-popup-content .e-popup-table .e-subject {
3082
2997
  font-size: 22px;
2998
+ height: 40px;
3083
2999
  height: 30px;
3084
- }
3085
- .e-quick-popup-wrapper .e-event-popup .e-popup-header {
3086
- background-color: #fff;
3000
+ line-height: 22px;
3001
+ padding: 2px 10px;
3087
3002
  }
3088
3003
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper {
3089
3004
  padding: 6px 8px 0 0;
@@ -3128,15 +3043,15 @@
3128
3043
  padding: 12px 18px;
3129
3044
  }
3130
3045
  .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
3131
- background-color: rgba(79, 70, 229, 0.3);
3132
- border-left: 6px solid #4f46e5;
3133
- border-radius: 4px;
3134
- color: #111827;
3135
3046
  cursor: default;
3136
3047
  font-size: 20px;
3137
3048
  font-weight: 500;
3138
3049
  line-height: 1.5;
3139
3050
  max-height: 87px;
3051
+ background-color: rgba(79, 70, 229, 0.3);
3052
+ border-left: 6px solid #4f46e5;
3053
+ padding: 8px 0 8px 10px;
3054
+ border-radius: 4px;
3140
3055
  padding: 8px;
3141
3056
  }
3142
3057
  .e-quick-popup-wrapper .e-event-popup .e-popup-content {
@@ -3185,6 +3100,8 @@
3185
3100
  .e-quick-popup-wrapper .e-event-popup .e-resource-icon {
3186
3101
  color: #6b7280;
3187
3102
  font-size: 18px;
3103
+ padding-right: 12px;
3104
+ font-size: 18px;
3188
3105
  padding: 2px 12px 0 0;
3189
3106
  }
3190
3107
  .e-quick-popup-wrapper .e-cell-popup .e-date-time-details,
@@ -3226,9 +3143,6 @@
3226
3143
  right: auto;
3227
3144
  text-transform: capitalize;
3228
3145
  }
3229
- .e-quick-popup-wrapper .e-event-popup .e-popup-footer {
3230
- display: block;
3231
- }
3232
3146
  .e-quick-popup-wrapper.e-rtl {
3233
3147
  text-align: right;
3234
3148
  }
@@ -3236,6 +3150,10 @@
3236
3150
  left: 6px;
3237
3151
  right: auto;
3238
3152
  }
3153
+ .e-quick-popup-wrapper.e-rtl .e-cell-popup .e-popup-footer {
3154
+ padding: 8px 18px 8px 8px;
3155
+ text-align: left;
3156
+ }
3239
3157
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-date-time-wrapper,
3240
3158
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-location-details,
3241
3159
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-time-zone-details,
@@ -3243,16 +3161,20 @@
3243
3161
  .e-quick-popup-wrapper.e-rtl .e-popup-content .e-resource-details {
3244
3162
  margin-right: 10px;
3245
3163
  }
3246
- .e-quick-popup-wrapper.e-rtl .e-event-details,
3247
- .e-quick-popup-wrapper.e-rtl .e-event-edit {
3164
+ .e-quick-popup-wrapper.e-rtl .e-event-details {
3248
3165
  margin-left: 8px;
3249
3166
  }
3250
3167
  .e-quick-popup-wrapper.e-rtl .e-popup-footer {
3251
3168
  padding: 8px 8px 8px 18px;
3252
- text-align: left;
3253
3169
  }
3254
3170
  .e-quick-popup-wrapper.e-rtl .e-date-time-icon {
3255
- padding: 0 0 0 10px;
3171
+ padding: 0 0 0 13px;
3172
+ }
3173
+ .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
3174
+ padding: 0 13px;
3175
+ }
3176
+ .e-quick-popup-wrapper.e-rtl .e-event-edit {
3177
+ margin-left: 8px;
3256
3178
  }
3257
3179
  .e-quick-popup-wrapper.e-device {
3258
3180
  bottom: 0;
@@ -3271,6 +3193,11 @@
3271
3193
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper {
3272
3194
  background-color: #fff;
3273
3195
  }
3196
+ .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit,
3197
+ .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete,
3198
+ .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close {
3199
+ opacity: 1;
3200
+ }
3274
3201
  .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,
3275
3202
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:focus,
3276
3203
  .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
@@ -3308,11 +3235,12 @@
3308
3235
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close,
3309
3236
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit,
3310
3237
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete {
3311
- background-color: #fff;
3238
+ background-color: transparent;
3312
3239
  border: 0;
3313
- color: #6b7280;
3314
3240
  height: 40px;
3315
3241
  width: 40px;
3242
+ background-color: #fff;
3243
+ color: #6b7280;
3316
3244
  }
3317
3245
  .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,
3318
3246
  .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3345,9 +3273,6 @@
3345
3273
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-popup-content {
3346
3274
  padding: 48px 24px 16px;
3347
3275
  }
3348
- .e-bigger .e-quick-popup-wrapper .e-popup-footer {
3349
- padding: 8px 18px 8px 18px;
3350
- }
3351
3276
  .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
3352
3277
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
3353
3278
  padding-right: 16px;
@@ -3370,6 +3295,7 @@
3370
3295
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
3371
3296
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
3372
3297
  .e-bigger .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
3298
+ font-size: 14px;
3373
3299
  font-size: 22px;
3374
3300
  }
3375
3301
  .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon,
@@ -3381,6 +3307,10 @@
3381
3307
  padding: 0 5px 0 8px;
3382
3308
  }
3383
3309
 
3310
+ .e-bigger .e-more-popup-wrapper {
3311
+ padding: 12px 2px 16px;
3312
+ }
3313
+
3384
3314
  .e-bigger .e-agenda-view .e-appointment {
3385
3315
  padding: 7px 16px;
3386
3316
  }
@@ -3512,6 +3442,8 @@
3512
3442
  height: calc(100% - 35px);
3513
3443
  max-height: 150px;
3514
3444
  overflow-y: auto;
3445
+ padding-left: 10px;
3446
+ padding-right: 10px;
3515
3447
  padding: 10px 10px 0;
3516
3448
  }
3517
3449
  .e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
@@ -3559,13 +3491,14 @@
3559
3491
  color: #6b7280;
3560
3492
  cursor: pointer;
3561
3493
  height: 25px;
3562
- padding: 1px;
3563
3494
  position: absolute;
3564
3495
  right: 6px;
3565
3496
  width: 25px;
3497
+ padding: 1px;
3566
3498
  }
3567
3499
  .e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
3568
3500
  .e-more-popup-wrapper .e-more-event-close .e-close-icon {
3501
+ font-size: 9px;
3569
3502
  font-size: 14px;
3570
3503
  }
3571
3504
  .e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
@@ -3705,18 +3638,16 @@
3705
3638
  border-bottom-width: 0;
3706
3639
  }
3707
3640
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3708
- background-color: #f3f4f6;
3641
+ background-color: #fff;
3709
3642
  border-color: #e5e7eb;
3710
3643
  border-style: solid;
3711
3644
  border-width: 0 1px 1px 0;
3712
3645
  color: #6b7280;
3646
+ background-color: #f3f4f6;
3713
3647
  }
3714
3648
  .e-schedule .e-vertical-view .e-time-cells-wrap table td {
3715
3649
  border-bottom-color: transparent;
3716
3650
  }
3717
- .e-schedule .e-vertical-view .e-time-cells-wrap .e-time-cells {
3718
- border-bottom-color: none;
3719
- }
3720
3651
  .e-schedule .e-vertical-view .e-header-cells {
3721
3652
  background-color: #fff;
3722
3653
  }
@@ -3753,7 +3684,6 @@
3753
3684
  }
3754
3685
  .e-schedule .e-vertical-view .e-all-day-cells.e-selected-cell:hover {
3755
3686
  background-color: #e5e7eb;
3756
- color: #111827;
3757
3687
  }
3758
3688
  .e-schedule .e-vertical-view .e-selected-cell {
3759
3689
  background-color: #e5e7eb;
@@ -3761,7 +3691,6 @@
3761
3691
  }
3762
3692
  .e-schedule .e-vertical-view .e-selected-cell:hover {
3763
3693
  background-color: #e5e7eb;
3764
- color: #111827;
3765
3694
  }
3766
3695
  .e-schedule .e-vertical-view .e-clone-time-indicator,
3767
3696
  .e-schedule .e-vertical-view .e-current-time {
@@ -3787,6 +3716,7 @@
3787
3716
  border-style: solid;
3788
3717
  border-width: 0 0 1px 1px;
3789
3718
  color: #374151;
3719
+ text-align: left;
3790
3720
  font-size: 12px;
3791
3721
  text-align: center;
3792
3722
  text-transform: uppercase;
@@ -3830,10 +3760,6 @@
3830
3760
  background-color: #e5e7eb;
3831
3761
  color: #111827;
3832
3762
  }
3833
- .e-schedule .e-month-view .e-selected-cell .e-date-header,
3834
- .e-schedule .e-month-agenda-view .e-selected-cell .e-date-header {
3835
- color: none;
3836
- }
3837
3763
  .e-schedule .e-month-view .e-selected-cell .e-more-indicator,
3838
3764
  .e-schedule .e-month-agenda-view .e-selected-cell .e-more-indicator {
3839
3765
  color: #111827;
@@ -3842,9 +3768,6 @@
3842
3768
  .e-schedule .e-month-agenda-view .e-selected-cell:hover {
3843
3769
  background-color: #e5e7eb;
3844
3770
  }
3845
- .e-schedule .e-month-agenda-view .e-content-wrap .e-table-container {
3846
- overflow: auto;
3847
- }
3848
3771
  .e-schedule .e-month-agenda-view .e-date-header-wrap table td {
3849
3772
  border-width: 0 0 1px 0;
3850
3773
  text-align: center;
@@ -3940,64 +3863,6 @@
3940
3863
  .e-schedule .e-timeline-view .e-current-timeline {
3941
3864
  border-left: 1px solid #4f46e5;
3942
3865
  }
3943
- .e-schedule .e-timeline-year-view .e-work-cells {
3944
- background-color: #f9fafb;
3945
- border-color: #e5e7eb;
3946
- border-style: solid;
3947
- border-width: 0 1px 1px 0;
3948
- color: #111827;
3949
- padding: 0;
3950
- }
3951
- .e-schedule .e-timeline-year-view .e-work-cells:hover:not(.e-other-month) {
3952
- background: #f3f4f6;
3953
- color: #111827;
3954
- }
3955
- .e-schedule .e-timeline-year-view .e-work-cells.e-work-days {
3956
- background-color: #fff;
3957
- }
3958
- .e-schedule .e-timeline-year-view .e-work-cells.e-other-month {
3959
- color: #6b7280;
3960
- }
3961
- .e-schedule .e-timeline-year-view .e-work-cells.e-current-day .e-date-header {
3962
- background-color: #4f46e5;
3963
- border-radius: 50%;
3964
- color: #fff;
3965
- margin: 2px;
3966
- width: 20px;
3967
- }
3968
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell {
3969
- background-color: #e5e7eb;
3970
- color: #111827;
3971
- }
3972
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-date-header {
3973
- color: #111827;
3974
- }
3975
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell .e-more-indicator {
3976
- color: #111827;
3977
- }
3978
- .e-schedule .e-timeline-year-view .e-work-cells.e-selected-cell:hover {
3979
- background-color: #e5e7eb;
3980
- }
3981
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates {
3982
- background-color: #f3f4f6;
3983
- }
3984
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header {
3985
- cursor: default;
3986
- opacity: 0.35;
3987
- }
3988
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates .e-date-header:hover {
3989
- text-decoration: none;
3990
- }
3991
- .e-schedule .e-timeline-year-view .e-work-cells.e-disable-dates:hover {
3992
- background-color: #f3f4f6;
3993
- }
3994
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells {
3995
- background-color: #f3f4f6;
3996
- box-shadow: inset 0 0 0 8px #f9fafb;
3997
- }
3998
- .e-schedule .e-timeline-year-view.e-virtual-mask .e-work-cells:hover {
3999
- background-color: #f3f4f6;
4000
- }
4001
3866
  .e-schedule.e-rtl .e-vertical-view .e-date-header-wrap table tbody td:first-child,
4002
3867
  .e-schedule.e-rtl .e-vertical-view .e-content-wrap table td:first-child {
4003
3868
  border-right-width: 0;
@@ -1 +1,5 @@
1
- @import 'ej2-schedule/styles/schedule/tailwind.scss';
1
+ @import 'ej2-base/styles/tailwind-definition.scss';
2
+ @import '../recurrence-editor/tailwind-definition.scss';
3
+ @import 'tailwind-definition.scss';
4
+ @import 'icons/tailwind.scss';
5
+ @import 'all.scss';