@syncfusion/ej2-calendars 32.1.24 → 32.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (257) hide show
  1. package/dist/ej2-calendars.min.js +1 -1
  2. package/dist/ej2-calendars.umd.min.js +1 -1
  3. package/dist/global/ej2-calendars.min.js +1 -1
  4. package/dist/global/index.d.ts +1 -1
  5. package/package.json +6 -6
  6. package/styles/bds-lite.css +558 -558
  7. package/styles/bds.css +646 -646
  8. package/styles/bootstrap-dark-lite.css +412 -412
  9. package/styles/bootstrap-dark.css +486 -486
  10. package/styles/bootstrap-lite.css +412 -412
  11. package/styles/bootstrap.css +623 -623
  12. package/styles/bootstrap4-lite.css +486 -486
  13. package/styles/bootstrap4.css +622 -622
  14. package/styles/bootstrap5-dark-lite.css +638 -638
  15. package/styles/bootstrap5-dark.css +637 -637
  16. package/styles/bootstrap5-lite.css +779 -779
  17. package/styles/bootstrap5.3-lite.css +657 -657
  18. package/styles/bootstrap5.3.css +1215 -1215
  19. package/styles/bootstrap5.css +637 -637
  20. package/styles/calendar/_all.bds.scss +1 -1
  21. package/styles/calendar/_all.bootstrap-dark.scss +1 -1
  22. package/styles/calendar/_all.bootstrap.scss +1 -1
  23. package/styles/calendar/_all.bootstrap4.scss +1 -1
  24. package/styles/calendar/_all.bootstrap5-dark.scss +1 -1
  25. package/styles/calendar/_all.bootstrap5.3.scss +1 -1
  26. package/styles/calendar/_all.bootstrap5.scss +1 -1
  27. package/styles/calendar/_all.fabric-dark.scss +1 -1
  28. package/styles/calendar/_all.fabric.scss +1 -1
  29. package/styles/calendar/_all.fluent-dark.scss +1 -1
  30. package/styles/calendar/_all.fluent.scss +1 -1
  31. package/styles/calendar/_all.fluent2.scss +1 -1
  32. package/styles/calendar/_all.highcontrast-light.scss +1 -1
  33. package/styles/calendar/_all.highcontrast.scss +1 -1
  34. package/styles/calendar/_all.material-dark.scss +1 -1
  35. package/styles/calendar/_all.material.scss +1 -1
  36. package/styles/calendar/_all.material3-dark.scss +1 -1
  37. package/styles/calendar/_all.material3.scss +1 -1
  38. package/styles/calendar/_all.tailwind-dark.scss +1 -1
  39. package/styles/calendar/_all.tailwind.scss +1 -1
  40. package/styles/calendar/_all.tailwind3.scss +1 -1
  41. package/styles/calendar/bds.css +256 -256
  42. package/styles/calendar/bootstrap-dark.css +231 -231
  43. package/styles/calendar/bootstrap.css +232 -232
  44. package/styles/calendar/bootstrap4.css +232 -232
  45. package/styles/calendar/bootstrap5-dark.css +497 -497
  46. package/styles/calendar/bootstrap5.3.css +491 -491
  47. package/styles/calendar/bootstrap5.css +498 -498
  48. package/styles/calendar/fabric-dark.css +228 -228
  49. package/styles/calendar/fabric.css +232 -232
  50. package/styles/calendar/fluent-dark.css +593 -593
  51. package/styles/calendar/fluent.css +593 -593
  52. package/styles/calendar/fluent2.css +578 -578
  53. package/styles/calendar/highcontrast-light.css +231 -231
  54. package/styles/calendar/highcontrast.css +232 -232
  55. package/styles/calendar/material-dark.css +231 -231
  56. package/styles/calendar/material.css +232 -232
  57. package/styles/calendar/material3-dark.css +485 -485
  58. package/styles/calendar/material3.css +485 -485
  59. package/styles/calendar/tailwind-dark.css +252 -252
  60. package/styles/calendar/tailwind.css +252 -252
  61. package/styles/calendar/tailwind3.css +526 -526
  62. package/styles/datepicker/_all.bds.scss +1 -1
  63. package/styles/datepicker/_all.bootstrap-dark.scss +1 -1
  64. package/styles/datepicker/_all.bootstrap.scss +1 -1
  65. package/styles/datepicker/_all.bootstrap4.scss +1 -1
  66. package/styles/datepicker/_all.bootstrap5-dark.scss +1 -1
  67. package/styles/datepicker/_all.bootstrap5.3.scss +1 -1
  68. package/styles/datepicker/_all.bootstrap5.scss +1 -1
  69. package/styles/datepicker/_all.fabric-dark.scss +1 -1
  70. package/styles/datepicker/_all.fabric.scss +1 -1
  71. package/styles/datepicker/_all.fluent-dark.scss +1 -1
  72. package/styles/datepicker/_all.fluent.scss +1 -1
  73. package/styles/datepicker/_all.fluent2.scss +1 -1
  74. package/styles/datepicker/_all.highcontrast-light.scss +1 -1
  75. package/styles/datepicker/_all.highcontrast.scss +1 -1
  76. package/styles/datepicker/_all.material-dark.scss +1 -1
  77. package/styles/datepicker/_all.material.scss +1 -1
  78. package/styles/datepicker/_all.material3-dark.scss +1 -1
  79. package/styles/datepicker/_all.material3.scss +1 -1
  80. package/styles/datepicker/_all.tailwind-dark.scss +1 -1
  81. package/styles/datepicker/_all.tailwind.scss +1 -1
  82. package/styles/datepicker/_all.tailwind3.scss +1 -1
  83. package/styles/datepicker/bds.css +27 -27
  84. package/styles/datepicker/bootstrap-dark.css +16 -16
  85. package/styles/datepicker/bootstrap.css +16 -16
  86. package/styles/datepicker/bootstrap4.css +25 -25
  87. package/styles/datepicker/bootstrap5-dark.css +22 -22
  88. package/styles/datepicker/bootstrap5.3.css +106 -106
  89. package/styles/datepicker/bootstrap5.css +22 -22
  90. package/styles/datepicker/fabric-dark.css +16 -16
  91. package/styles/datepicker/fabric.css +16 -16
  92. package/styles/datepicker/fluent-dark.css +23 -23
  93. package/styles/datepicker/fluent.css +23 -23
  94. package/styles/datepicker/fluent2.css +384 -384
  95. package/styles/datepicker/highcontrast-light.css +23 -23
  96. package/styles/datepicker/highcontrast.css +23 -23
  97. package/styles/datepicker/material-dark.css +23 -23
  98. package/styles/datepicker/material.css +23 -23
  99. package/styles/datepicker/material3-dark.css +108 -108
  100. package/styles/datepicker/material3.css +110 -110
  101. package/styles/datepicker/tailwind-dark.css +23 -23
  102. package/styles/datepicker/tailwind.css +23 -23
  103. package/styles/datepicker/tailwind3.css +97 -97
  104. package/styles/daterangepicker/_all.bds.scss +1 -1
  105. package/styles/daterangepicker/_all.bootstrap-dark.scss +1 -1
  106. package/styles/daterangepicker/_all.bootstrap.scss +1 -1
  107. package/styles/daterangepicker/_all.bootstrap4.scss +1 -1
  108. package/styles/daterangepicker/_all.bootstrap5-dark.scss +1 -1
  109. package/styles/daterangepicker/_all.bootstrap5.3.scss +1 -1
  110. package/styles/daterangepicker/_all.bootstrap5.scss +1 -1
  111. package/styles/daterangepicker/_all.fabric-dark.scss +1 -1
  112. package/styles/daterangepicker/_all.fabric.scss +1 -1
  113. package/styles/daterangepicker/_all.fluent-dark.scss +1 -1
  114. package/styles/daterangepicker/_all.fluent.scss +1 -1
  115. package/styles/daterangepicker/_all.fluent2.scss +1 -1
  116. package/styles/daterangepicker/_all.highcontrast-light.scss +1 -1
  117. package/styles/daterangepicker/_all.highcontrast.scss +1 -1
  118. package/styles/daterangepicker/_all.material-dark.scss +1 -1
  119. package/styles/daterangepicker/_all.material.scss +1 -1
  120. package/styles/daterangepicker/_all.material3-dark.scss +1 -1
  121. package/styles/daterangepicker/_all.material3.scss +1 -1
  122. package/styles/daterangepicker/_all.tailwind-dark.scss +1 -1
  123. package/styles/daterangepicker/_all.tailwind.scss +1 -1
  124. package/styles/daterangepicker/_all.tailwind3.scss +1 -1
  125. package/styles/daterangepicker/bds.css +111 -111
  126. package/styles/daterangepicker/bootstrap-dark.css +98 -98
  127. package/styles/daterangepicker/bootstrap.css +98 -98
  128. package/styles/daterangepicker/bootstrap4.css +100 -100
  129. package/styles/daterangepicker/bootstrap5-dark.css +162 -162
  130. package/styles/daterangepicker/bootstrap5.3.css +246 -246
  131. package/styles/daterangepicker/bootstrap5.css +162 -162
  132. package/styles/daterangepicker/fabric-dark.css +98 -98
  133. package/styles/daterangepicker/fabric.css +98 -98
  134. package/styles/daterangepicker/fluent-dark.css +199 -199
  135. package/styles/daterangepicker/fluent.css +199 -199
  136. package/styles/daterangepicker/fluent2.css +866 -866
  137. package/styles/daterangepicker/highcontrast-light.css +98 -98
  138. package/styles/daterangepicker/highcontrast.css +98 -98
  139. package/styles/daterangepicker/material-dark.css +106 -106
  140. package/styles/daterangepicker/material.css +116 -116
  141. package/styles/daterangepicker/material3-dark.css +205 -205
  142. package/styles/daterangepicker/material3.css +207 -207
  143. package/styles/daterangepicker/tailwind-dark.css +102 -102
  144. package/styles/daterangepicker/tailwind.css +102 -102
  145. package/styles/daterangepicker/tailwind3.css +182 -182
  146. package/styles/datetimepicker/_all.bds.scss +1 -1
  147. package/styles/datetimepicker/_all.bootstrap-dark.scss +1 -1
  148. package/styles/datetimepicker/_all.bootstrap.scss +1 -1
  149. package/styles/datetimepicker/_all.bootstrap4.scss +1 -1
  150. package/styles/datetimepicker/_all.bootstrap5-dark.scss +1 -1
  151. package/styles/datetimepicker/_all.bootstrap5.3.scss +1 -1
  152. package/styles/datetimepicker/_all.bootstrap5.scss +1 -1
  153. package/styles/datetimepicker/_all.fabric-dark.scss +1 -1
  154. package/styles/datetimepicker/_all.fabric.scss +1 -1
  155. package/styles/datetimepicker/_all.fluent-dark.scss +1 -1
  156. package/styles/datetimepicker/_all.fluent.scss +1 -1
  157. package/styles/datetimepicker/_all.fluent2.scss +1 -1
  158. package/styles/datetimepicker/_all.highcontrast-light.scss +1 -1
  159. package/styles/datetimepicker/_all.highcontrast.scss +1 -1
  160. package/styles/datetimepicker/_all.material-dark.scss +1 -1
  161. package/styles/datetimepicker/_all.material.scss +1 -1
  162. package/styles/datetimepicker/_all.material3-dark.scss +1 -1
  163. package/styles/datetimepicker/_all.material3.scss +1 -1
  164. package/styles/datetimepicker/_all.tailwind-dark.scss +1 -1
  165. package/styles/datetimepicker/_all.tailwind.scss +1 -1
  166. package/styles/datetimepicker/_all.tailwind3.scss +1 -1
  167. package/styles/datetimepicker/bds.css +39 -39
  168. package/styles/datetimepicker/bootstrap-dark.css +35 -35
  169. package/styles/datetimepicker/bootstrap.css +35 -35
  170. package/styles/datetimepicker/bootstrap4.css +37 -37
  171. package/styles/datetimepicker/bootstrap5-dark.css +35 -35
  172. package/styles/datetimepicker/bootstrap5.3.css +119 -119
  173. package/styles/datetimepicker/bootstrap5.css +35 -35
  174. package/styles/datetimepicker/fabric-dark.css +35 -35
  175. package/styles/datetimepicker/fabric.css +35 -35
  176. package/styles/datetimepicker/fluent-dark.css +35 -35
  177. package/styles/datetimepicker/fluent.css +35 -35
  178. package/styles/datetimepicker/fluent2.css +121 -121
  179. package/styles/datetimepicker/highcontrast-light.css +35 -35
  180. package/styles/datetimepicker/highcontrast.css +35 -35
  181. package/styles/datetimepicker/material-dark.css +43 -43
  182. package/styles/datetimepicker/material.css +53 -53
  183. package/styles/datetimepicker/material3-dark.css +118 -118
  184. package/styles/datetimepicker/material3.css +120 -120
  185. package/styles/datetimepicker/tailwind-dark.css +35 -35
  186. package/styles/datetimepicker/tailwind.css +35 -35
  187. package/styles/datetimepicker/tailwind3.css +124 -124
  188. package/styles/fabric-dark-lite.css +412 -412
  189. package/styles/fabric-dark.css +617 -617
  190. package/styles/fabric-lite.css +412 -412
  191. package/styles/fabric.css +625 -625
  192. package/styles/fluent-dark-lite.css +913 -913
  193. package/styles/fluent-dark.css +1028 -1028
  194. package/styles/fluent-lite.css +899 -899
  195. package/styles/fluent.css +1028 -1028
  196. package/styles/fluent2-lite.css +1158 -1158
  197. package/styles/fluent2.css +2333 -2333
  198. package/styles/highcontrast-light-lite.css +426 -426
  199. package/styles/highcontrast-light.css +622 -622
  200. package/styles/highcontrast-lite.css +427 -427
  201. package/styles/highcontrast.css +623 -623
  202. package/styles/material-dark-lite.css +515 -515
  203. package/styles/material-dark.css +625 -625
  204. package/styles/material-lite.css +545 -545
  205. package/styles/material.css +623 -623
  206. package/styles/material3-dark-lite.css +649 -649
  207. package/styles/material3-dark.css +1216 -1216
  208. package/styles/material3-lite.css +644 -644
  209. package/styles/material3.css +1085 -1085
  210. package/styles/tailwind-dark-lite.css +506 -506
  211. package/styles/tailwind-dark.css +640 -640
  212. package/styles/tailwind-lite.css +505 -505
  213. package/styles/tailwind.css +640 -640
  214. package/styles/tailwind3-lite.css +905 -905
  215. package/styles/tailwind3.css +1132 -1132
  216. package/styles/timepicker/_all.bds.scss +1 -1
  217. package/styles/timepicker/_all.bootstrap-dark.scss +1 -1
  218. package/styles/timepicker/_all.bootstrap.scss +1 -1
  219. package/styles/timepicker/_all.bootstrap4.scss +1 -1
  220. package/styles/timepicker/_all.bootstrap5-dark.scss +1 -1
  221. package/styles/timepicker/_all.bootstrap5.3.scss +1 -1
  222. package/styles/timepicker/_all.bootstrap5.scss +1 -1
  223. package/styles/timepicker/_all.fabric-dark.scss +1 -1
  224. package/styles/timepicker/_all.fabric.scss +1 -1
  225. package/styles/timepicker/_all.fluent-dark.scss +1 -1
  226. package/styles/timepicker/_all.fluent.scss +1 -1
  227. package/styles/timepicker/_all.fluent2.scss +1 -1
  228. package/styles/timepicker/_all.highcontrast-light.scss +1 -1
  229. package/styles/timepicker/_all.highcontrast.scss +1 -1
  230. package/styles/timepicker/_all.material-dark.scss +1 -1
  231. package/styles/timepicker/_all.material.scss +1 -1
  232. package/styles/timepicker/_all.material3-dark.scss +1 -1
  233. package/styles/timepicker/_all.material3.scss +1 -1
  234. package/styles/timepicker/_all.tailwind-dark.scss +1 -1
  235. package/styles/timepicker/_all.tailwind.scss +1 -1
  236. package/styles/timepicker/_all.tailwind3.scss +1 -1
  237. package/styles/timepicker/bds.css +62 -62
  238. package/styles/timepicker/bootstrap-dark.css +58 -58
  239. package/styles/timepicker/bootstrap.css +58 -58
  240. package/styles/timepicker/bootstrap4.css +60 -60
  241. package/styles/timepicker/bootstrap5-dark.css +60 -60
  242. package/styles/timepicker/bootstrap5.3.css +144 -144
  243. package/styles/timepicker/bootstrap5.css +60 -60
  244. package/styles/timepicker/fabric-dark.css +58 -58
  245. package/styles/timepicker/fabric.css +58 -58
  246. package/styles/timepicker/fluent-dark.css +58 -58
  247. package/styles/timepicker/fluent.css +58 -58
  248. package/styles/timepicker/fluent2.css +144 -144
  249. package/styles/timepicker/highcontrast-light.css +58 -58
  250. package/styles/timepicker/highcontrast.css +58 -58
  251. package/styles/timepicker/material-dark.css +66 -66
  252. package/styles/timepicker/material.css +76 -76
  253. package/styles/timepicker/material3-dark.css +145 -145
  254. package/styles/timepicker/material3.css +147 -147
  255. package/styles/timepicker/tailwind-dark.css +58 -58
  256. package/styles/timepicker/tailwind.css +58 -58
  257. package/styles/timepicker/tailwind3.css +146 -146
