@syncfusion/ej2-angular-calendars 25.2.7 → 26.1.35-ngcc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/@syncfusion/ej2-angular-calendars.es5.js +1048 -0
  2. package/@syncfusion/ej2-angular-calendars.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-calendars.js +981 -0
  4. package/@syncfusion/ej2-angular-calendars.js.map +1 -0
  5. package/dist/ej2-angular-calendars.umd.js +1093 -0
  6. package/dist/ej2-angular-calendars.umd.js.map +1 -0
  7. package/dist/ej2-angular-calendars.umd.min.js +11 -0
  8. package/dist/ej2-angular-calendars.umd.min.js.map +1 -0
  9. package/ej2-angular-calendars.d.ts +9 -0
  10. package/ej2-angular-calendars.metadata.json +1 -0
  11. package/package.json +15 -29
  12. package/schematics/utils/lib-details.js +2 -2
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/calendar/calendar-all.module.d.ts +0 -6
  15. package/src/calendar/calendar.component.d.ts +0 -3
  16. package/src/calendar/calendar.module.d.ts +0 -6
  17. package/src/datepicker/datepicker-all.module.d.ts +0 -6
  18. package/src/datepicker/datepicker.component.d.ts +0 -3
  19. package/src/datepicker/datepicker.module.d.ts +0 -6
  20. package/src/daterangepicker/daterangepicker-all.module.d.ts +0 -6
  21. package/src/daterangepicker/daterangepicker.component.d.ts +0 -3
  22. package/src/daterangepicker/daterangepicker.module.d.ts +0 -7
  23. package/src/daterangepicker/presets.directive.d.ts +0 -5
  24. package/src/datetimepicker/datetimepicker-all.module.d.ts +0 -6
  25. package/src/datetimepicker/datetimepicker.component.d.ts +0 -3
  26. package/src/datetimepicker/datetimepicker.module.d.ts +0 -6
  27. package/src/timepicker/timepicker-all.module.d.ts +0 -6
  28. package/src/timepicker/timepicker.component.d.ts +0 -3
  29. package/src/timepicker/timepicker.module.d.ts +0 -6
  30. package/styles/bootstrap-dark.css +3032 -1
  31. package/styles/bootstrap.css +3040 -1
  32. package/styles/bootstrap4.css +3068 -1
  33. package/styles/bootstrap5-dark.css +3200 -1
  34. package/styles/bootstrap5.css +3200 -1
  35. package/styles/calendar/bootstrap-dark.css +872 -1
  36. package/styles/calendar/bootstrap.css +873 -1
  37. package/styles/calendar/bootstrap4.css +873 -1
  38. package/styles/calendar/bootstrap5-dark.css +943 -1
  39. package/styles/calendar/bootstrap5.css +943 -1
  40. package/styles/calendar/fabric-dark.css +880 -1
  41. package/styles/calendar/fabric.css +885 -1
  42. package/styles/calendar/fluent-dark.css +1059 -1
  43. package/styles/calendar/fluent.css +1059 -1
  44. package/styles/calendar/fluent2.css +2022 -0
  45. package/styles/calendar/fluent2.scss +1 -0
  46. package/styles/calendar/highcontrast-light.css +874 -1
  47. package/styles/calendar/highcontrast.css +885 -1
  48. package/styles/calendar/material-dark.css +884 -1
  49. package/styles/calendar/material.css +885 -1
  50. package/styles/calendar/material3-dark.css +1002 -1
  51. package/styles/calendar/material3.css +1114 -1
  52. package/styles/calendar/tailwind-dark.css +975 -1
  53. package/styles/calendar/tailwind.css +975 -1
  54. package/styles/datepicker/bootstrap-dark.css +447 -1
  55. package/styles/datepicker/bootstrap.css +448 -1
  56. package/styles/datepicker/bootstrap4.css +460 -1
  57. package/styles/datepicker/bootstrap5-dark.css +459 -1
  58. package/styles/datepicker/bootstrap5.css +459 -1
  59. package/styles/datepicker/fabric-dark.css +440 -1
  60. package/styles/datepicker/fabric.css +441 -1
  61. package/styles/datepicker/fluent-dark.css +459 -1
  62. package/styles/datepicker/fluent.css +459 -1
  63. package/styles/datepicker/fluent2.css +1680 -0
  64. package/styles/datepicker/fluent2.scss +1 -0
  65. package/styles/datepicker/highcontrast-light.css +453 -1
  66. package/styles/datepicker/highcontrast.css +454 -1
  67. package/styles/datepicker/material-dark.css +498 -1
  68. package/styles/datepicker/material.css +519 -1
  69. package/styles/datepicker/material3-dark.css +616 -1
  70. package/styles/datepicker/material3.css +728 -1
  71. package/styles/datepicker/tailwind-dark.css +464 -1
  72. package/styles/datepicker/tailwind.css +464 -1
  73. package/styles/daterangepicker/bootstrap-dark.css +1198 -1
  74. package/styles/daterangepicker/bootstrap.css +1204 -1
  75. package/styles/daterangepicker/bootstrap4.css +1216 -1
  76. package/styles/daterangepicker/bootstrap5-dark.css +1279 -1
  77. package/styles/daterangepicker/bootstrap5.css +1279 -1
  78. package/styles/daterangepicker/fabric-dark.css +1198 -1
  79. package/styles/daterangepicker/fabric.css +1199 -1
  80. package/styles/daterangepicker/fluent-dark.css +1322 -1
  81. package/styles/daterangepicker/fluent.css +1322 -1
  82. package/styles/daterangepicker/fluent2.css +2465 -0
  83. package/styles/daterangepicker/fluent2.scss +1 -0
  84. package/styles/daterangepicker/highcontrast-light.css +1198 -1
  85. package/styles/daterangepicker/highcontrast.css +1199 -1
  86. package/styles/daterangepicker/material-dark.css +1244 -1
  87. package/styles/daterangepicker/material.css +1270 -1
  88. package/styles/daterangepicker/material3-dark.css +1427 -1
  89. package/styles/daterangepicker/material3.css +1539 -1
  90. package/styles/daterangepicker/tailwind-dark.css +1219 -1
  91. package/styles/daterangepicker/tailwind.css +1219 -1
  92. package/styles/datetimepicker/bootstrap-dark.css +194 -1
  93. package/styles/datetimepicker/bootstrap.css +194 -1
  94. package/styles/datetimepicker/bootstrap4.css +196 -1
  95. package/styles/datetimepicker/bootstrap5-dark.css +195 -1
  96. package/styles/datetimepicker/bootstrap5.css +195 -1
  97. package/styles/datetimepicker/fabric-dark.css +194 -1
  98. package/styles/datetimepicker/fabric.css +194 -1
  99. package/styles/datetimepicker/fluent-dark.css +195 -1
  100. package/styles/datetimepicker/fluent.css +195 -1
  101. package/styles/datetimepicker/fluent2.css +1408 -0
  102. package/styles/datetimepicker/fluent2.scss +1 -0
  103. package/styles/datetimepicker/highcontrast-light.css +194 -1
  104. package/styles/datetimepicker/highcontrast.css +194 -1
  105. package/styles/datetimepicker/material-dark.css +252 -1
  106. package/styles/datetimepicker/material.css +281 -1
  107. package/styles/datetimepicker/material3-dark.css +363 -1
  108. package/styles/datetimepicker/material3.css +475 -1
  109. package/styles/datetimepicker/tailwind-dark.css +195 -1
  110. package/styles/datetimepicker/tailwind.css +195 -1
  111. package/styles/fabric-dark.css +3033 -1
  112. package/styles/fabric.css +3040 -1
  113. package/styles/fluent-dark.css +3357 -1
  114. package/styles/fluent.css +3357 -1
  115. package/styles/fluent2.css +9059 -0
  116. package/styles/fluent2.scss +5 -0
  117. package/styles/highcontrast-light.css +3040 -1
  118. package/styles/highcontrast.css +3053 -1
  119. package/styles/material-dark.css +3224 -1
  120. package/styles/material.css +3291 -1
  121. package/styles/material3-dark.css +3845 -1
  122. package/styles/material3.css +4405 -1
  123. package/styles/tailwind-dark.css +3175 -1
  124. package/styles/tailwind.css +3175 -1
  125. package/styles/timepicker/bootstrap-dark.css +317 -1
  126. package/styles/timepicker/bootstrap.css +317 -1
  127. package/styles/timepicker/bootstrap4.css +319 -1
  128. package/styles/timepicker/bootstrap5-dark.css +320 -1
  129. package/styles/timepicker/bootstrap5.css +320 -1
  130. package/styles/timepicker/fabric-dark.css +317 -1
  131. package/styles/timepicker/fabric.css +317 -1
  132. package/styles/timepicker/fluent-dark.css +318 -1
  133. package/styles/timepicker/fluent.css +318 -1
  134. package/styles/timepicker/fluent2.css +1531 -0
  135. package/styles/timepicker/fluent2.scss +1 -0
  136. package/styles/timepicker/highcontrast-light.css +317 -1
  137. package/styles/timepicker/highcontrast.css +317 -1
  138. package/styles/timepicker/material-dark.css +363 -1
  139. package/styles/timepicker/material.css +383 -1
  140. package/styles/timepicker/material3-dark.css +484 -1
  141. package/styles/timepicker/material3.css +596 -1
  142. package/styles/timepicker/tailwind-dark.css +318 -1
  143. package/styles/timepicker/tailwind.css +318 -1
  144. package/esm2020/public_api.mjs +0 -3
  145. package/esm2020/src/calendar/calendar-all.module.mjs +0 -29
  146. package/esm2020/src/calendar/calendar.component.mjs +0 -91
  147. package/esm2020/src/calendar/calendar.module.mjs +0 -25
  148. package/esm2020/src/datepicker/datepicker-all.module.mjs +0 -29
  149. package/esm2020/src/datepicker/datepicker.component.mjs +0 -99
  150. package/esm2020/src/datepicker/datepicker.module.mjs +0 -25
  151. package/esm2020/src/daterangepicker/daterangepicker-all.module.mjs +0 -23
  152. package/esm2020/src/daterangepicker/daterangepicker.component.mjs +0 -103
  153. package/esm2020/src/daterangepicker/daterangepicker.module.mjs +0 -34
  154. package/esm2020/src/daterangepicker/presets.directive.mjs +0 -58
  155. package/esm2020/src/datetimepicker/datetimepicker-all.module.mjs +0 -23
  156. package/esm2020/src/datetimepicker/datetimepicker.component.mjs +0 -99
  157. package/esm2020/src/datetimepicker/datetimepicker.module.mjs +0 -25
  158. package/esm2020/src/index.mjs +0 -18
  159. package/esm2020/src/timepicker/timepicker-all.module.mjs +0 -23
  160. package/esm2020/src/timepicker/timepicker.component.mjs +0 -92
  161. package/esm2020/src/timepicker/timepicker.module.mjs +0 -25
  162. package/esm2020/syncfusion-ej2-angular-calendars.mjs +0 -5
  163. package/fesm2015/syncfusion-ej2-angular-calendars.mjs +0 -737
  164. package/fesm2015/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  165. package/fesm2020/syncfusion-ej2-angular-calendars.mjs +0 -737
  166. package/fesm2020/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  167. package/postinstall/tagchange.js +0 -18
  168. package/syncfusion-ej2-angular-calendars.d.ts +0 -5