package/styles/timepicker/material3-dark.css CHANGED
@@ -136,151 +136,6 @@
136
136
 
137
137
 
138
138
 
139
- /* Font Family */
140
- /* Font Sizes */
141
- /* Radius */
142
- /* 1px */
143
- /* 2px */
144
- /* 3px */
145
- /* 4px */
146
- /* 5px */
147
- /* 6px */
148
- /* 7px */
149
- /* 8px */
150
- /* 9px */
151
- /* 10px */
152
- /* 11px */
153
- /* 12px */
154
- /* 13px */
155
- /* 14px */
156
- /* 15px */
157
- /* 16px */
158
- /* 17px */
159
- /* 18px */
160
- /* 19px */
161
- /* 20px */
162
- /* 21px */
163
- /* 22px */
164
- /* 23px */
165
- /* 24px */
166
- /* 25px */
167
- /* 26px */
168
- /* 27px */
169
- /* 28px */
170
- /* 29px */
171
- /* 30px */
172
- /* 31px */
173
- /* 32px */
174
- /* 33px */
175
- /* 34px */
176
- /* 35px */
177
- /* 36px */
178
- /* 37px */
179
- /* 38px */
180
- /* 39px */
181
- /* 40px */
182
- /* 41px */
183
- /* 42px */
184
- /* 43px */
185
- /* 44px */
186
- /* 45px */
187
- /* 46px */
188
- /* 47px */
189
- /* 48px */
190
- /* 49px */
191
- /* 50px */
192
- /* 5em */
193
- /* 65% */
194
- /* border */
195
- /* 0px */
196
- /* 1px */
197
- /* 1.5px */
198
- /* 2px */
199
- /* 3px */
200
- /* 4px */
201
- /* 5px */
202
- /* 6px */
203
- /* 7px */
204
- /* 8px */
205
- /* 9px */
206
- /* 10px */
207
- /* 11px */
208
- /* 12px */
209
- /* 13px */
210
- /* 14px */
211
- /* 15px */
212
- /* 16px */
213
- .e-time-wrapper .e-input-group-icon.e-icons.e-active {
214
- color: rgba(var(--color-sf-on-surface-variant));
215
- }
216
- .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
217
- color: rgba(var(--color-sf-on-surface-variant));
218
- border: 1px;
219
- border-radius: calc(var(--e-radius) * 1.25);
220
- background: rgba(var(--color-sf-on-surface), 0.12);
221
- }
222
-
223
- .e-timepicker.e-popup {
224
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
225
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
226
- border: none;
227
- border-radius: calc(var(--e-radius) * 0.25);
228
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
229
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
230
- }
231
- .e-timepicker.e-popup .e-list-parent.e-ul {
232
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
233
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
234
- }
235
- .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
236
- border: none;
237
- color: rgba(var(--color-sf-on-surface));
238
- }
239
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
240
- color: rgba(var(--color-sf-on-surface), 0.38);
241
- opacity: 1;
242
- pointer-events: none;
243
- -ms-touch-action: none;
244
- touch-action: none;
245
- }
246
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
247
- background: rgba(var(--color-sf-on-surface), 0.05);
248
- border: none;
249
- color: rgba(var(--color-sf-on-surface));
250
- }
251
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
252
- background: rgba(var(--color-sf-primary));
253
- color: rgba(var(--color-sf-on-primary));
254
- }
255
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
256
- background: rgba(var(--color-sf-primary));
257
- color: rgba(var(--color-sf-on-primary));
258
- }
259
-
260
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
261
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
262
- color: rgba(var(--color-sf-on-surface));
263
- }
264
-
265
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
266
- .e-datetimepicker.e-popup-expand .e-model-header {
267
- background-color: rgba(var(--color-sf-primary));
268
- color: rgba(var(--color-sf-on-primary));
269
- }
270
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
271
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
272
- color: rgba(var(--color-sf-on-primary));
273
- font-weight: 500;
274
- }
275
-
276
-
277
-
278
-
279
-
280
-
281
-
282
-
283
-
284
139
  /* Font Family */
285
140
  /* Font Sizes */
286
141
  /* Radius */
@@ -579,6 +434,151 @@
579
434
 
580
435
 
581
436
 
437
+ /* Font Family */
438
+ /* Font Sizes */
439
+ /* Radius */
440
+ /* 1px */
441
+ /* 2px */
442
+ /* 3px */
443
+ /* 4px */
444
+ /* 5px */
445
+ /* 6px */
446
+ /* 7px */
447
+ /* 8px */
448
+ /* 9px */
449
+ /* 10px */
450
+ /* 11px */
451
+ /* 12px */
452
+ /* 13px */
453
+ /* 14px */
454
+ /* 15px */
455
+ /* 16px */
456
+ /* 17px */
457
+ /* 18px */
458
+ /* 19px */
459
+ /* 20px */
460
+ /* 21px */
461
+ /* 22px */
462
+ /* 23px */
463
+ /* 24px */
464
+ /* 25px */
465
+ /* 26px */
466
+ /* 27px */
467
+ /* 28px */
468
+ /* 29px */
469
+ /* 30px */
470
+ /* 31px */
471
+ /* 32px */
472
+ /* 33px */
473
+ /* 34px */
474
+ /* 35px */
475
+ /* 36px */
476
+ /* 37px */
477
+ /* 38px */
478
+ /* 39px */
479
+ /* 40px */
480
+ /* 41px */
481
+ /* 42px */
482
+ /* 43px */
483
+ /* 44px */
484
+ /* 45px */
485
+ /* 46px */
486
+ /* 47px */
487
+ /* 48px */
488
+ /* 49px */
489
+ /* 50px */
490
+ /* 5em */
491
+ /* 65% */
492
+ /* border */
493
+ /* 0px */
494
+ /* 1px */
495
+ /* 1.5px */
496
+ /* 2px */
497
+ /* 3px */
498
+ /* 4px */
499
+ /* 5px */
500
+ /* 6px */
501
+ /* 7px */
502
+ /* 8px */
503
+ /* 9px */
504
+ /* 10px */
505
+ /* 11px */
506
+ /* 12px */
507
+ /* 13px */
508
+ /* 14px */
509
+ /* 15px */
510
+ /* 16px */
511
+ .e-time-wrapper .e-input-group-icon.e-icons.e-active {
512
+ color: rgba(var(--color-sf-on-surface-variant));
513
+ }
514
+ .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
515
+ color: rgba(var(--color-sf-on-surface-variant));
516
+ border: 1px;
517
+ border-radius: calc(var(--e-radius) * 1.25);
518
+ background: rgba(var(--color-sf-on-surface), 0.12);
519
+ }
520
+
521
+ .e-timepicker.e-popup {
522
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
523
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
524
+ border: none;
525
+ border-radius: calc(var(--e-radius) * 0.25);
526
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
527
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
528
+ }
529
+ .e-timepicker.e-popup .e-list-parent.e-ul {
530
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
531
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
532
+ }
533
+ .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
534
+ border: none;
535
+ color: rgba(var(--color-sf-on-surface));
536
+ }
537
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
538
+ color: rgba(var(--color-sf-on-surface), 0.38);
539
+ opacity: 1;
540
+ pointer-events: none;
541
+ -ms-touch-action: none;
542
+ touch-action: none;
543
+ }
544
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
545
+ background: rgba(var(--color-sf-on-surface), 0.05);
546
+ border: none;
547
+ color: rgba(var(--color-sf-on-surface));
548
+ }
549
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
550
+ background: rgba(var(--color-sf-primary));
551
+ color: rgba(var(--color-sf-on-primary));
552
+ }
553
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
554
+ background: rgba(var(--color-sf-primary));
555
+ color: rgba(var(--color-sf-on-primary));
556
+ }
557
+
558
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
559
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
560
+ color: rgba(var(--color-sf-on-surface));
561
+ }
562
+
563
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
564
+ .e-datetimepicker.e-popup-expand .e-model-header {
565
+ background-color: rgba(var(--color-sf-primary));
566
+ color: rgba(var(--color-sf-on-primary));
567
+ }
568
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
569
+ .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
570
+ color: rgba(var(--color-sf-on-primary));
571
+ font-weight: 500;
572
+ }
573
+
574
+
575
+
576
+
577
+
578
+
579
+
580
+
581
+
582
582
  /* Font Family */