@@ -1 +1,194 @@
1
- @import '@syncfusion/ej2-calendars/styles/datetimepicker/fabric.css';
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /*! component icons */
3
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
4
+ content: "\e97f";
5
+ font-family: "e-icons";
6
+ }
7
+
8
+ .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
9
+ .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
10
+ display: -webkit-box;
11
+ display: -ms-flexbox;
12
+ display: flex;
13
+ }
14
+
15
+ .e-datetime-wrapper {
16
+ /* stylelint-disable property-no-vendor-prefix */
17
+ -webkit-tap-highlight-color: transparent;
18
+ }
19
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
20
+ font-size: 16px;
21
+ }
22
+ .e-datetime-wrapper.e-control-wrapper {
23
+ -webkit-box-sizing: border-box;
24
+ box-sizing: border-box;
25
+ }
26
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
27
+ pointer-events: none;
28
+ }
29
+ .e-datetime-wrapper .e-clear-icon {
30
+ -webkit-box-sizing: content-box;
31
+ box-sizing: content-box;
32
+ }
33
+ .e-datetime-wrapper span {
34
+ cursor: pointer;
35
+ }
36
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
37
+ font-size: 16px;
38
+ margin: 0;
39
+ outline: none;
40
+ }
41
+ .e-datetime-wrapper .e-input-group-icon.e-time-icon {
42
+ border: 0;
43
+ border-style: none;
44
+ margin: 0;
45
+ }
46
+
47
+ .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
48
+ margin: 0;
49
+ }
50
+
51
+ .e-datetimepicker.e-time-modal {
52
+ background-color: rgba(0, 0, 0, 0.6);
53
+ height: 100%;
54
+ left: 0;
55
+ opacity: 0.5;
56
+ pointer-events: auto;
57
+ position: fixed;
58
+ top: 0;
59
+ width: 100%;
60
+ z-index: 999;
61
+ }
62
+
63
+ .e-datetimepicker.e-popup {
64
+ border-style: solid;
65
+ border-width: 1px;
66
+ overflow: auto;
67
+ }
68
+ .e-datetimepicker.e-popup .e-content {
69
+ position: relative;
70
+ }
71
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
72
+ margin: 0;
73
+ padding: 0 0;
74
+ }
75
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
76
+ color: #333;
77
+ cursor: default;
78
+ font-size: 14px;
79
+ overflow: hidden;
80
+ position: relative;
81
+ text-overflow: ellipsis;
82
+ vertical-align: middle;
83
+ white-space: nowrap;
84
+ width: 100%;
85
+ }
86
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
87
+ cursor: pointer;
88
+ }
89
+
90
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
91
+ line-height: 36px;
92
+ text-indent: 10px;
93
+ }
94
+
95
+ .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
96
+ *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
97
+ font-size: 18px;
98
+ }
99
+ .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
100
+ *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
101
+ margin: 0;
102
+ }
103
+
104
+ .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
105
+ *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
106
+ margin: 0;
107
+ }
108
+
109
+ .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
110
+ *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
111
+ padding: 8px 0;
112
+ }
113
+ .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
114
+ *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
115
+ font-size: 14px;
116
+ line-height: 48px;
117
+ text-indent: 12px;
118
+ }
119
+
120
+ .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
121
+ *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
122
+ font-size: 13px;
123
+ line-height: 26px;
124
+ text-indent: 10px;
125
+ }
126
+
127
+ .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
128
+ *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
129
+ font-size: 14px;
130
+ line-height: 40px;
131
+ text-indent: 16px;
132
+ }
133
+
134
+ .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
135
+ *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
136
+ font-size: 14px;
137
+ }
138
+ .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
139
+ *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
140
+ font-size: 18px;
141
+ }
142
+ .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
143
+ background-size: 250px 33px;
144
+ min-height: 33px;
145
+ }
146
+
147
+ .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
148
+ .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
149
+ background-size: 250px 40px;
150
+ min-height: 40px;
151
+ }
152
+
153
+ .e-datetimepicker.e-popup-expand.e-popup {
154
+ position: fixed;
155
+ }
156
+ .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
157
+ position: relative;
158
+ width: 100%;
159
+ }
160
+
161
+ /*! datetimepicker theme */
162
+ .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
163
+ color: #333;
164
+ }
165
+ .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
166
+ color: #fff;
167
+ }
168
+
169
+ .e-datetimepicker.e-popup {
170
+ border: 1px solid #eaeaea;
171
+ border-radius: 0;
172
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
173
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
174
+ }
175
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
176
+ background-color: #fff;
177
+ }
178
+ .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
179
+ border: none;
180
+ color: #333;
181
+ }
182
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
183
+ background-color: #eaeaea;
184
+ border: none;
185
+ color: #333;
186
+ }
187
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
188
+ background-color: #0078d6;
189
+ color: #fff;
190
+ }
191
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
192
+ background-color: #0078d6;
193
+ color: #fff;
194
+ }
@@ -1 +1,195 @@
1
- @import '@syncfusion/ej2-calendars/styles/datetimepicker/fluent-dark.css';
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /*! component icons */
4
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
5
+ content: "\e705";
6
+ font-family: "e-icons";
7
+ }
8
+
9
+ .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
10
+ .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
11
+ display: -webkit-box;
12
+ display: -ms-flexbox;
13
+ display: flex;
14
+ }
15
+
16
+ .e-datetime-wrapper {
17
+ /* stylelint-disable property-no-vendor-prefix */
18
+ -webkit-tap-highlight-color: transparent;
19
+ }
20
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
21
+ font-size: 16px;
22
+ }
23
+ .e-datetime-wrapper.e-control-wrapper {
24
+ -webkit-box-sizing: border-box;
25
+ box-sizing: border-box;
26
+ }
27
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
28
+ pointer-events: none;
29
+ }
30
+ .e-datetime-wrapper .e-clear-icon {
31
+ -webkit-box-sizing: content-box;
32
+ box-sizing: content-box;
33
+ }
34
+ .e-datetime-wrapper span {
35
+ cursor: pointer;
36
+ }
37
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
38
+ font-size: 16px;
39
+ margin: 0;
40
+ outline: none;
41
+ }
42
+ .e-datetime-wrapper .e-input-group-icon.e-time-icon {
43
+ border: 0;
44
+ border-style: none;
45
+ margin: 0;
46
+ }
47
+
48
+ .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
49
+ margin: 0;
50
+ }
51
+
52
+ .e-datetimepicker.e-time-modal {
53
+ background-color: rgba(0, 0, 0, 0.4);
54
+ height: 100%;
55
+ left: 0;
56
+ opacity: 0.5;
57
+ pointer-events: auto;
58
+ position: fixed;
59
+ top: 0;
60
+ width: 100%;
61
+ z-index: 999;
62
+ }
63
+
64
+ .e-datetimepicker.e-popup {
65
+ border-style: solid;
66
+ border-width: 1px;
67
+ overflow: auto;
68
+ }
69
+ .e-datetimepicker.e-popup .e-content {
70
+ position: relative;
71
+ }
72
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
73
+ margin: 0;
74
+ padding: 8px 0;
75
+ }
76
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
77
+ color: #f3f2f1;
78
+ cursor: default;
79
+ font-size: 14px;
80
+ overflow: hidden;
81
+ position: relative;
82
+ text-overflow: ellipsis;
83
+ vertical-align: middle;
84
+ white-space: nowrap;
85
+ width: 100%;
86
+ }
87
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
88
+ cursor: pointer;
89
+ }
90
+
91
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
92
+ line-height: 30px;
93
+ text-indent: 12px;
94
+ }
95
+
96
+ .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
97
+ *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
98
+ font-size: 18px;
99
+ }
100
+ .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
101
+ *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
102
+ margin: 0;
103
+ }
104
+
105
+ .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
106
+ *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
107
+ margin: 0;
108
+ }
109
+
110
+ .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
111
+ *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
112
+ padding: 8px 0;
113
+ }
114
+ .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
115
+ *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
116
+ font-size: 16px;
117
+ line-height: 32px;
118
+ text-indent: 16px;
119
+ }
120
+
121
+ .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
122
+ *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
123
+ font-size: 12px;
124
+ line-height: 26px;
125
+ text-indent: 8px;
126
+ }
127
+
128
+ .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
129
+ *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
130
+ font-size: 14px;
131
+ line-height: 30px;
132
+ text-indent: 16px;
133
+ }
134
+
135
+ .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
136
+ *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
137
+ font-size: 14px;
138
+ }
139
+ .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
140
+ *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
141
+ font-size: 16px;
142
+ }
143
+ .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
144
+ background-size: 250px 33px;
145
+ min-height: 33px;
146
+ }
147
+
148
+ .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
149
+ .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
150
+ background-size: 250px 40px;
151
+ min-height: 40px;
152
+ }
153
+
154
+ .e-datetimepicker.e-popup-expand.e-popup {
155
+ position: fixed;
156
+ }
157
+ .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
158
+ position: relative;
159
+ width: 100%;
160
+ }
161
+
162
+ /*! datetimepicker theme */
163
+ .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
164
+ color: #f3f2f1;
165
+ }
166
+ .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
167
+ color: #f3f2f1;
168
+ }
169
+
170
+ .e-datetimepicker.e-popup {
171
+ border: 0 solid #292827;
172
+ border-radius: 6px;
173
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
174
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
175
+ }
176
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
177
+ background-color: #252423;
178
+ }
179
+ .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
180
+ border: none;
181
+ color: #f3f2f1;
182
+ }
183
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
184
+ background-color: #323130;
185
+ border: none;
186
+ color: #f3f2f1;
187
+ }
188
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
189
+ background-color: #3b3a39;
190
+ color: #f3f2f1;
191
+ }
192
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
193
+ background-color: #323130;
194
+ color: #f3f2f1;
195
+ }
@@ -1 +1,195 @@
1
- @import '@syncfusion/ej2-calendars/styles/datetimepicker/fluent.css';
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /*! component icons */
4
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
5
+ content: "\e705";
6
+ font-family: "e-icons";
7
+ }
8
+
9
+ .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
10
+ .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
11
+ display: -webkit-box;
12
+ display: -ms-flexbox;
13
+ display: flex;
14
+ }
15
+
16
+ .e-datetime-wrapper {
17
+ /* stylelint-disable property-no-vendor-prefix */
18
+ -webkit-tap-highlight-color: transparent;
19
+ }
20
+ .e-datetime-wrapper .e-time-icon.e-icons::before {
21
+ font-size: 16px;
22
+ }
23
+ .e-datetime-wrapper.e-control-wrapper {
24
+ -webkit-box-sizing: border-box;
25
+ box-sizing: border-box;
26
+ }
27
+ .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
28
+ pointer-events: none;
29
+ }
30
+ .e-datetime-wrapper .e-clear-icon {
31
+ -webkit-box-sizing: content-box;
32
+ box-sizing: content-box;
33
+ }
34
+ .e-datetime-wrapper span {
35
+ cursor: pointer;
36
+ }
37
+ .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
38
+ font-size: 16px;
39
+ margin: 0;
40
+ outline: none;
41
+ }
42
+ .e-datetime-wrapper .e-input-group-icon.e-time-icon {
43
+ border: 0;
44
+ border-style: none;
45
+ margin: 0;
46
+ }
47
+
48
+ .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
49
+ margin: 0;
50
+ }
51
+
52
+ .e-datetimepicker.e-time-modal {
53
+ background-color: rgba(0, 0, 0, 0.4);
54
+ height: 100%;
55
+ left: 0;
56
+ opacity: 0.5;
57
+ pointer-events: auto;
58
+ position: fixed;
59
+ top: 0;
60
+ width: 100%;
61
+ z-index: 999;
62
+ }
63
+
64
+ .e-datetimepicker.e-popup {
65
+ border-style: solid;
66
+ border-width: 1px;
67
+ overflow: auto;
68
+ }
69
+ .e-datetimepicker.e-popup .e-content {
70
+ position: relative;
71
+ }
72
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
73
+ margin: 0;
74
+ padding: 8px 0;
75
+ }
76
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
77
+ color: #201f1e;
78
+ cursor: default;
79
+ font-size: 14px;
80
+ overflow: hidden;
81
+ position: relative;
82
+ text-overflow: ellipsis;
83
+ vertical-align: middle;
84
+ white-space: nowrap;
85
+ width: 100%;
86
+ }
87
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
88
+ cursor: pointer;
89
+ }
90
+
91
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
92
+ line-height: 30px;
93
+ text-indent: 12px;
94
+ }
95
+
96
+ .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
97
+ *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
98
+ font-size: 18px;
99
+ }
100
+ .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
101
+ *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
102
+ margin: 0;
103
+ }
104
+
105
+ .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
106
+ *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
107
+ margin: 0;
108
+ }
109
+
110
+ .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
111
+ *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
112
+ padding: 8px 0;
113
+ }
114
+ .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
115
+ *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
116
+ font-size: 16px;
117
+ line-height: 32px;
118
+ text-indent: 16px;
119
+ }
120
+
121
+ .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
122
+ *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
123
+ font-size: 12px;
124
+ line-height: 26px;
125
+ text-indent: 8px;
126
+ }
127
+
128
+ .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
129
+ *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
130
+ font-size: 14px;
131
+ line-height: 30px;
132
+ text-indent: 16px;
133
+ }
134
+
135
+ .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
136
+ *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
137
+ font-size: 14px;
138
+ }
139
+ .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
140
+ *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
141
+ font-size: 16px;
142
+ }
143
+ .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
144
+ background-size: 250px 33px;
145
+ min-height: 33px;
146
+ }
147
+
148
+ .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
149
+ .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
150
+ background-size: 250px 40px;
151
+ min-height: 40px;
152
+ }
153
+
154
+ .e-datetimepicker.e-popup-expand.e-popup {
155
+ position: fixed;
156
+ }
157
+ .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
158
+ position: relative;
159
+ width: 100%;
160
+ }
161
+
162
+ /*! datetimepicker theme */
163
+ .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
164
+ color: #201f1e;
165
+ }
166
+ .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
167
+ color: #201f1e;
168
+ }
169
+
170
+ .e-datetimepicker.e-popup {
171
+ border: 0 solid #edebe9;
172
+ border-radius: 6px;
173
+ -webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
174
+ box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
175
+ }
176
+ .e-datetimepicker.e-popup .e-list-parent.e-ul {
177
+ background-color: #fff;
178
+ }
179
+ .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
180
+ border: none;
181
+ color: #201f1e;
182
+ }
183
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
184
+ background-color: #f3f2f1;
185
+ border: none;
186
+ color: #201f1e;
187
+ }
188
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
189
+ background-color: #edebe9;
190
+ color: #201f1e;
191
+ }
192
+ .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
193
+ background-color: #f3f2f1;
194
+ color: #201f1e;
195
+ }