583
583
  /* Font Sizes */
584
584
  /* Radius */
package/styles/timepicker/material3.css CHANGED
@@ -138,153 +138,6 @@
138
138
 
139
139
 
140
140
 
141
- /* Font Family */
142
- /* Font Sizes */
143
- /* Radius */
144
- /* 1px */
145
- /* 2px */
146
- /* 3px */
147
- /* 4px */
148
- /* 5px */
149
- /* 6px */
150
- /* 7px */
151
- /* 8px */
152
- /* 9px */
153
- /* 10px */
154
- /* 11px */
155
- /* 12px */
156
- /* 13px */
157
- /* 14px */
158
- /* 15px */
159
- /* 16px */
160
- /* 17px */
161
- /* 18px */
162
- /* 19px */
163
- /* 20px */
164
- /* 21px */
165
- /* 22px */
166
- /* 23px */
167
- /* 24px */
168
- /* 25px */
169
- /* 26px */
170
- /* 27px */
171
- /* 28px */
172
- /* 29px */
173
- /* 30px */
174
- /* 31px */
175
- /* 32px */
176
- /* 33px */
177
- /* 34px */
178
- /* 35px */
179
- /* 36px */
180
- /* 37px */
181
- /* 38px */
182
- /* 39px */
183
- /* 40px */
184
- /* 41px */
185
- /* 42px */
186
- /* 43px */
187
- /* 44px */
188
- /* 45px */
189
- /* 46px */
190
- /* 47px */
191
- /* 48px */
192
- /* 49px */
193
- /* 50px */
194
- /* 5em */
195
- /* 65% */
196
- /* border */
197
- /* 0px */
198
- /* 1px */
199
- /* 1.5px */
200
- /* 2px */
201
- /* 3px */
202
- /* 4px */
203
- /* 5px */
204
- /* 6px */
205
- /* 7px */
206
- /* 8px */
207
- /* 9px */
208
- /* 10px */
209
- /* 11px */
210
- /* 12px */
211
- /* 13px */
212
- /* 14px */
213
- /* 15px */
214
- /* 16px */
215
-
216
-
217
- .e-time-wrapper .e-input-group-icon.e-icons.e-active {
218
- color: rgba(var(--color-sf-on-surface-variant));
219
- }
220
- .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
221
- color: rgba(var(--color-sf-on-surface-variant));
222
- border: 1px;
223
- border-radius: calc(var(--e-radius) * 1.25);
224
- background: rgba(var(--color-sf-on-surface), 0.12);
225
- }
226
-
227
- .e-timepicker.e-popup {
228
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
229
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
230
- border: none;
231
- border-radius: calc(var(--e-radius) * 0.25);
232
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
233
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
234
- }
235
- .e-timepicker.e-popup .e-list-parent.e-ul {
236
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
237
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
238
- }
239
- .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
240
- border: none;
241
- color: rgba(var(--color-sf-on-surface));
242
- }
243
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
244
- color: rgba(var(--color-sf-on-surface), 0.38);
245
- opacity: 1;
246
- pointer-events: none;
247
- -ms-touch-action: none;
248
- touch-action: none;
249
- }
250
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
251
- background: rgba(var(--color-sf-on-surface), 0.05);
252
- border: none;
253
- color: rgba(var(--color-sf-on-surface));
254
- }
255
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
256
- background: rgba(var(--color-sf-primary));
257
- color: rgba(var(--color-sf-on-primary));
258
- }
259
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
260
- background: rgba(var(--color-sf-primary));
261
- color: rgba(var(--color-sf-on-primary));
262
- }
263
-
264
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
265
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
266
- color: rgba(var(--color-sf-on-surface));
267
- }
268
-
269
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
270
- .e-datetimepicker.e-popup-expand .e-model-header {
271
- background-color: rgba(var(--color-sf-primary));
272
- color: rgba(var(--color-sf-on-primary));
273
- }
274
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
275
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
276
- color: rgba(var(--color-sf-on-primary));
277
- font-weight: 500;
278
- }
279
-
280
-
281
-
282
-
283
-
284
-
285
-
286
-
287
-
288
141
  /* Font Family */
289
142
  /* Font Sizes */
290
143
  /* Radius */
@@ -585,6 +438,153 @@
585
438
 
586
439
 
587
440
 
441
+ /* Font Family */
442
+ /* Font Sizes */
443
+ /* Radius */
444
+ /* 1px */
445
+ /* 2px */
446
+ /* 3px */
447
+ /* 4px */
448
+ /* 5px */
449
+ /* 6px */
450
+ /* 7px */
451
+ /* 8px */
452
+ /* 9px */
453
+ /* 10px */
454
+ /* 11px */
455
+ /* 12px */
456
+ /* 13px */
457
+ /* 14px */
458
+ /* 15px */
459
+ /* 16px */
460
+ /* 17px */
461
+ /* 18px */
462
+ /* 19px */
463
+ /* 20px */
464
+ /* 21px */
465
+ /* 22px */
466
+ /* 23px */
467
+ /* 24px */
468
+ /* 25px */
469
+ /* 26px */
470
+ /* 27px */
471
+ /* 28px */
472
+ /* 29px */
473
+ /* 30px */
474
+ /* 31px */
475
+ /* 32px */
476
+ /* 33px */
477
+ /* 34px */
478
+ /* 35px */
479
+ /* 36px */
480
+ /* 37px */
481
+ /* 38px */
482
+ /* 39px */
483
+ /* 40px */
484
+ /* 41px */
485
+ /* 42px */
486
+ /* 43px */
487
+ /* 44px */
488
+ /* 45px */
489
+ /* 46px */
490
+ /* 47px */
491
+ /* 48px */
492
+ /* 49px */
493
+ /* 50px */
494
+ /* 5em */
495
+ /* 65% */
496
+ /* border */
497
+ /* 0px */
498
+ /* 1px */
499
+ /* 1.5px */
500
+ /* 2px */
501
+ /* 3px */
502
+ /* 4px */
503
+ /* 5px */
504
+ /* 6px */
505
+ /* 7px */
506
+ /* 8px */
507
+ /* 9px */
508
+ /* 10px */
509
+ /* 11px */
510
+ /* 12px */
511
+ /* 13px */
512
+ /* 14px */
513
+ /* 15px */
514
+ /* 16px */
515
+
516
+
517
+ .e-time-wrapper .e-input-group-icon.e-icons.e-active {
518
+ color: rgba(var(--color-sf-on-surface-variant));
519
+ }
520
+ .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
521
+ color: rgba(var(--color-sf-on-surface-variant));
522
+ border: 1px;
523
+ border-radius: calc(var(--e-radius) * 1.25);
524
+ background: rgba(var(--color-sf-on-surface), 0.12);
525
+ }
526
+
527
+ .e-timepicker.e-popup {
528
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
529
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
530
+ border: none;
531
+ border-radius: calc(var(--e-radius) * 0.25);
532
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
533
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
534
+ }
535
+ .e-timepicker.e-popup .e-list-parent.e-ul {
536
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
537
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
538
+ }
539
+ .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
540
+ border: none;
541
+ color: rgba(var(--color-sf-on-surface));
542
+ }
543
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
544
+ color: rgba(var(--color-sf-on-surface), 0.38);
545
+ opacity: 1;
546
+ pointer-events: none;
547
+ -ms-touch-action: none;
548
+ touch-action: none;
549
+ }
550
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation, .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
551
+ background: rgba(var(--color-sf-on-surface), 0.05);
552
+ border: none;
553
+ color: rgba(var(--color-sf-on-surface));
554
+ }
555
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
556
+ background: rgba(var(--color-sf-primary));
557
+ color: rgba(var(--color-sf-on-primary));
558
+ }
559
+ .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
560
+ background: rgba(var(--color-sf-primary));
561
+ color: rgba(var(--color-sf-on-primary));
562
+ }
563
+
564
+ .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
565
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
566
+ color: rgba(var(--color-sf-on-surface));
567
+ }
568
+
569
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
570
+ .e-datetimepicker.e-popup-expand .e-model-header {
571
+ background-color: rgba(var(--color-sf-primary));
572
+ color: rgba(var(--color-sf-on-primary));
573
+ }
574
+ .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
575
+ .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
576
+ color: rgba(var(--color-sf-on-primary));
577
+ font-weight: 500;
578
+ }
579
+
580
+
581
+
582
+
583
+
584
+
585
+
586
+
587
+
588
588
  /* Font Family */
589
589
  /* Font Sizes */
590
590
  /* Radius */