@syncfusion/ej2-angular-calendars 23.2.7 → 24.1.41-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 (440) 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/CHANGELOG.md +1334 -0
  6. package/dist/ej2-angular-calendars.umd.js +1093 -0
  7. package/dist/ej2-angular-calendars.umd.js.map +1 -0
  8. package/dist/ej2-angular-calendars.umd.min.js +11 -0
  9. package/dist/ej2-angular-calendars.umd.min.js.map +1 -0
  10. package/ej2-angular-calendars.d.ts +9 -0
  11. package/ej2-angular-calendars.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/calendar/calendar-all.module.d.ts +0 -6
  18. package/src/calendar/calendar.component.d.ts +0 -3
  19. package/src/calendar/calendar.module.d.ts +0 -6
  20. package/src/datepicker/datepicker-all.module.d.ts +0 -6
  21. package/src/datepicker/datepicker.component.d.ts +0 -3
  22. package/src/datepicker/datepicker.module.d.ts +0 -6
  23. package/src/daterangepicker/daterangepicker-all.module.d.ts +0 -6
  24. package/src/daterangepicker/daterangepicker.component.d.ts +0 -3
  25. package/src/daterangepicker/daterangepicker.module.d.ts +0 -7
  26. package/src/daterangepicker/presets.directive.d.ts +0 -5
  27. package/src/datetimepicker/datetimepicker-all.module.d.ts +0 -6
  28. package/src/datetimepicker/datetimepicker.component.d.ts +0 -3
  29. package/src/datetimepicker/datetimepicker.module.d.ts +0 -6
  30. package/src/timepicker/timepicker-all.module.d.ts +0 -6
  31. package/src/timepicker/timepicker.component.d.ts +0 -3
  32. package/src/timepicker/timepicker.module.d.ts +0 -6
  33. package/styles/bootstrap-dark.css +1 -2952
  34. package/styles/bootstrap.css +1 -2960
  35. package/styles/bootstrap4.css +1 -2988
  36. package/styles/bootstrap5-dark.css +1 -3118
  37. package/styles/bootstrap5.css +1 -3118
  38. package/styles/calendar/bootstrap-dark.css +1 -824
  39. package/styles/calendar/bootstrap-dark.scss +1 -5
  40. package/styles/calendar/bootstrap.css +1 -825
  41. package/styles/calendar/bootstrap.scss +1 -5
  42. package/styles/calendar/bootstrap4.css +1 -825
  43. package/styles/calendar/bootstrap4.scss +1 -5
  44. package/styles/calendar/bootstrap5-dark.css +1 -894
  45. package/styles/calendar/bootstrap5-dark.scss +1 -5
  46. package/styles/calendar/bootstrap5.css +1 -894
  47. package/styles/calendar/bootstrap5.scss +1 -5
  48. package/styles/calendar/fabric-dark.css +1 -830
  49. package/styles/calendar/fabric-dark.scss +1 -5
  50. package/styles/calendar/fabric.css +1 -835
  51. package/styles/calendar/fabric.scss +1 -5
  52. package/styles/calendar/fluent-dark.css +1 -1000
  53. package/styles/calendar/fluent-dark.scss +1 -5
  54. package/styles/calendar/fluent.css +1 -1000
  55. package/styles/calendar/fluent.scss +1 -5
  56. package/styles/calendar/highcontrast-light.css +1 -825
  57. package/styles/calendar/highcontrast-light.scss +1 -5
  58. package/styles/calendar/highcontrast.css +1 -835
  59. package/styles/calendar/highcontrast.scss +1 -5
  60. package/styles/calendar/material-dark.css +1 -834
  61. package/styles/calendar/material-dark.scss +1 -5
  62. package/styles/calendar/material.css +1 -835
  63. package/styles/calendar/material.scss +1 -5
  64. package/styles/calendar/material3-dark.css +1 -894
  65. package/styles/calendar/material3-dark.scss +1 -5
  66. package/styles/calendar/material3.css +1 -950
  67. package/styles/calendar/material3.scss +1 -5
  68. package/styles/calendar/tailwind-dark.css +1 -927
  69. package/styles/calendar/tailwind-dark.scss +1 -5
  70. package/styles/calendar/tailwind.css +1 -927
  71. package/styles/calendar/tailwind.scss +1 -5
  72. package/styles/datepicker/bootstrap-dark.css +1 -449
  73. package/styles/datepicker/bootstrap-dark.scss +1 -7
  74. package/styles/datepicker/bootstrap.css +1 -450
  75. package/styles/datepicker/bootstrap.scss +1 -7
  76. package/styles/datepicker/bootstrap4.css +1 -462
  77. package/styles/datepicker/bootstrap4.scss +1 -7
  78. package/styles/datepicker/bootstrap5-dark.css +1 -460
  79. package/styles/datepicker/bootstrap5-dark.scss +1 -7
  80. package/styles/datepicker/bootstrap5.css +1 -460
  81. package/styles/datepicker/bootstrap5.scss +1 -7
  82. package/styles/datepicker/fabric-dark.css +1 -442
  83. package/styles/datepicker/fabric-dark.scss +1 -7
  84. package/styles/datepicker/fabric.css +1 -443
  85. package/styles/datepicker/fabric.scss +1 -7
  86. package/styles/datepicker/fluent-dark.css +1 -460
  87. package/styles/datepicker/fluent-dark.scss +1 -7
  88. package/styles/datepicker/fluent.css +1 -460
  89. package/styles/datepicker/fluent.scss +1 -7
  90. package/styles/datepicker/highcontrast-light.css +1 -455
  91. package/styles/datepicker/highcontrast-light.scss +1 -7
  92. package/styles/datepicker/highcontrast.css +1 -456
  93. package/styles/datepicker/highcontrast.scss +1 -7
  94. package/styles/datepicker/material-dark.css +1 -491
  95. package/styles/datepicker/material-dark.scss +1 -7
  96. package/styles/datepicker/material.css +1 -500
  97. package/styles/datepicker/material.scss +1 -7
  98. package/styles/datepicker/material3-dark.css +1 -539
  99. package/styles/datepicker/material3-dark.scss +1 -7
  100. package/styles/datepicker/material3.css +1 -595
  101. package/styles/datepicker/material3.scss +1 -7
  102. package/styles/datepicker/tailwind-dark.css +1 -465
  103. package/styles/datepicker/tailwind-dark.scss +1 -7
  104. package/styles/datepicker/tailwind.css +1 -465
  105. package/styles/datepicker/tailwind.scss +1 -7
  106. package/styles/daterangepicker/bootstrap-dark.css +1 -1177
  107. package/styles/daterangepicker/bootstrap-dark.scss +1 -7
  108. package/styles/daterangepicker/bootstrap.css +1 -1183
  109. package/styles/daterangepicker/bootstrap.scss +1 -7
  110. package/styles/daterangepicker/bootstrap4.css +1 -1195
  111. package/styles/daterangepicker/bootstrap4.scss +1 -7
  112. package/styles/daterangepicker/bootstrap5-dark.css +1 -1257
  113. package/styles/daterangepicker/bootstrap5-dark.scss +1 -7
  114. package/styles/daterangepicker/bootstrap5.css +1 -1257
  115. package/styles/daterangepicker/bootstrap5.scss +1 -7
  116. package/styles/daterangepicker/fabric-dark.css +1 -1177
  117. package/styles/daterangepicker/fabric-dark.scss +1 -7
  118. package/styles/daterangepicker/fabric.css +1 -1178
  119. package/styles/daterangepicker/fabric.scss +1 -7
  120. package/styles/daterangepicker/fluent-dark.css +1 -1295
  121. package/styles/daterangepicker/fluent-dark.scss +1 -7
  122. package/styles/daterangepicker/fluent.css +1 -1295
  123. package/styles/daterangepicker/fluent.scss +1 -7
  124. package/styles/daterangepicker/highcontrast-light.css +1 -1177
  125. package/styles/daterangepicker/highcontrast-light.scss +1 -7
  126. package/styles/daterangepicker/highcontrast.css +1 -1178
  127. package/styles/daterangepicker/highcontrast.scss +1 -7
  128. package/styles/daterangepicker/material-dark.css +1 -1215
  129. package/styles/daterangepicker/material-dark.scss +1 -7
  130. package/styles/daterangepicker/material.css +1 -1229
  131. package/styles/daterangepicker/material.scss +1 -7
  132. package/styles/daterangepicker/material3-dark.css +1 -1325
  133. package/styles/daterangepicker/material3-dark.scss +1 -7
  134. package/styles/daterangepicker/material3.css +1 -1381
  135. package/styles/daterangepicker/material3.scss +1 -7
  136. package/styles/daterangepicker/tailwind-dark.css +1 -1196
  137. package/styles/daterangepicker/tailwind-dark.scss +1 -7
  138. package/styles/daterangepicker/tailwind.css +1 -1196
  139. package/styles/daterangepicker/tailwind.scss +1 -7
  140. package/styles/datetimepicker/bootstrap-dark.css +1 -190
  141. package/styles/datetimepicker/bootstrap-dark.scss +1 -8
  142. package/styles/datetimepicker/bootstrap.css +1 -190
  143. package/styles/datetimepicker/bootstrap.scss +1 -8
  144. package/styles/datetimepicker/bootstrap4.css +1 -192
  145. package/styles/datetimepicker/bootstrap4.scss +1 -8
  146. package/styles/datetimepicker/bootstrap5-dark.css +1 -191
  147. package/styles/datetimepicker/bootstrap5-dark.scss +1 -8
  148. package/styles/datetimepicker/bootstrap5.css +1 -191
  149. package/styles/datetimepicker/bootstrap5.scss +1 -8
  150. package/styles/datetimepicker/fabric-dark.css +1 -190
  151. package/styles/datetimepicker/fabric-dark.scss +1 -8
  152. package/styles/datetimepicker/fabric.css +1 -190
  153. package/styles/datetimepicker/fabric.scss +1 -8
  154. package/styles/datetimepicker/fluent-dark.css +1 -191
  155. package/styles/datetimepicker/fluent-dark.scss +1 -8
  156. package/styles/datetimepicker/fluent.css +1 -191
  157. package/styles/datetimepicker/fluent.scss +1 -8
  158. package/styles/datetimepicker/highcontrast-light.css +1 -190
  159. package/styles/datetimepicker/highcontrast-light.scss +1 -8
  160. package/styles/datetimepicker/highcontrast.css +1 -190
  161. package/styles/datetimepicker/highcontrast.scss +1 -8
  162. package/styles/datetimepicker/material-dark.css +1 -240
  163. package/styles/datetimepicker/material-dark.scss +1 -8
  164. package/styles/datetimepicker/material.css +1 -257
  165. package/styles/datetimepicker/material.scss +1 -8
  166. package/styles/datetimepicker/material3-dark.css +1 -282
  167. package/styles/datetimepicker/material3-dark.scss +1 -8
  168. package/styles/datetimepicker/material3.css +1 -338
  169. package/styles/datetimepicker/material3.scss +1 -8
  170. package/styles/datetimepicker/tailwind-dark.css +1 -191
  171. package/styles/datetimepicker/tailwind-dark.scss +1 -8
  172. package/styles/datetimepicker/tailwind.css +1 -191
  173. package/styles/datetimepicker/tailwind.scss +1 -8
  174. package/styles/fabric-dark.css +1 -2951
  175. package/styles/fabric.css +1 -2958
  176. package/styles/fluent-dark.css +1 -3260
  177. package/styles/fluent.css +1 -3260
  178. package/styles/highcontrast-light.css +1 -2959
  179. package/styles/highcontrast.css +1 -2971
  180. package/styles/material-dark.css +1 -3130
  181. package/styles/material.css +1 -3179
  182. package/styles/material3-dark.css +1 -3221
  183. package/styles/material3-dark.scss +0 -1
  184. package/styles/material3.css +1 -3277
  185. package/styles/material3.scss +0 -1
  186. package/styles/tailwind-dark.css +1 -3092
  187. package/styles/tailwind.css +1 -3092
  188. package/styles/timepicker/bootstrap-dark.css +1 -309
  189. package/styles/timepicker/bootstrap-dark.scss +1 -6
  190. package/styles/timepicker/bootstrap.css +1 -309
  191. package/styles/timepicker/bootstrap.scss +1 -6
  192. package/styles/timepicker/bootstrap4.css +1 -311
  193. package/styles/timepicker/bootstrap4.scss +1 -6
  194. package/styles/timepicker/bootstrap5-dark.css +1 -312
  195. package/styles/timepicker/bootstrap5-dark.scss +1 -6
  196. package/styles/timepicker/bootstrap5.css +1 -312
  197. package/styles/timepicker/bootstrap5.scss +1 -6
  198. package/styles/timepicker/fabric-dark.css +1 -309
  199. package/styles/timepicker/fabric-dark.scss +1 -6
  200. package/styles/timepicker/fabric.css +1 -309
  201. package/styles/timepicker/fabric.scss +1 -6
  202. package/styles/timepicker/fluent-dark.css +1 -310
  203. package/styles/timepicker/fluent-dark.scss +1 -6
  204. package/styles/timepicker/fluent.css +1 -310
  205. package/styles/timepicker/fluent.scss +1 -6
  206. package/styles/timepicker/highcontrast-light.css +1 -309
  207. package/styles/timepicker/highcontrast-light.scss +1 -6
  208. package/styles/timepicker/highcontrast.css +1 -309
  209. package/styles/timepicker/highcontrast.scss +1 -6
  210. package/styles/timepicker/material-dark.css +1 -347
  211. package/styles/timepicker/material-dark.scss +1 -6
  212. package/styles/timepicker/material.css +1 -355
  213. package/styles/timepicker/material.scss +1 -6
  214. package/styles/timepicker/material3-dark.css +1 -398
  215. package/styles/timepicker/material3-dark.scss +1 -6
  216. package/styles/timepicker/material3.css +1 -454
  217. package/styles/timepicker/material3.scss +1 -6
  218. package/styles/timepicker/tailwind-dark.css +1 -310
  219. package/styles/timepicker/tailwind-dark.scss +1 -6
  220. package/styles/timepicker/tailwind.css +1 -310
  221. package/styles/timepicker/tailwind.scss +1 -6
  222. package/esm2020/public_api.mjs +0 -3
  223. package/esm2020/src/calendar/calendar-all.module.mjs +0 -29
  224. package/esm2020/src/calendar/calendar.component.mjs +0 -91
  225. package/esm2020/src/calendar/calendar.module.mjs +0 -25
  226. package/esm2020/src/datepicker/datepicker-all.module.mjs +0 -29
  227. package/esm2020/src/datepicker/datepicker.component.mjs +0 -99
  228. package/esm2020/src/datepicker/datepicker.module.mjs +0 -25
  229. package/esm2020/src/daterangepicker/daterangepicker-all.module.mjs +0 -23
  230. package/esm2020/src/daterangepicker/daterangepicker.component.mjs +0 -103
  231. package/esm2020/src/daterangepicker/daterangepicker.module.mjs +0 -34
  232. package/esm2020/src/daterangepicker/presets.directive.mjs +0 -58
  233. package/esm2020/src/datetimepicker/datetimepicker-all.module.mjs +0 -23
  234. package/esm2020/src/datetimepicker/datetimepicker.component.mjs +0 -99
  235. package/esm2020/src/datetimepicker/datetimepicker.module.mjs +0 -25
  236. package/esm2020/src/index.mjs +0 -18
  237. package/esm2020/src/timepicker/timepicker-all.module.mjs +0 -23
  238. package/esm2020/src/timepicker/timepicker.component.mjs +0 -92
  239. package/esm2020/src/timepicker/timepicker.module.mjs +0 -25
  240. package/esm2020/syncfusion-ej2-angular-calendars.mjs +0 -5
  241. package/fesm2015/syncfusion-ej2-angular-calendars.mjs +0 -737
  242. package/fesm2015/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  243. package/fesm2020/syncfusion-ej2-angular-calendars.mjs +0 -737
  244. package/fesm2020/syncfusion-ej2-angular-calendars.mjs.map +0 -1
  245. package/styles/calendar/_all.scss +0 -2
  246. package/styles/calendar/_bootstrap-dark-definition.scss +0 -228
  247. package/styles/calendar/_bootstrap-definition.scss +0 -228
  248. package/styles/calendar/_bootstrap4-definition.scss +0 -228
  249. package/styles/calendar/_bootstrap5-dark-definition.scss +0 -1
  250. package/styles/calendar/_bootstrap5-definition.scss +0 -250
  251. package/styles/calendar/_fabric-dark-definition.scss +0 -192
  252. package/styles/calendar/_fabric-definition.scss +0 -190
  253. package/styles/calendar/_fluent-dark-definition.scss +0 -1
  254. package/styles/calendar/_fluent-definition.scss +0 -252
  255. package/styles/calendar/_fusionnew-definition.scss +0 -250
  256. package/styles/calendar/_highcontrast-definition.scss +0 -189
  257. package/styles/calendar/_highcontrast-light-definition.scss +0 -192
  258. package/styles/calendar/_layout.scss +0 -786
  259. package/styles/calendar/_material-dark-definition.scss +0 -194
  260. package/styles/calendar/_material-definition.scss +0 -189
  261. package/styles/calendar/_material3-dark-definition.scss +0 -1
  262. package/styles/calendar/_material3-definition.scss +0 -195
  263. package/styles/calendar/_tailwind-dark-definition.scss +0 -1
  264. package/styles/calendar/_tailwind-definition.scss +0 -262
  265. package/styles/calendar/_theme.scss +0 -534
  266. package/styles/calendar/icons/_bootstrap-dark.scss +0 -13
  267. package/styles/calendar/icons/_bootstrap.scss +0 -13
  268. package/styles/calendar/icons/_bootstrap4.scss +0 -13
  269. package/styles/calendar/icons/_bootstrap5-dark.scss +0 -1
  270. package/styles/calendar/icons/_bootstrap5.scss +0 -13
  271. package/styles/calendar/icons/_fabric-dark.scss +0 -13
  272. package/styles/calendar/icons/_fabric.scss +0 -13
  273. package/styles/calendar/icons/_fluent-dark.scss +0 -1
  274. package/styles/calendar/icons/_fluent.scss +0 -13
  275. package/styles/calendar/icons/_fusionnew.scss +0 -13
  276. package/styles/calendar/icons/_highcontrast-light.scss +0 -13
  277. package/styles/calendar/icons/_highcontrast.scss +0 -13
  278. package/styles/calendar/icons/_material-dark.scss +0 -13
  279. package/styles/calendar/icons/_material.scss +0 -13
  280. package/styles/calendar/icons/_material3-dark.scss +0 -1
  281. package/styles/calendar/icons/_material3.scss +0 -13
  282. package/styles/calendar/icons/_tailwind-dark.scss +0 -1
  283. package/styles/calendar/icons/_tailwind.scss +0 -13
  284. package/styles/datepicker/_all.scss +0 -2
  285. package/styles/datepicker/_bootstrap-dark-definition.scss +0 -97
  286. package/styles/datepicker/_bootstrap-definition.scss +0 -96
  287. package/styles/datepicker/_bootstrap4-definition.scss +0 -101
  288. package/styles/datepicker/_bootstrap5-dark-definition.scss +0 -1
  289. package/styles/datepicker/_bootstrap5-definition.scss +0 -107
  290. package/styles/datepicker/_fabric-dark-definition.scss +0 -98
  291. package/styles/datepicker/_fabric-definition.scss +0 -95
  292. package/styles/datepicker/_fluent-dark-definition.scss +0 -1
  293. package/styles/datepicker/_fluent-definition.scss +0 -107
  294. package/styles/datepicker/_fusionnew-definition.scss +0 -107
  295. package/styles/datepicker/_highcontrast-definition.scss +0 -96
  296. package/styles/datepicker/_highcontrast-light-definition.scss +0 -99
  297. package/styles/datepicker/_layout.scss +0 -434
  298. package/styles/datepicker/_material-dark-definition.scss +0 -103
  299. package/styles/datepicker/_material-definition.scss +0 -100
  300. package/styles/datepicker/_material3-dark-definition.scss +0 -1
  301. package/styles/datepicker/_material3-definition.scss +0 -116
  302. package/styles/datepicker/_tailwind-dark-definition.scss +0 -1
  303. package/styles/datepicker/_tailwind-definition.scss +0 -105
  304. package/styles/datepicker/_theme.scss +0 -53
  305. package/styles/datepicker/icons/_bootstrap-dark.scss +0 -73
  306. package/styles/datepicker/icons/_bootstrap.scss +0 -72
  307. package/styles/datepicker/icons/_bootstrap4.scss +0 -76
  308. package/styles/datepicker/icons/_bootstrap5-dark.scss +0 -1
  309. package/styles/datepicker/icons/_bootstrap5.scss +0 -76
  310. package/styles/datepicker/icons/_fabric-dark.scss +0 -65
  311. package/styles/datepicker/icons/_fabric.scss +0 -65
  312. package/styles/datepicker/icons/_fluent-dark.scss +0 -1
  313. package/styles/datepicker/icons/_fluent.scss +0 -76
  314. package/styles/datepicker/icons/_fusionnew.scss +0 -76
  315. package/styles/datepicker/icons/_highcontrast-light.scss +0 -72
  316. package/styles/datepicker/icons/_highcontrast.scss +0 -72
  317. package/styles/datepicker/icons/_material-dark.scss +0 -99
  318. package/styles/datepicker/icons/_material.scss +0 -99
  319. package/styles/datepicker/icons/_material3-dark.scss +0 -1
  320. package/styles/datepicker/icons/_material3.scss +0 -79
  321. package/styles/datepicker/icons/_tailwind-dark.scss +0 -1
  322. package/styles/datepicker/icons/_tailwind.scss +0 -76
  323. package/styles/daterangepicker/_all.scss +0 -2
  324. package/styles/daterangepicker/_bootstrap-dark-definition.scss +0 -258
  325. package/styles/daterangepicker/_bootstrap-definition.scss +0 -258
  326. package/styles/daterangepicker/_bootstrap4-definition.scss +0 -268
  327. package/styles/daterangepicker/_bootstrap5-dark-definition.scss +0 -1
  328. package/styles/daterangepicker/_bootstrap5-definition.scss +0 -296
  329. package/styles/daterangepicker/_fabric-dark-definition.scss +0 -261
  330. package/styles/daterangepicker/_fabric-definition.scss +0 -258
  331. package/styles/daterangepicker/_fluent-dark-definition.scss +0 -1
  332. package/styles/daterangepicker/_fluent-definition.scss +0 -322
  333. package/styles/daterangepicker/_fusionnew-definition.scss +0 -295
  334. package/styles/daterangepicker/_highcontrast-definition.scss +0 -258
  335. package/styles/daterangepicker/_highcontrast-light-definition.scss +0 -261
  336. package/styles/daterangepicker/_layout.scss +0 -1034
  337. package/styles/daterangepicker/_material-dark-definition.scss +0 -266
  338. package/styles/daterangepicker/_material-definition.scss +0 -266
  339. package/styles/daterangepicker/_material3-dark-definition.scss +0 -1
  340. package/styles/daterangepicker/_material3-definition.scss +0 -281
  341. package/styles/daterangepicker/_tailwind-dark-definition.scss +0 -1
  342. package/styles/daterangepicker/_tailwind-definition.scss +0 -287
  343. package/styles/daterangepicker/_theme.scss +0 -455
  344. package/styles/daterangepicker/icons/_bootstrap-dark.scss +0 -85
  345. package/styles/daterangepicker/icons/_bootstrap.scss +0 -85
  346. package/styles/daterangepicker/icons/_bootstrap4.scss +0 -94
  347. package/styles/daterangepicker/icons/_bootstrap5-dark.scss +0 -1
  348. package/styles/daterangepicker/icons/_bootstrap5.scss +0 -92
  349. package/styles/daterangepicker/icons/_fabric-dark.scss +0 -85
  350. package/styles/daterangepicker/icons/_fabric.scss +0 -85
  351. package/styles/daterangepicker/icons/_fluent-dark.scss +0 -1
  352. package/styles/daterangepicker/icons/_fluent.scss +0 -92
  353. package/styles/daterangepicker/icons/_fusionnew.scss +0 -92
  354. package/styles/daterangepicker/icons/_highcontrast-light.scss +0 -85
  355. package/styles/daterangepicker/icons/_highcontrast.scss +0 -85
  356. package/styles/daterangepicker/icons/_material-dark.scss +0 -119
  357. package/styles/daterangepicker/icons/_material.scss +0 -119
  358. package/styles/daterangepicker/icons/_material3-dark.scss +0 -1
  359. package/styles/daterangepicker/icons/_material3.scss +0 -129
  360. package/styles/daterangepicker/icons/_tailwind-dark.scss +0 -1
  361. package/styles/daterangepicker/icons/_tailwind.scss +0 -92
  362. package/styles/datetimepicker/_all.scss +0 -2
  363. package/styles/datetimepicker/_bootstrap-dark-definition.scss +0 -60
  364. package/styles/datetimepicker/_bootstrap-definition.scss +0 -59
  365. package/styles/datetimepicker/_bootstrap4-definition.scss +0 -65
  366. package/styles/datetimepicker/_bootstrap5-dark-definition.scss +0 -1
  367. package/styles/datetimepicker/_bootstrap5-definition.scss +0 -65
  368. package/styles/datetimepicker/_fabric-dark-definition.scss +0 -60
  369. package/styles/datetimepicker/_fabric-definition.scss +0 -57
  370. package/styles/datetimepicker/_fluent-dark-definition.scss +0 -1
  371. package/styles/datetimepicker/_fluent-definition.scss +0 -65
  372. package/styles/datetimepicker/_fusionnew-definition.scss +0 -65
  373. package/styles/datetimepicker/_highcontrast-definition.scss +0 -57
  374. package/styles/datetimepicker/_highcontrast-light-definition.scss +0 -60
  375. package/styles/datetimepicker/_layout.scss +0 -238
  376. package/styles/datetimepicker/_material-dark-definition.scss +0 -64
  377. package/styles/datetimepicker/_material-definition.scss +0 -62
  378. package/styles/datetimepicker/_material3-dark-definition.scss +0 -1
  379. package/styles/datetimepicker/_material3-definition.scss +0 -71
  380. package/styles/datetimepicker/_tailwind-dark-definition.scss +0 -1
  381. package/styles/datetimepicker/_tailwind-definition.scss +0 -65
  382. package/styles/datetimepicker/_theme.scss +0 -70
  383. package/styles/datetimepicker/icons/_bootstrap-dark.scss +0 -11
  384. package/styles/datetimepicker/icons/_bootstrap.scss +0 -11
  385. package/styles/datetimepicker/icons/_bootstrap4.scss +0 -11
  386. package/styles/datetimepicker/icons/_bootstrap5-dark.scss +0 -1
  387. package/styles/datetimepicker/icons/_bootstrap5.scss +0 -11
  388. package/styles/datetimepicker/icons/_fabric-dark.scss +0 -11
  389. package/styles/datetimepicker/icons/_fabric.scss +0 -11
  390. package/styles/datetimepicker/icons/_fluent-dark.scss +0 -1
  391. package/styles/datetimepicker/icons/_fluent.scss +0 -11
  392. package/styles/datetimepicker/icons/_fusionnew.scss +0 -11
  393. package/styles/datetimepicker/icons/_highcontrast-light.scss +0 -11
  394. package/styles/datetimepicker/icons/_highcontrast.scss +0 -11
  395. package/styles/datetimepicker/icons/_material-dark.scss +0 -53
  396. package/styles/datetimepicker/icons/_material.scss +0 -62
  397. package/styles/datetimepicker/icons/_material3-dark.scss +0 -1
  398. package/styles/datetimepicker/icons/_material3.scss +0 -11
  399. package/styles/datetimepicker/icons/_tailwind-dark.scss +0 -1
  400. package/styles/datetimepicker/icons/_tailwind.scss +0 -11
  401. package/styles/timepicker/_all.scss +0 -2
  402. package/styles/timepicker/_bootstrap-dark-definition.scss +0 -80
  403. package/styles/timepicker/_bootstrap-definition.scss +0 -77
  404. package/styles/timepicker/_bootstrap4-definition.scss +0 -85
  405. package/styles/timepicker/_bootstrap5-dark-definition.scss +0 -1
  406. package/styles/timepicker/_bootstrap5-definition.scss +0 -86
  407. package/styles/timepicker/_fabric-dark-definition.scss +0 -80
  408. package/styles/timepicker/_fabric-definition.scss +0 -77
  409. package/styles/timepicker/_fluent-dark-definition.scss +0 -1
  410. package/styles/timepicker/_fluent-definition.scss +0 -86
  411. package/styles/timepicker/_fusionnew-definition.scss +0 -86
  412. package/styles/timepicker/_highcontrast-definition.scss +0 -77
  413. package/styles/timepicker/_highcontrast-light-definition.scss +0 -80
  414. package/styles/timepicker/_layout.scss +0 -303
  415. package/styles/timepicker/_material-dark-definition.scss +0 -84
  416. package/styles/timepicker/_material-definition.scss +0 -81
  417. package/styles/timepicker/_material3-dark-definition.scss +0 -1
  418. package/styles/timepicker/_material3-definition.scss +0 -99
  419. package/styles/timepicker/_tailwind-dark-definition.scss +0 -1
  420. package/styles/timepicker/_tailwind-definition.scss +0 -84
  421. package/styles/timepicker/_theme.scss +0 -114
  422. package/styles/timepicker/icons/_bootstrap-dark.scss +0 -23
  423. package/styles/timepicker/icons/_bootstrap.scss +0 -24
  424. package/styles/timepicker/icons/_bootstrap4.scss +0 -24
  425. package/styles/timepicker/icons/_bootstrap5-dark.scss +0 -1
  426. package/styles/timepicker/icons/_bootstrap5.scss +0 -24
  427. package/styles/timepicker/icons/_fabric-dark.scss +0 -24
  428. package/styles/timepicker/icons/_fabric.scss +0 -24
  429. package/styles/timepicker/icons/_fluent-dark.scss +0 -1
  430. package/styles/timepicker/icons/_fluent.scss +0 -24
  431. package/styles/timepicker/icons/_fusionnew.scss +0 -24
  432. package/styles/timepicker/icons/_highcontrast-light.scss +0 -24
  433. package/styles/timepicker/icons/_highcontrast.scss +0 -24
  434. package/styles/timepicker/icons/_material-dark.scss +0 -52
  435. package/styles/timepicker/icons/_material.scss +0 -54
  436. package/styles/timepicker/icons/_material3-dark.scss +0 -1
  437. package/styles/timepicker/icons/_material3.scss +0 -24
  438. package/styles/timepicker/icons/_tailwind-dark.scss +0 -1
  439. package/styles/timepicker/icons/_tailwind.scss +0 -24
  440. package/syncfusion-ej2-angular-calendars.d.ts +0 -5
@@ -1,3221 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 208, 188, 255;
5
- --color-sf-primary-container: 79, 55, 139;
6
- --color-sf-secondary: 204, 194, 220;
7
- --color-sf-secondary-container: 74, 68, 88;
8
- --color-sf-tertiary: 239, 184, 200;
9
- --color-sf-tertiary-container: 99, 59, 72;
10
- --color-sf-surface: 28, 27, 31;
11
- --color-sf-surface-variant: 73, 69, 79;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 55, 30, 115;
14
- --color-sf-on-primary-container: 234, 221, 255;
15
- --color-sf-on-secondary: 51, 45, 65;
16
- --color-sf-on-secondary-container: 232, 222, 248;
17
- --color-sf-on-tertiary: 73, 37, 50;
18
- --color-sf-on-tertiary-containe: 255, 216, 228;
19
- --color-sf-on-surface: 230, 225, 229;
20
- --color-sf-on-surface-variant: 202, 196, 208;
21
- --color-sf-on-background: 230, 225, 229;
22
- --color-sf-outline: 147, 143, 153;
23
- --color-sf-outline-variant: 68, 71, 70;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 208, 188, 255;
26
- --color-sf-inverse-surface: 230, 225, 229;
27
- --color-sf-inverse-on-surface: 49, 48, 51;
28
- --color-sf-inverse-primary: 103, 80, 164;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 242, 184, 181;
31
- --color-sf-error-container: 140, 29, 24;
32
- --color-sf-on-error: 96, 20, 16;
33
- --color-sf-on-error-container: 249, 222, 220;
34
- --color-sf-success: 83, 202, 23;
35
- --color-sf-success-container: 22, 62, 2;
36
- --color-sf-on-success: 13, 39, 0;
37
- --color-sf-on-success-container: 183, 250, 150;
38
- --color-sf-info: 71, 172, 251;
39
- --color-sf-info-container: 0, 67, 120;
40
- --color-sf-on-info: 0, 51, 91;
41
- --color-sf-on-info-container: 173, 219, 255;
42
- --color-sf-warning: 245, 180, 130;
43
- --color-sf-warning-container: 123, 65, 0;
44
- --color-sf-on-warning: 99, 52, 0;
45
- --color-sf-on-warning-container: 255, 220, 193;
46
- --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
48
- --color-sf-success-text: 0, 0, 0;
49
- --color-sf-warning-text: 0, 0, 0;
50
- --color-sf-info-text: 0, 0, 0;
51
- --color-sf-danger-text: 0, 0, 0;
52
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
- }
55
-
56
- /*! calendar material3 theme variables */
57
- /*! component icons */
58
- .e-calendar .e-header .e-date-icon-prev::before {
59
- content: "\e765";
60
- }
61
- .e-calendar .e-header .e-date-icon-next::before {
62
- content: "\e748";
63
- }
64
-
65
- /*! calendar layout */
66
- ejs-calendar {
67
- display: block;
68
- }
69
-
70
- .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next {
71
- cursor: default;
72
- pointer-events: none;
73
- -ms-touch-action: none;
74
- touch-action: none;
75
- }
76
- .e-calendar.e-disabled .e-header .e-title {
77
- cursor: default;
78
- pointer-events: none;
79
- -ms-touch-action: none;
80
- touch-action: none;
81
- }
82
- .e-calendar.e-disabled .e-content td {
83
- pointer-events: none;
84
- -ms-touch-action: none;
85
- touch-action: none;
86
- }
87
- .e-calendar.e-disabled .e-btn.e-today {
88
- pointer-events: none;
89
- -ms-touch-action: none;
90
- touch-action: none;
91
- }
92
-
93
- .e-calendar,
94
- .e-bigger.e-small .e-calendar {
95
- /* stylelint-disable property-no-vendor-prefix */
96
- -webkit-tap-highlight-color: transparent;
97
- border-radius: 2px;
98
- display: block;
99
- overflow: auto;
100
- -webkit-user-select: none;
101
- -ms-user-select: none;
102
- user-select: none;
103
- }
104
- .e-calendar.e-rtl .e-header .e-title,
105
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
106
- float: right;
107
- text-align: right;
108
- }
109
- .e-calendar.e-rtl .e-header .e-icon-container,
110
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
111
- float: left;
112
- }
113
- .e-calendar .e-header,
114
- .e-bigger.e-small .e-calendar .e-header {
115
- background: none;
116
- display: table;
117
- font-weight: 500;
118
- position: relative;
119
- text-align: center;
120
- width: 100%;
121
- }
122
- .e-calendar .e-header button,
123
- .e-bigger.e-small .e-calendar .e-header button {
124
- background: transparent;
125
- border: 0;
126
- margin-right: 0;
127
- padding: 0;
128
- text-decoration: none;
129
- }
130
- .e-calendar .e-header span,
131
- .e-bigger.e-small .e-calendar .e-header span {
132
- cursor: pointer;
133
- display: inline-block;
134
- font-size: 15px;
135
- font-weight: 500;
136
- line-height: 16px;
137
- padding: 10px;
138
- vertical-align: middle;
139
- }
140
- .e-calendar .e-header span.e-disabled,
141
- .e-bigger.e-small .e-calendar .e-header span.e-disabled {
142
- cursor: default;
143
- }
144
- .e-calendar .e-week-header,
145
- .e-bigger.e-small .e-calendar .e-week-header {
146
- padding: 0;
147
- }
148
- .e-calendar th,
149
- .e-bigger.e-small .e-calendar th {
150
- cursor: default;
151
- font-size: 13px;
152
- font-weight: normal;
153
- text-align: center;
154
- }
155
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
156
- .e-bigger.e-small .e-calendar .e-content .e-selected,
157
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
158
- border-radius: 0;
159
- }
160
- .e-calendar .e-content span.e-day,
161
- .e-bigger.e-small .e-calendar .e-content span.e-day {
162
- border-radius: 0;
163
- cursor: pointer;
164
- display: inline-block;
165
- font-size: 13px;
166
- overflow: hidden;
167
- padding: 0;
168
- text-align: center;
169
- text-decoration: none;
170
- vertical-align: middle;
171
- }
172
- .e-calendar .e-content th, .e-calendar .e-content td,
173
- .e-bigger.e-small .e-calendar .e-content th,
174
- .e-bigger.e-small .e-calendar .e-content td {
175
- box-sizing: border-box;
176
- }
177
- .e-calendar .e-content td.e-disabled,
178
- .e-bigger.e-small .e-calendar .e-content td.e-disabled {
179
- opacity: 0.35;
180
- pointer-events: none;
181
- -ms-touch-action: none;
182
- touch-action: none;
183
- }
184
- .e-calendar .e-content td.e-disabled.e-today,
185
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today {
186
- opacity: 1;
187
- }
188
- .e-calendar .e-content td.e-disabled.e-today span.e-day,
189
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
190
- box-shadow: none;
191
- color: rgba(var(--color-sf-on-surface), 0.38);
192
- }
193
- .e-calendar .e-content td,
194
- .e-bigger.e-small .e-calendar .e-content td {
195
- cursor: pointer;
196
- padding: 2px;
197
- text-align: center;
198
- }
199
- .e-calendar .e-content td.e-week-number,
200
- .e-bigger.e-small .e-calendar .e-content td.e-week-number {
201
- color: rgba(var(--color-sf-on-surface-variant));
202
- font-size: 12px;
203
- font-style: italic;
204
- font-weight: 500;
205
- }
206
- .e-calendar .e-content td.e-overlay,
207
- .e-bigger.e-small .e-calendar .e-content td.e-overlay {
208
- background: none;
209
- width: initial;
210
- }
211
- .e-calendar .e-content table,
212
- .e-bigger.e-small .e-calendar .e-content table {
213
- border-collapse: separate;
214
- border-spacing: 0;
215
- border-width: 0;
216
- float: left;
217
- margin: 0;
218
- outline: 0;
219
- padding: 0 10px 10px;
220
- table-layout: fixed;
221
- width: 100%;
222
- }
223
- .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day,
224
- .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
225
- .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
226
- display: inline-block;
227
- font-weight: normal;
228
- }
229
- .e-calendar .e-content tr.e-month-hide,
230
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
231
- display: none;
232
- font-weight: normal;
233
- }
234
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
235
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
236
- .e-bigger.e-small .e-calendar .e-content td.e-other-month,
237
- .e-bigger.e-small .e-calendar .e-content td.e-other-year {
238
- pointer-events: initial;
239
- -ms-touch-action: initial;
240
- touch-action: initial;
241
- }
242
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled,
243
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
244
- .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
245
- .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
246
- pointer-events: none;
247
- -ms-touch-action: none;
248
- touch-action: none;
249
- }
250
- .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
251
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
252
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
253
- background: transparent;
254
- cursor: default;
255
- }
256
- .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
257
- .e-bigger.e-small .e-calendar .e-header .e-prev,
258
- .e-bigger.e-small .e-calendar .e-header .e-next {
259
- border-radius: 32px;
260
- display: inline-block;
261
- font-size: 16px;
262
- vertical-align: middle;
263
- }
264
- .e-calendar .e-header .e-title,
265
- .e-bigger.e-small .e-calendar .e-header .e-title {
266
- cursor: pointer;
267
- display: inline-block;
268
- float: left;
269
- font-size: 14px;
270
- font-weight: 600;
271
- text-align: left;
272
- }
273
- .e-calendar .e-header .e-title,
274
- .e-bigger.e-small .e-calendar .e-header .e-title {
275
- margin-left: 5px;
276
- }
277
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
278
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
279
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
280
- cursor: pointer;
281
- }
282
- .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay,
283
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
284
- .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
285
- background: none;
286
- }
287
- .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title,
288
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
289
- .e-bigger.e-small .e-calendar .e-header.e-year .e-title {
290
- margin-left: 5px;
291
- }
292
- .e-calendar .e-header.e-decade .e-title,
293
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
294
- cursor: default;
295
- }
296
- .e-calendar .e-header .e-icon-container,
297
- .e-bigger.e-small .e-calendar .e-header .e-icon-container {
298
- display: inline-block;
299
- float: right;
300
- padding-top: 0;
301
- }
302
- .e-calendar .e-footer-container,
303
- .e-bigger.e-small .e-calendar .e-footer-container {
304
- text-transform: uppercase;
305
- }
306
-
307
- .e-calendar,
308
- .e-bigger.e-small .e-calendar {
309
- border-spacing: 0;
310
- max-width: 252px;
311
- min-width: 240px;
312
- padding: 0;
313
- min-height: 336px;
314
- }
315
- .e-calendar.e-calendar-day-header-lg,
316
- .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
317
- max-width: 100%;
318
- min-width: 540px;
319
- }
320
- .e-calendar.e-week-number,
321
- .e-bigger.e-small .e-calendar.e-week-number {
322
- min-width: 262px;
323
- }
324
- .e-calendar.e-week,
325
- .e-bigger.e-small .e-calendar.e-week {
326
- max-width: 252px;
327
- min-width: 240px;
328
- }
329
- .e-calendar .e-header .e-title,
330
- .e-bigger.e-small .e-calendar .e-header .e-title {
331
- line-height: 40px;
332
- }
333
- .e-calendar.e-rtl .e-header .e-title,
334
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
335
- text-align: right;
336
- text-indent: 4px;
337
- }
338
- .e-calendar .e-header,
339
- .e-bigger.e-small .e-calendar .e-header {
340
- height: 40px;
341
- }
342
- .e-calendar .e-header.e-month,
343
- .e-bigger.e-small .e-calendar .e-header.e-month {
344
- padding: 10px 10px 0 10px;
345
- }
346
- .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
347
- .e-bigger.e-small .e-calendar .e-header.e-year,
348
- .e-bigger.e-small .e-calendar .e-header.e-decade {
349
- padding: 10px 10px 0 10px;
350
- }
351
- .e-calendar th,
352
- .e-bigger.e-small .e-calendar th {
353
- font-weight: normal;
354
- height: 32px;
355
- text-transform: none;
356
- }
357
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
358
- .e-bigger.e-small .e-calendar .e-content .e-selected,
359
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
360
- border-radius: 0;
361
- }
362
- .e-calendar .e-content span.e-day,
363
- .e-bigger.e-small .e-calendar .e-content span.e-day {
364
- border: none;
365
- font-size: 13px;
366
- font-weight: normal;
367
- height: 32px;
368
- line-height: 32px;
369
- width: 32px;
370
- }
371
- .e-calendar .e-content.e-month td.e-today span.e-day,
372
- .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
373
- line-height: 30px;
374
- }
375
- .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
376
- .e-bigger.e-small .e-calendar .e-content.e-year table,
377
- .e-bigger.e-small .e-calendar .e-content.e-decade table {
378
- border-spacing: 0;
379
- padding: 10px;
380
- }
381
- .e-calendar .e-content.e-month td,
382
- .e-bigger.e-small .e-calendar .e-content.e-month td {
383
- height: 32px;
384
- padding: 2px;
385
- }
386
- .e-calendar .e-content .tfooter > tr > td,
387
- .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
388
- height: 36px;
389
- line-height: 36px;
390
- }
391
- .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td,
392
- .e-bigger.e-small .e-calendar .e-content.e-year td,
393
- .e-bigger.e-small .e-calendar .e-content.e-decade td {
394
- height: 56px;
395
- padding: 1px;
396
- width: 56px;
397
- }
398
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
399
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
400
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
401
- font-weight: normal;
402
- height: 32px;
403
- line-height: 32px;
404
- width: 56px;
405
- }
406
- .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
407
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
408
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
409
- height: 36px;
410
- width: 36px;
411
- }
412
- .e-calendar .e-footer-container,
413
- .e-bigger.e-small .e-calendar .e-footer-container {
414
- background: transparent;
415
- border-top: none;
416
- cursor: default;
417
- display: -ms-flexbox;
418
- display: flex;
419
- -ms-flex-direction: row;
420
- flex-direction: row;
421
- -ms-flex-pack: end;
422
- justify-content: flex-end;
423
- padding: 8px 12px 8px 12px;
424
- text-align: center;
425
- width: 100%;
426
- }
427
- .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
428
- .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
429
- font-size: 14px;
430
- }
431
- .e-small.e-bigger.e-calendar .e-content.e-month table,
432
- .e-small.e-bigger .e-calendar .e-content.e-month table {
433
- padding: 0 10px 10px;
434
- }
435
- .e-bigger.e-calendar,
436
- *.e-bigger .e-calendar {
437
- max-width: 296px;
438
- min-width: 296px;
439
- padding: 0;
440
- }
441
- .e-bigger.e-calendar.e-calendar-day-header-lg,
442
- *.e-bigger .e-calendar.e-calendar-day-header-lg {
443
- max-width: 100%;
444
- min-width: 540px;
445
- }
446
- .e-bigger.e-calendar.e-week,
447
- *.e-bigger .e-calendar.e-week {
448
- max-width: 296px;
449
- min-width: 296px;
450
- }
451
- .e-bigger.e-calendar.e-week-number,
452
- *.e-bigger .e-calendar.e-week-number {
453
- min-width: 320px;
454
- }
455
- .e-bigger.e-calendar .e-header .e-title,
456
- *.e-bigger .e-calendar .e-header .e-title {
457
- font-size: 16px;
458
- line-height: 48px;
459
- width: 60%;
460
- }
461
- .e-bigger.e-calendar.e-rtl .e-header .e-title,
462
- *.e-bigger .e-calendar.e-rtl .e-header .e-title {
463
- line-height: 48px;
464
- text-indent: 6px;
465
- }
466
- .e-bigger.e-calendar .e-header,
467
- *.e-bigger .e-calendar .e-header {
468
- height: 48px;
469
- padding: 10px 10px 0 16px;
470
- }
471
- .e-bigger.e-calendar .e-header button,
472
- *.e-bigger .e-calendar .e-header button {
473
- margin-right: 0;
474
- }
475
- .e-bigger.e-calendar .e-header button span,
476
- *.e-bigger .e-calendar .e-header button span {
477
- font-size: 16px;
478
- padding: 15px;
479
- }
480
- .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
481
- *.e-bigger .e-calendar .e-header.e-year,
482
- *.e-bigger .e-calendar .e-header.e-decade {
483
- padding: 10px 10px 0 16px;
484
- }
485
- .e-bigger.e-calendar th,
486
- *.e-bigger .e-calendar th {
487
- font-size: 14px;
488
- height: 36px;
489
- text-transform: none;
490
- }
491
- .e-bigger.e-calendar .e-content.e-year span.e-day,
492
- *.e-bigger .e-calendar .e-content.e-year span.e-day {
493
- font-size: 13px;
494
- font-weight: normal;
495
- }
496
- .e-bigger.e-calendar .e-content.e-month table,
497
- *.e-bigger .e-calendar .e-content.e-month table {
498
- padding: 0 10px 10px;
499
- }
500
- .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table,
501
- *.e-bigger .e-calendar .e-content.e-year table,
502
- *.e-bigger .e-calendar .e-content.e-decade table {
503
- padding: 0 10px 10px;
504
- }
505
- .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover,
506
- *.e-bigger .e-calendar .e-content .e-selected,
507
- *.e-bigger .e-calendar .e-content .e-state-hover {
508
- border-radius: 0;
509
- }
510
- .e-bigger.e-calendar .e-content span.e-day,
511
- *.e-bigger .e-calendar .e-content span.e-day {
512
- font-size: 13px;
513
- height: 36px;
514
- line-height: 36px;
515
- width: 36px;
516
- }
517
- .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
518
- *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
519
- line-height: 34px;
520
- }
521
- .e-bigger.e-calendar .e-content.e-month td,
522
- *.e-bigger .e-calendar .e-content.e-month td {
523
- height: 2px;
524
- padding: 2px;
525
- }
526
- .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td,
527
- *.e-bigger .e-calendar .e-content.e-year td,
528
- *.e-bigger .e-calendar .e-content.e-decade td {
529
- height: 72px;
530
- padding: 2px;
531
- width: 68px;
532
- }
533
- .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
534
- *.e-bigger .e-calendar .e-content.e-year td > span.e-day,
535
- *.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
536
- height: 40px;
537
- line-height: 40px;
538
- width: 68px;
539
- }
540
- .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next,
541
- *.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
542
- *.e-bigger .e-calendar .e-header .e-icon-container .e-next {
543
- height: 48px;
544
- width: 48px;
545
- }
546
- .e-bigger.e-calendar .e-footer-container,
547
- *.e-bigger .e-calendar .e-footer-container {
548
- border-top: none;
549
- padding: 0 10px 10px 10px;
550
- }
551
- .e-small.e-calendar,
552
- .e-small .e-calendar {
553
- max-width: 252px;
554
- min-width: 240px;
555
- padding: 0;
556
- min-height: 220px;
557
- }
558
- .e-small.e-calendar.e-calendar-day-header-lg,
559
- .e-small .e-calendar.e-calendar-day-header-lg {
560
- max-width: 100%;
561
- min-width: 540px;
562
- }
563
- .e-small.e-calendar .e-content span.e-day,
564
- .e-small .e-calendar .e-content span.e-day {
565
- font-size: 11px;
566
- height: 24px;
567
- line-height: 24px;
568
- width: 24px;
569
- }
570
- .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
571
- .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
572
- line-height: 23px;
573
- }
574
- .e-small.e-calendar .e-content.e-month td,
575
- .e-small .e-calendar .e-content.e-month td {
576
- height: 24px;
577
- }
578
- .e-small.e-calendar .e-header,
579
- .e-small .e-calendar .e-header {
580
- height: 32px;
581
- }
582
- .e-small.e-calendar .e-header button span,
583
- .e-small .e-calendar .e-header button span {
584
- font-size: 14px;
585
- padding: 6px;
586
- line-height: 14px;
587
- }
588
- .e-small.e-calendar .e-header .e-title,
589
- .e-small .e-calendar .e-header .e-title {
590
- font-size: 12px;
591
- line-height: 32px;
592
- }
593
- .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next,
594
- .e-small .e-calendar .e-header .e-icon-container .e-prev,
595
- .e-small .e-calendar .e-header .e-icon-container .e-next {
596
- height: 28px;
597
- width: 28px;
598
- }
599
- .e-small.e-calendar th,
600
- .e-small .e-calendar th {
601
- font-size: 12px;
602
- height: 24px;
603
- }
604
- .e-calendar .e-btn.e-today.e-flat.e-disabled, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
605
- background: transparent;
606
- border-color: transparent;
607
- box-shadow: none;
608
- color: rgba(var(--color-sf-on-surface), 0.38);
609
- cursor: default;
610
- opacity: 0.35;
611
- outline: none;
612
- pointer-events: none;
613
- -ms-touch-action: none;
614
- touch-action: none;
615
- }
616
-
617
- .e-content-placeholder.e-calendar.e-placeholder-calendar {
618
- background-size: 250px 336px;
619
- min-height: 336px;
620
- }
621
-
622
- .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
623
- .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
624
- background-size: 300px 392px;
625
- min-height: 392px;
626
- }
627
-
628
- .e-calendar,
629
- .e-bigger.e-small .e-calendar {
630
- background: transparent;
631
- border-radius: 8px;
632
- border: 1px solid rgba(var(--color-sf-outline-variant));
633
- box-shadow: none;
634
- }
635
- .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
636
- .e-bigger.e-small .e-calendar .e-date-icon-prev,
637
- .e-bigger.e-small .e-calendar .e-date-icon-next {
638
- color: rgba(var(--color-sf-on-surface-variant));
639
- }
640
- .e-calendar th,
641
- .e-bigger.e-small .e-calendar th {
642
- border-bottom: 0;
643
- color: rgba(var(--color-sf-on-surface-variant));
644
- }
645
- .e-calendar .e-header,
646
- .e-bigger.e-small .e-calendar .e-header {
647
- border-bottom: 0;
648
- }
649
- .e-calendar .e-header a span,
650
- .e-bigger.e-small .e-calendar .e-header a span {
651
- border: none;
652
- color: rgba(var(--color-sf-on-surface-variant));
653
- }
654
- .e-calendar .e-header .e-title,
655
- .e-bigger.e-small .e-calendar .e-header .e-title {
656
- color: rgba(var(--color-sf-on-surface));
657
- }
658
- .e-calendar .e-header .e-title:hover,
659
- .e-bigger.e-small .e-calendar .e-header .e-title:hover {
660
- color: rgba(var(--color-sf-on-surface));
661
- cursor: pointer;
662
- text-decoration: none;
663
- }
664
- .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
665
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
666
- .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
667
- border: none;
668
- color: rgba(var(--color-sf-on-surface-variant));
669
- cursor: pointer;
670
- }
671
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
672
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
673
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
674
- background: rgba(var(--color-sf-on-surface), 0.08);
675
- }
676
- .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
677
- .e-bigger.e-small .e-calendar .e-header .e-prev:active,
678
- .e-bigger.e-small .e-calendar .e-header .e-next:active {
679
- background: rgba(var(--color-sf-on-surface), 0.12);
680
- color: rgba(var(--color-sf-on-primary));
681
- }
682
- .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span,
683
- .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
684
- .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
685
- border: none;
686
- color: rgba(var(--color-sf-on-surface-variant));
687
- }
688
- .e-calendar .e-header.e-decade .e-title,
689
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
690
- color: rgba(var(--color-sf-on-surface));
691
- cursor: default;
692
- }
693
- .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span,
694
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
695
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
696
- color: rgba(var(--color-sf-on-surface));
697
- font-weight: normal;
698
- }
699
- .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
700
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
701
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
702
- opacity: 0.35;
703
- }
704
-
705
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day,
706
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
707
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
708
- color: rgba(var(--color-sf-on-surface-variant), 0.6);
709
- }
710
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day,
711
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
712
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
713
- color: rgba(var(--color-sf-on-primary));
714
- }
715
- .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day,
716
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
717
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
718
- color: rgba(var(--color-sf-on-surface));
719
- }
720
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
721
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
722
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
723
- background: rgba(var(--color-sf-on-surface), 0.05);
724
- }
725
- .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
726
- .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
727
- .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
728
- background: rgba(var(--color-sf-primary));
729
- }
730
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
731
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
732
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
733
- background: transparent;
734
- }
735
- .e-calendar .e-content .e-week-number span,
736
- .e-bigger.e-small .e-calendar .e-content .e-week-number span {
737
- color: rgba(var(--color-sf-on-surface-variant));
738
- }
739
- .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day,
740
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
741
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
742
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
743
- background: rgba(var(--color-sf-on-surface), 0.05);
744
- border: none;
745
- border-radius: 32px;
746
- box-shadow: none;
747
- }
748
- .e-calendar .e-content td.e-focused-date:hover span.e-day,
749
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
750
- background: rgba(var(--color-sf-on-surface), 0.05);
751
- border: none;
752
- border-radius: 32px;
753
- color: rgba(var(--color-sf-on-surface));
754
- }
755
- .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
756
- .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
757
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
758
- background: none;
759
- border: 1px solid rgba(var(--color-sf-primary));
760
- border-radius: 32px;
761
- box-shadow: none;
762
- color: rgba(var(--color-sf-primary));
763
- }
764
- .e-calendar .e-content td.e-focused-date.e-today span.e-day,
765
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
766
- background: rgba(var(--color-sf-primary), 0.08);
767
- border: 1px solid rgba(var(--color-sf-primary));
768
- box-shadow: none;
769
- color: rgba(var(--color-sf-primary));
770
- }
771
- .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
772
- .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
773
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
774
- background: rgba(var(--color-sf-primary));
775
- border: none;
776
- border-radius: 32px;
777
- color: rgba(var(--color-sf-primary));
778
- }
779
- .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
780
- .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
781
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
782
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
783
- background: rgba(var(--color-sf-on-surface), 0.05);
784
- border: 1px solid rgba(var(--color-sf-primary));
785
- color: rgba(var(--color-sf-primary));
786
- }
787
- .e-calendar .e-content td.e-today.e-selected span.e-day,
788
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
789
- background: rgba(var(--color-sf-primary));
790
- border: 1px solid rgba(var(--color-sf-primary));
791
- box-shadow: inset 0 0 0 2px linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
792
- color: rgba(var(--color-sf-on-primary));
793
- }
794
- .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
795
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
796
- .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
797
- .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
798
- background: rgba(var(--color-sf-primary));
799
- color: rgba(var(--color-sf-on-primary));
800
- }
801
- .e-calendar .e-content span,
802
- .e-bigger.e-small .e-calendar .e-content span {
803
- color: rgba(var(--color-sf-on-surface));
804
- }
805
- .e-calendar .e-content .e-disabled span.e-day:hover,
806
- .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
807
- background: none;
808
- border: 0;
809
- color: rgba(var(--color-sf-on-surface));
810
- }
811
- .e-calendar .e-content .e-other-month:hover span.e-day,
812
- .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
813
- color: rgba(var(--color-sf-on-surface));
814
- }
815
- .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day,
816
- .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
817
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
818
- color: rgba(var(--color-sf-on-surface-variant), 0.6);
819
- }
820
- .e-calendar .e-content .e-other-month.e-today:hover span.e-day,
821
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
822
- background: rgba(var(--color-sf-on-surface), 0.05);
823
- color: rgba(var(--color-sf-on-surface-variant), 0.6);
824
- }
825
- .e-calendar .e-content thead,
826
- .e-bigger.e-small .e-calendar .e-content thead {
827
- background: none;
828
- border-bottom: 0;
829
- }
830
- .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day,
831
- .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
832
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
833
- background: rgba(var(--color-sf-on-surface), 0.05);
834
- border: none;
835
- border-radius: 32px;
836
- color: rgba(var(--color-sf-on-surface));
837
- }
838
- .e-calendar .e-content td:focus span.e-day,
839
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
840
- background: rgba(var(--color-sf-primary));
841
- color: rgba(var(--color-sf-on-primary));
842
- border: none;
843
- border-radius: 32px;
844
- }
845
- .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
846
- .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
847
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
848
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
849
- background: none;
850
- border: none;
851
- color: rgba(var(--color-sf-on-surface));
852
- }
853
- .e-calendar .e-content td.e-selected span.e-day,
854
- .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
855
- background: rgba(var(--color-sf-primary));
856
- border: none;
857
- border-radius: 32px;
858
- color: rgba(var(--color-sf-on-primary));
859
- }
860
- .e-calendar .e-content .e-footer,
861
- .e-bigger.e-small .e-calendar .e-content .e-footer {
862
- color: rgba(var(--color-sf-primary));
863
- }
864
- .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus,
865
- .e-bigger.e-small .e-calendar.e-device .e-prev:hover,
866
- .e-bigger.e-small .e-calendar.e-device .e-next:hover,
867
- .e-bigger.e-small .e-calendar.e-device .e-prev:active,
868
- .e-bigger.e-small .e-calendar.e-device .e-next:active,
869
- .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
870
- .e-bigger.e-small .e-calendar.e-device .e-next:focus {
871
- background: none;
872
- }
873
- .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span,
874
- .e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
875
- .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
876
- color: rgba(var(--color-sf-on-surface-variant));
877
- }
878
- .e-small.e-calendar .e-header .e-title,
879
- .e-small .e-calendar .e-header .e-title {
880
- color: rgba(var(--color-sf-on-surface));
881
- }
882
-
883
- .e-zoomin {
884
- animation: animatezoom 0.3s;
885
- }
886
-
887
- @keyframes animatezoom {
888
- from {
889
- transform: scale(0);
890
- }
891
- to {
892
- transform: scale(1);
893
- }
894
- }
895
- /* stylelint-disable property-no-vendor-prefix */
896
- @keyframes e-input-ripple {
897
- 100% {
898
- opacity: 0;
899
- transform: scale(4);
900
- }
901
- }
902
- @keyframes slideTopUp {
903
- from {
904
- transform: translate3d(0, 0, 0) scale(1);
905
- }
906
- to {
907
- transform: translate3d(0, 0, 0) scale(1);
908
- }
909
- }
910
- /* stylelint-disable-line no-empty-source */
911
- /*! component icons */
912
- .e-time-wrapper .e-time-icon.e-icons::before,
913
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
914
- content: "\e705";
915
- }
916
-
917
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
918
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
919
- content: "\e7e7";
920
- font-family: "e-icons";
921
- }
922
-
923
- .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
924
- .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
925
- display: -ms-flexbox;
926
- display: flex;
927
- }
928
-
929
- .e-time-wrapper,
930
- *.e-control-wrapper.e-time-wrapper {
931
- /* stylelint-disable property-no-vendor-prefix */
932
- -webkit-tap-highlight-color: transparent;
933
- }
934
- .e-time-wrapper .e-time-icon.e-icons,
935
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
936
- font-size: 16px;
937
- min-height: 30px;
938
- min-width: 30px;
939
- border-radius: 16px;
940
- margin: 0;
941
- }
942
- .e-time-wrapper .e-time-icon.e-icons.e-disabled,
943
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
944
- pointer-events: none;
945
- }
946
- .e-time-wrapper span,
947
- *.e-control-wrapper.e-time-wrapper span {
948
- cursor: pointer;
949
- }
950
-
951
- .e-timepicker.e-time-modal {
952
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
953
- height: 100%;
954
- left: 0;
955
- opacity: 0.5;
956
- pointer-events: auto;
957
- position: fixed;
958
- top: 0;
959
- width: 100%;
960
- z-index: 999;
961
- }
962
-
963
- .e-timepicker.e-popup {
964
- border-style: solid;
965
- border-width: 1px;
966
- overflow: auto;
967
- }
968
- .e-timepicker.e-popup .e-content {
969
- position: relative;
970
- }
971
- .e-timepicker.e-popup .e-list-parent.e-ul {
972
- margin: 0;
973
- padding: 0 0;
974
- }
975
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
976
- cursor: default;
977
- font-size: 13px;
978
- overflow: hidden;
979
- position: relative;
980
- text-overflow: ellipsis;
981
- vertical-align: middle;
982
- white-space: nowrap;
983
- width: 100%;
984
- }
985
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
986
- cursor: pointer;
987
- }
988
-
989
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
990
- line-height: 32px;
991
- text-indent: 16px;
992
- }
993
-
994
- .e-bigger .e-time-wrapper .e-time-icon.e-icons,
995
- *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
996
- *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
997
- *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
998
- font-size: 20px;
999
- min-height: 38px;
1000
- min-width: 38px;
1001
- border-radius: 20px;
1002
- margin: 0;
1003
- }
1004
-
1005
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
1006
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
1007
- padding: 0 0;
1008
- }
1009
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1010
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1011
- font-size: 14px;
1012
- line-height: 40px;
1013
- text-indent: 16px;
1014
- }
1015
-
1016
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1017
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1018
- font-size: 12px;
1019
- line-height: 26px;
1020
- text-indent: 12px;
1021
- }
1022
-
1023
- .e-small .e-time-wrapper .e-time-icon.e-icons,
1024
- *.e-small.e-time-wrapper .e-time-icon.e-icons,
1025
- *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
1026
- *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
1027
- font-size: 16px;
1028
- min-height: 22px;
1029
- min-width: 22px;
1030
- border-radius: 14px;
1031
- margin: 0;
1032
- }
1033
-
1034
- .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1035
- *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1036
- font-size: 13px;
1037
- line-height: 36px;
1038
- text-indent: 16px;
1039
- }
1040
-
1041
- .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
1042
- *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
1043
- *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
1044
- *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
1045
- font-size: 20px;
1046
- min-height: 34px;
1047
- min-width: 34px;
1048
- border-radius: 20px;
1049
- margin: 0;
1050
- }
1051
-
1052
- .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1053
- background-size: 250px 33px;
1054
- min-height: 33px;
1055
- }
1056
-
1057
- .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
1058
- .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1059
- background-size: 250px 40px;
1060
- min-height: 40px;
1061
- }
1062
-
1063
- /* stylelint-disable */
1064
- .e-time-overflow {
1065
- overflow: hidden;
1066
- }
1067
-
1068
- .e-timepicker-mob-popup-wrap {
1069
- -ms-flex-align: center;
1070
- align-items: center;
1071
- display: -ms-flexbox;
1072
- display: flex;
1073
- -ms-flex-direction: column;
1074
- flex-direction: column;
1075
- height: 100%;
1076
- -ms-flex-pack: center;
1077
- justify-content: center;
1078
- left: 0;
1079
- max-height: 100%;
1080
- position: fixed;
1081
- top: 0;
1082
- width: 100%;
1083
- z-index: 1002;
1084
- }
1085
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
1086
- left: 0 !important;
1087
- position: relative;
1088
- top: 0 !important;
1089
- }
1090
-
1091
- .e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
1092
- .e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
1093
- .e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
1094
- .e-datetimepicker.e-popup-expand.e-popup {
1095
- border-radius: 0;
1096
- }
1097
-
1098
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
1099
- .e-datetimepicker.e-popup-expand .e-model-header {
1100
- height: 10%;
1101
- padding: 2.5vh 2.5vw 2.5vh 1.5vw;
1102
- display: -ms-flexbox;
1103
- display: flex;
1104
- -ms-flex-align: center;
1105
- align-items: center;
1106
- font-size: 2vh;
1107
- border-bottom: none;
1108
- }
1109
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
1110
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
1111
- float: left;
1112
- padding: 1vh 2vw;
1113
- }
1114
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
1115
- .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
1116
- padding: 1vh 2vw;
1117
- text-transform: uppercase;
1118
- font-weight: 500;
1119
- }
1120
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
1121
- .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
1122
- font-size: 2vh;
1123
- }
1124
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
1125
- .e-datetimepicker.e-popup-expand .e-content {
1126
- height: 90%;
1127
- overflow: auto;
1128
- }
1129
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1130
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1131
- padding: 1vh 0;
1132
- line-height: 5vh;
1133
- }
1134
- @media (max-device-width: 768px) {
1135
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1136
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1137
- font-size: 14px;
1138
- }
1139
- }
1140
- @media (min-device-width: 768px) {
1141
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1142
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1143
- font-size: 24px;
1144
- }
1145
- }
1146
-
1147
- @media screen and (orientation: landscape) {
1148
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
1149
- .e-datetimepicker.e-popup-expand .e-model-header {
1150
- height: 15%;
1151
- font-size: 2vw;
1152
- }
1153
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
1154
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
1155
- padding: 1vh 1vw;
1156
- }
1157
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
1158
- .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
1159
- padding: 1vh 1vw;
1160
- }
1161
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
1162
- .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
1163
- font-size: 2vw;
1164
- }
1165
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
1166
- .e-datetimepicker.e-popup-expand .e-content {
1167
- height: 85%;
1168
- }
1169
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
1170
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
1171
- padding: 1vh 0;
1172
- line-height: 10vh;
1173
- }
1174
- }
1175
- /* stylelint-enable */
1176
- /*! timepicker theme */
1177
- .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1178
- color: rgba(var(--color-sf-on-surface-variant));
1179
- }
1180
- .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
1181
- color: rgba(var(--color-sf-on-surface-variant));
1182
- border: 1px;
1183
- border-radius: 20px;
1184
- background: rgba(var(--color-sf-on-surface), 0.12);
1185
- }
1186
-
1187
- .e-timepicker.e-popup {
1188
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1189
- border: none;
1190
- border-radius: 4px;
1191
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1192
- }
1193
- .e-timepicker.e-popup .e-list-parent.e-ul {
1194
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1195
- }
1196
- .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
1197
- border: none;
1198
- color: rgba(var(--color-sf-on-surface));
1199
- }
1200
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
1201
- color: rgba(var(--color-sf-on-surface), 0.38);
1202
- opacity: 1;
1203
- pointer-events: none;
1204
- -ms-touch-action: none;
1205
- touch-action: none;
1206
- }
1207
- .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 {
1208
- background: rgba(var(--color-sf-on-surface), 0.05);
1209
- border: none;
1210
- color: rgba(var(--color-sf-on-surface));
1211
- }
1212
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
1213
- background: rgba(var(--color-sf-primary));
1214
- color: rgba(var(--color-sf-on-primary));
1215
- }
1216
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
1217
- background: rgba(var(--color-sf-primary));
1218
- color: rgba(var(--color-sf-on-primary));
1219
- }
1220
-
1221
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1222
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1223
- .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1224
- *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1225
- color: rgba(var(--color-sf-on-surface));
1226
- }
1227
-
1228
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
1229
- .e-datetimepicker.e-popup-expand .e-model-header {
1230
- background-color: rgba(var(--color-sf-primary));
1231
- color: rgba(var(--color-sf-on-primary));
1232
- }
1233
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
1234
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
1235
- color: rgba(var(--color-sf-on-primary));
1236
- font-weight: 500;
1237
- }
1238
-
1239
- /* stylelint-disable property-no-vendor-prefix */
1240
- @keyframes e-input-ripple {
1241
- 100% {
1242
- opacity: 0;
1243
- transform: scale(4);
1244
- }
1245
- }
1246
- @keyframes slideTopUp {
1247
- from {
1248
- transform: translate3d(0, 0, 0) scale(1);
1249
- }
1250
- to {
1251
- transform: translate3d(0, 0, 0) scale(1);
1252
- }
1253
- }
1254
- /* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
1255
- /*! component icons */
1256
- .e-input-group-icon.e-date-icon,
1257
- *.e-control-wrapper .e-input-group-icon.e-date-icon {
1258
- font-size: 16px;
1259
- margin: 0;
1260
- min-height: 30px;
1261
- min-width: 30px;
1262
- border-radius: 16px;
1263
- outline: none;
1264
- }
1265
- .e-input-group-icon.e-date-icon::before,
1266
- *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
1267
- content: "\e778";
1268
- font-family: "e-icons";
1269
- }
1270
- .e-input-group-icon.e-date-icon:focus,
1271
- *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1272
- background: rgba(var(--color-sf-on-surface), 0.08);
1273
- border-radius: 50%;
1274
- }
1275
-
1276
- .e-bigger .e-input-group-icon.e-date-icon,
1277
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
1278
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1279
- font-size: 20px;
1280
- margin: 0;
1281
- min-height: 38px;
1282
- min-width: 38px;
1283
- border-radius: 20px;
1284
- }
1285
- .e-bigger .e-input-group-icon.e-date-icon::before,
1286
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
1287
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
1288
- content: "\e778";
1289
- font-family: "e-icons";
1290
- }
1291
- .e-bigger .e-input-group-icon.e-date-icon:focus,
1292
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
1293
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1294
- background: rgba(var(--color-sf-on-surface), 0.08);
1295
- border-radius: 50%;
1296
- }
1297
-
1298
- .e-small .e-input-group-icon.e-date-icon,
1299
- *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
1300
- *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
1301
- font-size: 16px;
1302
- min-width: 22px;
1303
- min-height: 22px;
1304
- border-radius: 14px;
1305
- margin: 0;
1306
- }
1307
-
1308
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
1309
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
1310
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1311
- font-size: 20px;
1312
- min-width: 34px;
1313
- min-height: 34px;
1314
- border-radius: 20px;
1315
- margin: 0;
1316
- }
1317
-
1318
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1319
- content: "\e7e7";
1320
- font-family: "e-icons";
1321
- }
1322
-
1323
- .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1324
- .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1325
- display: -ms-flexbox;
1326
- display: flex;
1327
- }
1328
-
1329
- .e-date-wrapper:not(.e-filled) .e-date-icon.e-icons {
1330
- box-sizing: border-box;
1331
- }
1332
-
1333
- .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
1334
- display: none;
1335
- }
1336
- .e-datepicker.e-popup-wrapper {
1337
- border-radius: 8px;
1338
- overflow-y: hidden;
1339
- pointer-events: auto;
1340
- }
1341
- .e-datepicker.e-date-modal {
1342
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1343
- height: 100%;
1344
- left: 0;
1345
- opacity: 0.5;
1346
- pointer-events: auto;
1347
- position: fixed;
1348
- top: 0;
1349
- width: 100%;
1350
- z-index: 999;
1351
- }
1352
- .e-datepicker .e-model-header {
1353
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1354
- color: rgba(var(--color-sf-on-surface));
1355
- cursor: default;
1356
- display: block;
1357
- padding: 10px 10px 10px 15px;
1358
- }
1359
- .e-datepicker .e-model-header .e-model-year {
1360
- font-size: 14px;
1361
- font-weight: 500;
1362
- line-height: 32px;
1363
- margin: 0;
1364
- }
1365
- .e-datepicker .e-model-month, .e-datepicker .e-model-day {
1366
- font-size: 20px;
1367
- font-weight: 500;
1368
- line-height: 32px;
1369
- margin: 0;
1370
- }
1371
-
1372
- /* stylelint-disable */
1373
- .e-date-overflow {
1374
- overflow: hidden !important;
1375
- }
1376
-
1377
- .e-datepick-mob-popup-wrap {
1378
- -ms-flex-align: center;
1379
- align-items: center;
1380
- display: -ms-flexbox;
1381
- display: flex;
1382
- -ms-flex-direction: column;
1383
- flex-direction: column;
1384
- height: 100%;
1385
- -ms-flex-pack: center;
1386
- justify-content: center;
1387
- left: 0;
1388
- max-height: 100%;
1389
- position: fixed;
1390
- top: 0;
1391
- width: 100%;
1392
- z-index: 1002;
1393
- }
1394
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
1395
- position: relative;
1396
- top: 0 !important;
1397
- left: 0 !important;
1398
- }
1399
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1400
- min-width: 100%;
1401
- min-height: 100%;
1402
- }
1403
-
1404
- .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1405
- background-size: 250px 33px;
1406
- min-height: 33px;
1407
- }
1408
-
1409
- .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
1410
- .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1411
- background-size: 250px 40px;
1412
- min-height: 40px;
1413
- }
1414
-
1415
- @media screen and (orientation: landscape) {
1416
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
1417
- line-height: 64px;
1418
- }
1419
- }
1420
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand {
1421
- border-radius: 0;
1422
- }
1423
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1424
- height: 15vh;
1425
- }
1426
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1427
- float: right;
1428
- }
1429
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1430
- height: 15vh;
1431
- }
1432
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1433
- float: right;
1434
- }
1435
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1436
- height: 20vh;
1437
- padding: 2vh 6vw;
1438
- }
1439
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1440
- margin: 12vh 0 0 0;
1441
- }
1442
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1443
- color: inherit;
1444
- float: left;
1445
- font-size: 20px;
1446
- }
1447
- @media (min-device-width: 768px) {
1448
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1449
- font-size: 24px;
1450
- }
1451
- }
1452
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close {
1453
- background: transparent;
1454
- border-color: transparent;
1455
- box-shadow: none;
1456
- font-weight: 400;
1457
- padding: 0;
1458
- }
1459
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1460
- color: inherit;
1461
- float: right;
1462
- }
1463
- @media (min-device-width: 768px) {
1464
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1465
- font-size: 24px;
1466
- }
1467
- }
1468
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day {
1469
- font-size: 5vw;
1470
- line-height: 6vw;
1471
- }
1472
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1473
- min-width: 100%;
1474
- min-height: 100%;
1475
- height: 100%;
1476
- }
1477
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade {
1478
- height: 10vh;
1479
- border-style: none;
1480
- border-width: 0;
1481
- border-color: rgba(var(--color-sf-outline-variant));
1482
- padding: 2vh 2vw;
1483
- line-height: 5vh;
1484
- }
1485
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1486
- margin-left: 5vw;
1487
- position: inherit;
1488
- text-align: left;
1489
- vertical-align: middle;
1490
- width: 60vw;
1491
- line-height: inherit;
1492
- }
1493
- @media (min-device-width: 768px) {
1494
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1495
- font-size: 24px;
1496
- }
1497
- }
1498
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
1499
- margin-right: 18px;
1500
- vertical-align: inherit;
1501
- height: 35px;
1502
- width: 35px;
1503
- }
1504
- @media (min-device-width: 768px) {
1505
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
1506
- height: 55px;
1507
- width: 55px;
1508
- }
1509
- }
1510
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
1511
- vertical-align: inherit;
1512
- }
1513
- @media (min-device-width: 768px) {
1514
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons {
1515
- font-size: 24px;
1516
- }
1517
- }
1518
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
1519
- margin-right: 0;
1520
- vertical-align: inherit;
1521
- height: 35px;
1522
- width: 35px;
1523
- }
1524
- @media (min-device-width: 768px) {
1525
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next {
1526
- height: 55px;
1527
- width: 55px;
1528
- }
1529
- }
1530
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
1531
- vertical-align: inherit;
1532
- }
1533
- @media (min-device-width: 768px) {
1534
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons {
1535
- font-size: 24px;
1536
- }
1537
- }
1538
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-icon-container, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-icon-container {
1539
- float: right;
1540
- }
1541
- @media (min-device-width: 768px) {
1542
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
1543
- font-size: 24px;
1544
- height: 48px;
1545
- }
1546
- }
1547
- @media (min-device-width: 768px) {
1548
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content span.e-day {
1549
- font-size: 24px;
1550
- height: 64px;
1551
- width: 64px;
1552
- line-height: 64px;
1553
- }
1554
- }
1555
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1556
- height: 79vh;
1557
- }
1558
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1559
- display: none;
1560
- }
1561
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1562
- height: 69vh;
1563
- }
1564
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1565
- height: 69vh;
1566
- }
1567
-
1568
- @media screen and (orientation: landscape) {
1569
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1570
- height: 25vh;
1571
- }
1572
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1573
- float: right;
1574
- }
1575
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
1576
- overflow-y: auto;
1577
- }
1578
- }
1579
- @media screen and (orientation: landscape) and (max-height: 600px) {
1580
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
1581
- height: 50vh;
1582
- }
1583
- }
1584
- @media screen and (orientation: landscape) and (min-height: 600px) {
1585
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade {
1586
- height: 60vh;
1587
- }
1588
- }
1589
- @media screen and (orientation: landscape) and (min-height: 600px) {
1590
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade table {
1591
- height: 60vh;
1592
- }
1593
- }
1594
- @media screen and (orientation: landscape) and (min-height: 600px) {
1595
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-footer-container {
1596
- padding: 10px 0;
1597
- height: 10%;
1598
- font-size: 24px;
1599
- }
1600
- }
1601
- @media screen and (orientation: landscape) {
1602
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1603
- width: 100%;
1604
- }
1605
- }
1606
- @media screen and (orientation: landscape) and (max-height: 600px) {
1607
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1608
- height: 30vh;
1609
- }
1610
- }
1611
- @media screen and (orientation: landscape) and (min-height: 600px) {
1612
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1613
- height: 25vh;
1614
- }
1615
- }
1616
- @media screen and (orientation: landscape) {
1617
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1618
- float: left;
1619
- }
1620
- }
1621
- @media screen and (orientation: landscape) {
1622
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1623
- margin: 12vh 0 0 0;
1624
- }
1625
- }
1626
- @media screen and (orientation: landscape) {
1627
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-day {
1628
- font-size: 4vw;
1629
- }
1630
- }
1631
- @media screen and (orientation: landscape) {
1632
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev {
1633
- margin-right: 18px;
1634
- }
1635
- }
1636
- @media screen and (orientation: landscape) and (max-height: 600px) {
1637
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1638
- line-height: 12vh;
1639
- }
1640
- }
1641
- @media screen and (orientation: landscape) and (min-height: 600px) {
1642
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title {
1643
- line-height: inherit;
1644
- }
1645
- }
1646
- @media screen and (orientation: landscape) {
1647
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
1648
- overflow-y: auto;
1649
- }
1650
- }
1651
- @media screen and (orientation: landscape) and (max-height: 600px) {
1652
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
1653
- height: 60vh;
1654
- }
1655
- }
1656
- @media screen and (orientation: landscape) and (min-height: 600px) {
1657
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade {
1658
- height: 65vh;
1659
- }
1660
- }
1661
- @media screen and (orientation: landscape) {
1662
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1663
- display: block;
1664
- max-width: 100%;
1665
- overflow: visible;
1666
- }
1667
- }
1668
- @media screen and (orientation: landscape) {
1669
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1670
- height: 70%;
1671
- width: 100%;
1672
- }
1673
- }
1674
- @media screen and (orientation: landscape) {
1675
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1676
- display: table-row-group;
1677
- }
1678
- }
1679
- @media screen and (orientation: landscape) and (max-height: 600px) {
1680
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
1681
- height: 69vh;
1682
- }
1683
- }
1684
- @media screen and (orientation: landscape) and (min-height: 600px) {
1685
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table {
1686
- height: 65vh;
1687
- }
1688
- }
1689
- /* stylelint-enable */
1690
- .e-datepicker.e-popup-wrapper,
1691
- .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1692
- .e-bigger .e-datepicker.e-popup-wrapper,
1693
- .e-small .e-datepicker.e-popup-wrapper,
1694
- .e-bigger.e-small.e-datepicker.e-popup-wrapper,
1695
- .e-bigger.e-datepicker.e-popup-wrapper,
1696
- .e-small.e-datepicker.e-popup-wrapper {
1697
- border: none;
1698
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1699
- }
1700
- .e-datepicker .e-calendar,
1701
- .e-bigger.e-small .e-datepicker .e-calendar,
1702
- .e-bigger .e-datepicker .e-calendar,
1703
- .e-small .e-datepicker .e-calendar,
1704
- .e-bigger.e-small.e-datepicker .e-calendar,
1705
- .e-bigger.e-datepicker .e-calendar,
1706
- .e-small.e-datepicker .e-calendar {
1707
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1708
- border: none;
1709
- }
1710
-
1711
- *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
1712
- border: none;
1713
- }
1714
-
1715
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1716
- color: rgba(var(--color-sf-on-surface-variant));
1717
- }
1718
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1719
- color: rgba(var(--color-sf-on-surface-variant));
1720
- border: 1px;
1721
- background: rgba(var(--color-sf-on-surface), 0.08);
1722
- }
1723
-
1724
- /* stylelint-disable property-no-vendor-prefix */
1725
- @keyframes e-input-ripple {
1726
- 100% {
1727
- opacity: 0;
1728
- transform: scale(4);
1729
- }
1730
- }
1731
- @keyframes slideTopUp {
1732
- from {
1733
- transform: translate3d(0, 0, 0) scale(1);
1734
- }
1735
- to {
1736
- transform: translate3d(0, 0, 0) scale(1);
1737
- }
1738
- }
1739
- /* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
1740
- /*! component icons */
1741
- .e-input-group-icon.e-range-icon,
1742
- *.e-control-wrapper .e-input-group-icon.e-range-icon {
1743
- font-size: 16px;
1744
- margin: 0;
1745
- min-height: 30px;
1746
- min-width: 30px;
1747
- outline: none;
1748
- border-radius: 16px;
1749
- }
1750
- .e-input-group-icon.e-range-icon::before,
1751
- *.e-control-wrapper .e-input-group-icon.e-range-icon::before {
1752
- content: "\e74c";
1753
- font-family: "e-icons";
1754
- }
1755
- .e-input-group-icon.e-range-icon:focus,
1756
- *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
1757
- background: rgba(var(--color-sf-on-surface-variant));
1758
- border-radius: 50%;
1759
- }
1760
-
1761
- .e-daterangepicker .e-calendar .e-header .e-date-icon-next::before {
1762
- content: "\e748";
1763
- }
1764
- .e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before {
1765
- content: "\e765";
1766
- }
1767
- .e-daterangepicker .e-change-icon::before {
1768
- content: "\e7f9";
1769
- }
1770
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before {
1771
- content: "\e765";
1772
- }
1773
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
1774
- content: "\e748";
1775
- }
1776
- .e-daterangepicker.e-rtl .e-start-end .e-change-icon::before {
1777
- content: "\e773";
1778
- }
1779
-
1780
- .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
1781
- font-size: 20px;
1782
- margin: 0;
1783
- min-height: 38px;
1784
- min-width: 38px;
1785
- outline: none;
1786
- border-radius: 20px;
1787
- }
1788
-
1789
- .e-small .e-input-group-icon.e-range-icon,
1790
- *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
1791
- *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
1792
- font-size: 16px;
1793
- min-width: 22px;
1794
- min-height: 22px;
1795
- border-radius: 14px;
1796
- margin: 0;
1797
- }
1798
-
1799
- .e-small.e-bigger .e-input-group-icon.e-range-icon,
1800
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
1801
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
1802
- font-size: 20px;
1803
- min-width: 34px;
1804
- min-height: 34px;
1805
- border-radius: 20px;
1806
- margin: 0;
1807
- }
1808
-
1809
- .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1810
- .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1811
- min-height: 0;
1812
- min-width: 20px;
1813
- }
1814
-
1815
- .e-bigger .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1816
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-range-icon,
1817
- .e-bigger .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1818
- min-height: 0;
1819
- min-width: 24px;
1820
- }
1821
-
1822
- .e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1823
- .e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon,
1824
- .e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1825
- min-height: 0;
1826
- min-width: 18px;
1827
- }
1828
-
1829
- .e-bigger.e-small .e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
1830
- .e-bigger.e-small.e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
1831
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-range-icon,
1832
- .e-bigger.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1833
- min-height: 0;
1834
- min-width: 20px;
1835
- }
1836
-
1837
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-range-header .e-popup-close::before, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-model-header .e-popup-close::before {
1838
- content: "\e7e7";
1839
- font-family: "e-icons";
1840
- }
1841
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-range-header .e-apply::before, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-model-header .e-apply::before {
1842
- content: "\e774";
1843
- font-family: "e-icons";
1844
- }
1845
-
1846
- /*! daterangepicker layout */
1847
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1848
- .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1849
- display: -ms-flexbox;
1850
- display: flex;
1851
- }
1852
-
1853
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1854
- .e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1855
- .e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1856
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1857
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1858
- .e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden {
1859
- border: 0;
1860
- height: 0;
1861
- margin: 0;
1862
- padding: 0;
1863
- text-indent: 0;
1864
- visibility: hidden;
1865
- width: 0;
1866
- }
1867
-
1868
- .e-daterangepicker.e-popup,
1869
- .e-bigger.e-small .e-daterangepicker.e-popup {
1870
- border: none;
1871
- border-radius: 8px;
1872
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1873
- max-height: 500px;
1874
- max-width: 730px;
1875
- }
1876
- .e-daterangepicker.e-popup.e-daterange-day-header-lg,
1877
- .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1878
- max-width: 100%;
1879
- }
1880
- .e-daterangepicker.e-popup.e-preset-wrapper,
1881
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper {
1882
- min-width: 625px;
1883
- }
1884
- .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
1885
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1886
- max-height: none;
1887
- }
1888
- .e-daterangepicker.e-popup .e-range-header,
1889
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
1890
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1891
- padding: 16px 16px 0 16px;
1892
- width: auto;
1893
- border-top-left-radius: 8px;
1894
- }
1895
- .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label,
1896
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
1897
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label {
1898
- cursor: default;
1899
- display: inline-block;
1900
- font-size: 18px;
1901
- overflow: hidden;
1902
- text-align: center;
1903
- text-decoration: none;
1904
- text-overflow: ellipsis;
1905
- -webkit-user-select: none;
1906
- -ms-user-select: none;
1907
- user-select: none;
1908
- white-space: nowrap;
1909
- width: 48%;
1910
- font-weight: 600;
1911
- }
1912
- .e-daterangepicker.e-popup .e-range-header .e-change-icon,
1913
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1914
- font-size: 15px;
1915
- font-weight: 500;
1916
- text-align: center;
1917
- width: 4%;
1918
- }
1919
- .e-daterangepicker.e-popup .e-range-header .e-day-span,
1920
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
1921
- direction: ltr;
1922
- font-size: 13px;
1923
- height: 14px;
1924
- margin: 0 0 15px 0;
1925
- text-align: center;
1926
- -webkit-user-select: none;
1927
- -ms-user-select: none;
1928
- user-select: none;
1929
- width: 100%;
1930
- }
1931
- .e-daterangepicker.e-popup .e-range-header .e-start-end,
1932
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
1933
- -ms-flex-align: center;
1934
- align-items: center;
1935
- display: -ms-flexbox;
1936
- display: flex;
1937
- height: 35px;
1938
- }
1939
- .e-daterangepicker.e-popup .e-separator,
1940
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
1941
- height: 1px;
1942
- margin: 0;
1943
- }
1944
- .e-daterangepicker.e-popup .e-calendar,
1945
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
1946
- border: none;
1947
- margin: 0;
1948
- padding: 0;
1949
- }
1950
- .e-daterangepicker.e-popup .e-calendar .e-content table,
1951
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table {
1952
- padding: 0 10px 10px;
1953
- }
1954
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
1955
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1956
- cursor: pointer;
1957
- line-height: 36px;
1958
- width: auto;
1959
- float: none;
1960
- font-weight: 600;
1961
- margin-left: 0;
1962
- }
1963
- .e-daterangepicker.e-popup .e-calendar .e-header.e-month, .e-daterangepicker.e-popup .e-calendar .e-header.e-year, .e-daterangepicker.e-popup .e-calendar .e-header.e-decade,
1964
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month,
1965
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year,
1966
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
1967
- padding: 10px 5px 0 5px;
1968
- }
1969
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
1970
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
1971
- float: right;
1972
- }
1973
- .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
1974
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1975
- float: left;
1976
- }
1977
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
1978
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
1979
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1980
- height: 36px;
1981
- width: 36px;
1982
- }
1983
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span,
1984
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
1985
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
1986
- padding: 10px;
1987
- }
1988
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover,
1989
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
1990
- border-radius: 50% 0 0 50%;
1991
- }
1992
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover,
1993
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
1994
- border-radius: 0 50% 50% 0;
1995
- }
1996
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
1997
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
1998
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1999
- border: none;
2000
- }
2001
- .e-daterangepicker.e-popup .e-footer,
2002
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
2003
- -ms-flex-align: center;
2004
- align-items: center;
2005
- border-top: 0.75px solid rgba(var(--color-sf-outline-variant));
2006
- clear: both;
2007
- display: -ms-flexbox;
2008
- display: flex;
2009
- -ms-flex-direction: row-reverse;
2010
- flex-direction: row-reverse;
2011
- height: 48px;
2012
- }
2013
- .e-daterangepicker.e-popup .e-footer .e-btn,
2014
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn {
2015
- font-weight: 500;
2016
- height: 27px;
2017
- line-height: 27px;
2018
- overflow: hidden;
2019
- padding: 0 16px;
2020
- text-overflow: ellipsis;
2021
- }
2022
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
2023
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
2024
- margin: 0 8px 0 8px;
2025
- }
2026
- .e-daterangepicker.e-popup .e-date-range-container,
2027
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container {
2028
- float: left;
2029
- }
2030
- .e-daterangepicker.e-popup .e-date-range-container.e-range-border,
2031
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
2032
- border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2033
- }
2034
- .e-daterangepicker.e-popup .e-calendar-container,
2035
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
2036
- display: -ms-flexbox;
2037
- display: flex;
2038
- }
2039
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container,
2040
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2041
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
2042
- float: left;
2043
- }
2044
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2045
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
2046
- border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2047
- }
2048
- .e-daterangepicker.e-popup .e-presets,
2049
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
2050
- max-height: 192px;
2051
- overflow: auto;
2052
- width: auto;
2053
- }
2054
- .e-daterangepicker.e-popup .e-presets .e-list-item,
2055
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item {
2056
- border-radius: 0;
2057
- cursor: pointer;
2058
- line-height: 48px;
2059
- overflow: hidden;
2060
- padding: 0 24px;
2061
- white-space: nowrap;
2062
- text-overflow: ellipsis;
2063
- }
2064
- .e-daterangepicker.e-popup .e-presets .e-list-parent,
2065
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
2066
- margin: 0;
2067
- max-width: 160px;
2068
- padding: 0;
2069
- }
2070
- .e-daterangepicker.e-popup .e-presets .e-text-content,
2071
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content {
2072
- line-height: 47px;
2073
- }
2074
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
2075
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
2076
- font-size: 13px;
2077
- height: 36px;
2078
- line-height: 36px;
2079
- }
2080
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child,
2081
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child {
2082
- border-top-right-radius: 8px;
2083
- border-top-left-radius: 8px;
2084
- }
2085
- .e-daterangepicker.e-popup .e-hide-range,
2086
- .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range {
2087
- display: none;
2088
- }
2089
- .e-daterangepicker.e-rtl .e-date-range-container,
2090
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container {
2091
- float: right;
2092
- }
2093
- .e-daterangepicker.e-rtl .e-date-range-container.e-range-border,
2094
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
2095
- border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
2096
- border-right: 0;
2097
- }
2098
- .e-daterangepicker.e-rtl .e-date-range-container .e-left-container,
2099
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
2100
- border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
2101
- border-right: 0;
2102
- }
2103
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next,
2104
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
2105
- float: left;
2106
- }
2107
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
2108
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
2109
- float: right;
2110
- }
2111
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
2112
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
2113
- border-radius: 0 50% 50% 0;
2114
- }
2115
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
2116
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
2117
- border-radius: 50% 0 0 50%;
2118
- }
2119
- .e-daterangepicker.e-rtl .e-footer,
2120
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
2121
- -ms-flex-direction: row;
2122
- flex-direction: row;
2123
- -ms-flex-pack: end;
2124
- justify-content: flex-end;
2125
- }
2126
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
2127
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
2128
- margin: 0 8px 0 8px;
2129
- }
2130
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply,
2131
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
2132
- margin-left: 0;
2133
- }
2134
-
2135
- .e-bigger .e-daterangepicker.e-range-modal,
2136
- *.e-device.e-daterangepicker.e-range-modal {
2137
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2138
- height: 100%;
2139
- left: 0;
2140
- opacity: 0.5;
2141
- pointer-events: auto;
2142
- position: fixed;
2143
- top: 0;
2144
- width: 100%;
2145
- z-index: 999;
2146
- }
2147
-
2148
- .e-bigger.e-small .e-daterangepicker .e-calendar {
2149
- max-width: 246px;
2150
- }
2151
-
2152
- .e-bigger .e-daterangepicker.e-popup,
2153
- *.e-bigger.e-daterangepicker.e-popup,
2154
- *.e-device.e-daterangepicker.e-popup {
2155
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2156
- }
2157
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
2158
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
2159
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
2160
- max-width: 770px;
2161
- min-width: auto;
2162
- }
2163
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2164
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2165
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
2166
- max-height: none;
2167
- }
2168
- .e-bigger .e-daterangepicker.e-popup .e-range-header,
2169
- *.e-bigger.e-daterangepicker.e-popup .e-range-header,
2170
- *.e-device.e-daterangepicker.e-popup .e-range-header {
2171
- width: auto;
2172
- }
2173
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
2174
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
2175
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
2176
- -ms-flex-align: center;
2177
- align-items: center;
2178
- cursor: pointer;
2179
- display: -ms-flexbox;
2180
- display: flex;
2181
- height: 36px;
2182
- -ms-flex-pack: center;
2183
- justify-content: center;
2184
- -webkit-user-select: none;
2185
- -ms-user-select: none;
2186
- user-select: none;
2187
- width: 100%;
2188
- }
2189
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2190
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2191
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2192
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2193
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2194
- border: 1px solid rgba(var(--color-sf-primary));
2195
- box-shadow: none;
2196
- font-size: 14px;
2197
- font-weight: 500;
2198
- height: 36px;
2199
- line-height: 34px;
2200
- max-width: 116px;
2201
- overflow: hidden;
2202
- padding: 1px 6px;
2203
- text-overflow: ellipsis;
2204
- width: 50%;
2205
- }
2206
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2207
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2208
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2209
- border-left: 0;
2210
- border-radius: 0 16px 16px 0;
2211
- }
2212
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2213
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2214
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
2215
- border-radius: 16px 0 0 16px;
2216
- }
2217
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
2218
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2219
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
2220
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2221
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
2222
- box-shadow: none;
2223
- }
2224
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
2225
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2226
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2227
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2228
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2229
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2230
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
2231
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2232
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2233
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2234
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2235
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2236
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
2237
- box-shadow: none;
2238
- }
2239
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2240
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2241
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2242
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2243
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2244
- max-width: 141px;
2245
- }
2246
- .e-bigger .e-daterangepicker.e-popup .e-presets,
2247
- *.e-bigger.e-daterangepicker.e-popup .e-presets,
2248
- *.e-device.e-daterangepicker.e-popup .e-presets {
2249
- max-height: 240px;
2250
- }
2251
- .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2252
- *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2253
- *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
2254
- max-height: none;
2255
- }
2256
- .e-bigger .e-daterangepicker.e-popup .e-presets ul,
2257
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul,
2258
- *.e-device.e-daterangepicker.e-popup .e-presets ul {
2259
- max-width: none;
2260
- }
2261
- .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2262
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2263
- *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
2264
- font-size: 14px;
2265
- height: 48px;
2266
- line-height: 48px;
2267
- padding: 0 16px;
2268
- }
2269
- .e-bigger .e-daterangepicker .e-calendar,
2270
- *.e-bigger.e-daterangepicker .e-calendar,
2271
- *.e-device.e-daterangepicker .e-calendar {
2272
- max-width: 296px;
2273
- padding: 0;
2274
- }
2275
- .e-bigger .e-daterangepicker .e-calendar .e-content table,
2276
- *.e-bigger.e-daterangepicker .e-calendar .e-content table,
2277
- *.e-device.e-daterangepicker .e-calendar .e-content table {
2278
- padding: 0 12px 12px;
2279
- }
2280
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
2281
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
2282
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
2283
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next,
2284
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev {
2285
- height: 48px;
2286
- width: 48px;
2287
- }
2288
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
2289
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
2290
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
2291
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next span,
2292
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
2293
- padding: 15px;
2294
- }
2295
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
2296
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
2297
- *.e-device.e-daterangepicker .e-calendar .e-header .e-title {
2298
- cursor: pointer;
2299
- line-height: 48px;
2300
- }
2301
- .e-bigger .e-daterangepicker .e-calendar .e-header.e-month, .e-bigger .e-daterangepicker .e-calendar .e-header.e-year, .e-bigger .e-daterangepicker .e-calendar .e-header.e-decade,
2302
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
2303
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year,
2304
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade,
2305
- *.e-device.e-daterangepicker .e-calendar .e-header.e-month,
2306
- *.e-device.e-daterangepicker .e-calendar .e-header.e-year,
2307
- *.e-device.e-daterangepicker .e-calendar .e-header.e-decade {
2308
- padding: 10px 5px 0 5px;
2309
- }
2310
- .e-bigger .e-daterangepicker .e-footer,
2311
- *.e-bigger.e-daterangepicker .e-footer,
2312
- *.e-device.e-daterangepicker .e-footer {
2313
- height: 58px;
2314
- }
2315
- .e-bigger .e-daterangepicker .e-footer .e-btn,
2316
- *.e-bigger.e-daterangepicker .e-footer .e-btn,
2317
- *.e-device.e-daterangepicker .e-footer .e-btn {
2318
- height: 36px;
2319
- line-height: 36px;
2320
- overflow: hidden;
2321
- }
2322
- .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
2323
- *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
2324
- *.e-device.e-daterangepicker .e-footer .e-btn.e-apply {
2325
- margin: 0 8px 0 8px;
2326
- }
2327
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2328
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2329
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
2330
- border: 1px solid rgba(var(--color-sf-primary));
2331
- border-radius: 16px 0 0 16px;
2332
- border-right: 0;
2333
- }
2334
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2335
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2336
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
2337
- border-radius: 0 16px 16px 0;
2338
- }
2339
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2340
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2341
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
2342
- margin: 0 8px 0 8px;
2343
- }
2344
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2345
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2346
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
2347
- margin-left: 0;
2348
- }
2349
- .e-bigger .e-daterangepicker.e-device.e-popup,
2350
- *.e-bigger.e-daterangepicker.e-device.e-popup,
2351
- *.e-device.e-daterangepicker.e-device.e-popup {
2352
- max-width: 298px;
2353
- }
2354
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
2355
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
2356
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
2357
- margin: 20px 16px 0 16px;
2358
- padding: 0;
2359
- }
2360
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2361
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2362
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
2363
- margin: 10px 0;
2364
- }
2365
-
2366
- .e-small .e-daterangepicker.e-popup .e-range-header,
2367
- *.e-small.e-daterangepicker.e-popup .e-range-header {
2368
- margin: 10px 10px 0 10px;
2369
- }
2370
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
2371
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
2372
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label {
2373
- font-size: 16px;
2374
- }
2375
- .e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon,
2376
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon {
2377
- font-size: 12px;
2378
- }
2379
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-end,
2380
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end {
2381
- height: 32px;
2382
- }
2383
- .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
2384
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
2385
- font-size: 12px;
2386
- margin: 0 0 10px 0;
2387
- }
2388
- .e-small .e-daterangepicker.e-popup .e-range-header .e-separator,
2389
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator {
2390
- margin: 0 10px;
2391
- }
2392
- .e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
2393
- *.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
2394
- margin: 10px 10px 10px 8px;
2395
- }
2396
- .e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item,
2397
- *.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item {
2398
- font-size: 12px;
2399
- height: 26px;
2400
- line-height: 26px;
2401
- }
2402
-
2403
- /* stylelint-disable */
2404
- .e-range-overflow {
2405
- overflow: hidden;
2406
- }
2407
-
2408
- .e-daterangepick-mob-popup-wrap {
2409
- -ms-flex-align: center;
2410
- align-items: center;
2411
- display: -ms-flexbox;
2412
- display: flex;
2413
- -ms-flex-direction: column;
2414
- flex-direction: column;
2415
- height: 100%;
2416
- -ms-flex-pack: center;
2417
- justify-content: center;
2418
- left: 0;
2419
- max-height: 100%;
2420
- position: fixed;
2421
- top: 0;
2422
- width: 100%;
2423
- z-index: 1002;
2424
- }
2425
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open {
2426
- position: relative;
2427
- top: 0 !important;
2428
- left: 0 !important;
2429
- }
2430
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
2431
- min-height: 100%;
2432
- min-width: 100%;
2433
- height: 100%;
2434
- width: 100%;
2435
- }
2436
-
2437
- .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2438
- background-size: 250px 33px;
2439
- min-height: 33px;
2440
- }
2441
-
2442
- .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker,
2443
- .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2444
- background-size: 250px 40px;
2445
- min-height: 40px;
2446
- }
2447
-
2448
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2449
- min-height: 100%;
2450
- min-width: 100%;
2451
- height: 100%;
2452
- width: 100%;
2453
- }
2454
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2455
- height: 20vh;
2456
- padding: 2vh 2vw;
2457
- margin: 0;
2458
- color: rgba(var(--color-sf-on-surface));
2459
- }
2460
- @media (max-device-width: 768px) {
2461
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
2462
- font-size: 16px;
2463
- }
2464
- }
2465
- @media (min-device-width: 768px) {
2466
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
2467
- font-size: 18px;
2468
- }
2469
- }
2470
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
2471
- float: right;
2472
- }
2473
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2474
- margin: 3vh 0 0 0;
2475
- }
2476
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2477
- min-width: 100%;
2478
- width: 100%;
2479
- padding: 0;
2480
- overflow: unset;
2481
- }
2482
- @media (max-height: 600px) {
2483
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2484
- min-height: 100%;
2485
- height: 100%;
2486
- }
2487
- }
2488
- @media (min-height: 600px) {
2489
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
2490
- min-height: 80vh;
2491
- height: 80vh;
2492
- }
2493
- }
2494
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
2495
- height: 10vh;
2496
- border-style: solid;
2497
- border-width: 0 0 1px 0;
2498
- border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2499
- padding: 2vh 2vw;
2500
- line-height: 5vh;
2501
- }
2502
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
2503
- height: 36px;
2504
- width: 36px;
2505
- margin-right: 60vw;
2506
- vertical-align: inherit;
2507
- font-size: 18px;
2508
- }
2509
- @media screen and (orientation: landscape) {
2510
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
2511
- margin-right: 78vw;
2512
- vertical-align: inherit;
2513
- }
2514
- }
2515
- @media (min-device-width: 768px) {
2516
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
2517
- font-size: 18px;
2518
- padding: 11px;
2519
- }
2520
- }
2521
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
2522
- height: 36px;
2523
- width: 36px;
2524
- margin-right: 42px;
2525
- }
2526
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
2527
- padding: 10px;
2528
- line-height: 1;
2529
- }
2530
- @media (min-device-width: 768px) {
2531
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
2532
- font-size: 18px;
2533
- }
2534
- }
2535
- @media (max-height: 600px) {
2536
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
2537
- margin-left: -25vw;
2538
- position: absolute;
2539
- text-align: center;
2540
- vertical-align: middle;
2541
- width: 50vw;
2542
- line-height: 44px;
2543
- line-height: 8vh;
2544
- }
2545
- }
2546
- @media (min-height: 600px) {
2547
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
2548
- margin-left: -25vw;
2549
- position: absolute;
2550
- text-align: center;
2551
- vertical-align: middle;
2552
- width: 50vw;
2553
- line-height: 44px;
2554
- line-height: inherit;
2555
- }
2556
- }
2557
- @media (min-device-width: 768px) {
2558
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
2559
- font-size: 18px;
2560
- }
2561
- }
2562
- @media (min-device-width: 768px) {
2563
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
2564
- font-size: 18px;
2565
- height: 48px;
2566
- }
2567
- }
2568
- @media (min-device-width: 768px) {
2569
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
2570
- font-size: 18px;
2571
- height: 64px;
2572
- width: 64px;
2573
- line-height: 64px;
2574
- }
2575
- }
2576
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
2577
- border-radius: 0;
2578
- }
2579
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
2580
- height: 100%;
2581
- }
2582
- @media (max-height: 600px) {
2583
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2584
- min-height: 78vh;
2585
- height: 78vh;
2586
- }
2587
- }
2588
- @media (max-height: 600px) {
2589
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
2590
- min-height: 78vh;
2591
- height: 78vh;
2592
- }
2593
- }
2594
- @media (max-height: 600px) {
2595
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2596
- min-height: 100%;
2597
- height: 100%;
2598
- }
2599
- }
2600
- @media (min-height: 600px) {
2601
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2602
- min-height: 80vh;
2603
- height: 80vh;
2604
- }
2605
- }
2606
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
2607
- margin: 0;
2608
- }
2609
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
2610
- height: 69vh;
2611
- }
2612
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
2613
- padding: 0 2vw;
2614
- height: 69vh;
2615
- border-spacing: unset;
2616
- }
2617
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-footer {
2618
- display: none;
2619
- }
2620
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
2621
- max-height: 90%;
2622
- height: 90%;
2623
- }
2624
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul {
2625
- height: 100%;
2626
- }
2627
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
2628
- font-size: 16px;
2629
- }
2630
- @media (min-device-width: 768px) {
2631
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
2632
- font-size: 18px;
2633
- }
2634
- }
2635
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap {
2636
- position: relative;
2637
- height: 100%;
2638
- }
2639
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2640
- height: 10%;
2641
- padding: 2.5vh 2.5vw 2.5vh 1.5vw;
2642
- display: -ms-flexbox;
2643
- display: flex;
2644
- -ms-flex-align: center;
2645
- align-items: center;
2646
- font-size: 2vh;
2647
- border-bottom: none;
2648
- }
2649
- @media (min-device-width: 768px) {
2650
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2651
- font-size: 18px;
2652
- }
2653
- }
2654
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2655
- float: left;
2656
- padding: 1vh 2vw;
2657
- }
2658
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2659
- padding: 1vh 2vw;
2660
- text-transform: uppercase;
2661
- }
2662
-
2663
- @media screen and (orientation: landscape) {
2664
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
2665
- padding: 0;
2666
- }
2667
- }
2668
- @media screen and (orientation: landscape) and (min-device-width: 768px) {
2669
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
2670
- font-size: 18px;
2671
- }
2672
- }
2673
- @media screen and (orientation: landscape) and (min-height: 600px) {
2674
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2675
- min-height: 70vh;
2676
- height: 70vh;
2677
- }
2678
- }
2679
- @media screen and (orientation: landscape) and (max-height: 600px) {
2680
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2681
- min-height: 65%;
2682
- height: 65%;
2683
- }
2684
- }
2685
- @media screen and (orientation: landscape) and (min-height: 600px) {
2686
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
2687
- min-height: 70vh;
2688
- height: 70vh;
2689
- }
2690
- }
2691
- @media screen and (orientation: landscape) and (max-height: 600px) {
2692
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-decade {
2693
- height: 50vh;
2694
- }
2695
- }
2696
- @media screen and (orientation: landscape) {
2697
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
2698
- max-height: 85%;
2699
- height: 85%;
2700
- }
2701
- }
2702
- @media screen and (orientation: landscape) {
2703
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2704
- height: 15%;
2705
- font-size: 18px;
2706
- }
2707
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2708
- padding: 1vh 1vw;
2709
- }
2710
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2711
- padding: 1vh 1vw;
2712
- }
2713
- }
2714
- @media screen and (orientation: landscape) {
2715
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2716
- width: 100%;
2717
- }
2718
- }
2719
- @media screen and (orientation: landscape) and (max-height: 600px) {
2720
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2721
- height: 27vh;
2722
- }
2723
- }
2724
- @media screen and (orientation: landscape) and (min-height: 600px) {
2725
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2726
- height: 25vh;
2727
- }
2728
- }
2729
- @media screen and (orientation: landscape) {
2730
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2731
- margin: 0;
2732
- height: 28px;
2733
- }
2734
- }
2735
- @media screen and (orientation: landscape) and (min-height: 600px) {
2736
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2737
- margin: 5vh 0 0 0;
2738
- }
2739
- }
2740
- @media screen and (orientation: landscape) {
2741
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
2742
- margin: 8px 0;
2743
- font-size: 16px;
2744
- }
2745
- }
2746
- @media screen and (orientation: landscape) and (min-height: 600px) {
2747
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2748
- min-height: 75vh;
2749
- height: 75vh;
2750
- }
2751
- }
2752
- @media screen and (orientation: landscape) {
2753
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
2754
- overflow-y: auto;
2755
- }
2756
- }
2757
- @media screen and (orientation: landscape) and (max-height: 600px) {
2758
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
2759
- height: 60vh;
2760
- }
2761
- }
2762
- @media screen and (orientation: landscape) and (min-height: 600px) {
2763
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
2764
- height: 65vh;
2765
- }
2766
- }
2767
- @media screen and (orientation: landscape) {
2768
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
2769
- display: table;
2770
- border-spacing: unset;
2771
- }
2772
- }
2773
- @media screen and (orientation: landscape) and (min-height: 600px) {
2774
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
2775
- height: 65vh;
2776
- }
2777
- }
2778
- .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
2779
- width: calc(100% - 80px);
2780
- }
2781
-
2782
- .e-outline.e-float-input.e-static-clear.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
2783
- width: calc(100% - 110px);
2784
- }
2785
-
2786
- /* stylelint-enable */
2787
- /*! daterangepicker theme */
2788
- .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2789
- color: rgba(var(--color-sf-on-surface-variant));
2790
- }
2791
- .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
2792
- color: rgba(var(--color-sf-on-surface-variant));
2793
- }
2794
-
2795
- .e-daterangepicker.e-popup,
2796
- .e-bigger.e-small .e-daterangepicker.e-popup,
2797
- .e-bigger.e-small.e-daterangepicker.e-popup {
2798
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2799
- }
2800
- .e-daterangepicker.e-popup .e-calendar,
2801
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
2802
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
2803
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2804
- }
2805
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2806
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2807
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2808
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2809
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2810
- color: rgba(var(--color-sf-on-surface));
2811
- text-decoration: none;
2812
- }
2813
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2814
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2815
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2816
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2817
- color: rgba(var(--color-sf-on-surface));
2818
- }
2819
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2820
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2821
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2822
- background: transparent;
2823
- border: 1px solid rgba(var(--color-sf-primary));
2824
- color: rgba(var(--color-sf-primary));
2825
- }
2826
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2827
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2828
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2829
- background: transparent;
2830
- border: none;
2831
- color: rgba(var(--color-sf-on-surface));
2832
- }
2833
- .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2834
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2835
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2836
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2837
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2838
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2839
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2840
- background: rgba(var(--color-sf-on-surface), 0.05);
2841
- border: none;
2842
- color: rgba(var(--color-sf-on-surface));
2843
- }
2844
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
2845
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2846
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2847
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2848
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
2849
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2850
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2851
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2852
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
2853
- border: 1px solid rgba(var(--color-sf-primary));
2854
- }
2855
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2856
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2857
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2858
- border: 1px solid rgba(var(--color-sf-primary));
2859
- }
2860
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
2861
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2862
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2863
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2864
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2865
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2866
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
2867
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2868
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2869
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2870
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2871
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2872
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
2873
- background: transparent;
2874
- border: none;
2875
- color: rgba(var(--color-sf-on-surface-variant));
2876
- }
2877
- .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover, .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2878
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2879
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2880
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2881
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
2882
- background: transparent;
2883
- border: none;
2884
- color: rgba(var(--color-sf-on-surface-variant));
2885
- }
2886
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2887
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2888
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2889
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2890
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2891
- background: rgba(var(--color-sf-primary));
2892
- color: rgba(var(--color-sf-on-primary));
2893
- }
2894
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2895
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2896
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2897
- background: rgba(var(--color-sf-primary));
2898
- color: rgba(var(--color-sf-on-primary));
2899
- }
2900
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2901
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2902
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2903
- color: rgba(var(--color-sf-on-primary));
2904
- }
2905
- .e-daterangepicker.e-popup .e-presets,
2906
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
2907
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
2908
- background: transparent;
2909
- color: rgba(var(--color-sf-on-surface));
2910
- }
2911
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2912
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2913
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2914
- background: rgba(var(--color-sf-primary-container));
2915
- color: rgba(var(--color-sf-on-surface));
2916
- }
2917
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2918
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2919
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2920
- background: rgba(var(--color-sf-on-surface), 0.08);
2921
- color: rgba(var(--color-sf-on-surface));
2922
- }
2923
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label,
2924
- .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
2925
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
2926
- .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
2927
- .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
2928
- color: rgba(var(--color-sf-on-surface));
2929
- }
2930
- .e-daterangepicker.e-popup .e-change-icon,
2931
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
2932
- .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
2933
- color: rgba(var(--color-sf-on-surface-variant));
2934
- }
2935
- .e-daterangepicker.e-popup .e-day-span,
2936
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
2937
- .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
2938
- color: rgba(var(--color-sf-on-surface-variant));
2939
- }
2940
- .e-daterangepicker.e-popup .e-separator,
2941
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
2942
- .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
2943
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2944
- }
2945
- .e-daterangepicker.e-popup .e-footer,
2946
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
2947
- .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
2948
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2949
- border-bottom-left-radius: 8px;
2950
- border-bottom-right-radius: 8px;
2951
- }
2952
- .e-bigger .e-daterangepicker,
2953
- *.e-bigger.e-daterangepicker,
2954
- *.e-device.e-daterangepicker {
2955
- background: initial;
2956
- padding: 0;
2957
- }
2958
- .e-bigger .e-daterangepicker .e-calendar th,
2959
- *.e-bigger.e-daterangepicker .e-calendar th,
2960
- *.e-device.e-daterangepicker .e-calendar th {
2961
- color: rgba(var(--color-sf-on-surface-variant));
2962
- }
2963
- .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn,
2964
- *.e-bigger.e-daterangepicker .e-start-btn,
2965
- *.e-bigger.e-daterangepicker .e-end-btn,
2966
- *.e-device.e-daterangepicker .e-start-btn,
2967
- *.e-device.e-daterangepicker .e-end-btn {
2968
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2969
- }
2970
- .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
2971
- *.e-bigger.e-daterangepicker .e-start-btn.e-active,
2972
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
2973
- *.e-bigger.e-daterangepicker .e-end-btn.e-active,
2974
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
2975
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
2976
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
2977
- *.e-device.e-daterangepicker .e-start-btn.e-active,
2978
- *.e-device.e-daterangepicker .e-start-btn.e-active:active,
2979
- *.e-device.e-daterangepicker .e-end-btn.e-active,
2980
- *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
2981
- *.e-device.e-daterangepicker .e-start-btn.e-active:hover,
2982
- *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
2983
- background: rgba(var(--color-sf-primary));
2984
- color: rgba(var(--color-sf-on-primary));
2985
- }
2986
-
2987
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
2988
- background-color: rgba(var(--color-sf-primary));
2989
- color: rgba(var(--color-sf-on-primary));
2990
- }
2991
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
2992
- color: rgba(var(--color-sf-on-primary));
2993
- }
2994
-
2995
- /* stylelint-disable property-no-vendor-prefix */
2996
- @keyframes e-input-ripple {
2997
- 100% {
2998
- opacity: 0;
2999
- transform: scale(4);
3000
- }
3001
- }
3002
- @keyframes slideTopUp {
3003
- from {
3004
- transform: translate3d(0, 0, 0) scale(1);
3005
- }
3006
- to {
3007
- transform: translate3d(0, 0, 0) scale(1);
3008
- }
3009
- }
3010
- /* stylelint-disable-line no-empty-source */
3011
- /*! component icons */
3012
- .e-datetime-wrapper .e-time-icon.e-icons::before {
3013
- content: "\e705";
3014
- font-family: "e-icons";
3015
- }
3016
-
3017
- .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
3018
- .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
3019
- display: -ms-flexbox;
3020
- display: flex;
3021
- }
3022
-
3023
- .e-datetime-wrapper {
3024
- /* stylelint-disable property-no-vendor-prefix */
3025
- -webkit-tap-highlight-color: transparent;
3026
- }
3027
- .e-datetime-wrapper .e-time-icon.e-icons::before {
3028
- font-size: 16px;
3029
- }
3030
- .e-datetime-wrapper.e-control-wrapper {
3031
- box-sizing: border-box;
3032
- }
3033
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
3034
- pointer-events: none;
3035
- }
3036
- .e-datetime-wrapper .e-clear-icon {
3037
- box-sizing: content-box;
3038
- }
3039
- .e-datetime-wrapper span {
3040
- cursor: pointer;
3041
- }
3042
- .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3043
- font-size: 16px;
3044
- margin: 0;
3045
- min-height: 30px;
3046
- min-width: 30px;
3047
- border-radius: 16px;
3048
- outline: none;
3049
- }
3050
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3051
- border: 0;
3052
- border-style: none;
3053
- margin: 0;
3054
- }
3055
-
3056
- .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
3057
- margin: 0;
3058
- }
3059
-
3060
- .e-datetimepicker.e-time-modal {
3061
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
3062
- height: 100%;
3063
- left: 0;
3064
- opacity: 0.5;
3065
- pointer-events: auto;
3066
- position: fixed;
3067
- top: 0;
3068
- width: 100%;
3069
- z-index: 999;
3070
- }
3071
-
3072
- .e-datetimepicker.e-popup {
3073
- border-style: solid;
3074
- border-width: 1px;
3075
- overflow: auto;
3076
- }
3077
- .e-datetimepicker.e-popup .e-content {
3078
- position: relative;
3079
- }
3080
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
3081
- margin: 0;
3082
- padding: 0;
3083
- }
3084
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3085
- color: rgba(var(--color-sf-on-surface));
3086
- cursor: default;
3087
- font-size: 13px;
3088
- overflow: hidden;
3089
- position: relative;
3090
- text-overflow: ellipsis;
3091
- vertical-align: middle;
3092
- white-space: nowrap;
3093
- width: 100%;
3094
- }
3095
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
3096
- cursor: pointer;
3097
- }
3098
-
3099
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3100
- line-height: 36px;
3101
- text-indent: 16px;
3102
- }
3103
-
3104
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
3105
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
3106
- font-size: 20px;
3107
- }
3108
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
3109
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3110
- margin: 0;
3111
- min-height: 38px;
3112
- min-width: 38px;
3113
- border-radius: 20px;
3114
- }
3115
-
3116
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
3117
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
3118
- margin: 0;
3119
- }
3120
-
3121
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
3122
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
3123
- padding: 0;
3124
- }
3125
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3126
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3127
- font-size: 14px;
3128
- line-height: 48px;
3129
- text-indent: 16px;
3130
- }
3131
-
3132
- .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3133
- *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3134
- font-size: 12px;
3135
- line-height: 26px;
3136
- text-indent: 12px;
3137
- }
3138
-
3139
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3140
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3141
- font-size: 13px;
3142
- line-height: 40px;
3143
- text-indent: 16px;
3144
- }
3145
-
3146
- .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
3147
- *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
3148
- font-size: 16px;
3149
- }
3150
- .e-small.e-datetime-wrapper .e-input-group-icon.e-time-icon,
3151
- *.e-small .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3152
- min-height: 22px;
3153
- min-width: 22px;
3154
- border-radius: 14px;
3155
- margin: 0;
3156
- }
3157
-
3158
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
3159
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
3160
- font-size: 20px;
3161
- }
3162
- .e-small.e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
3163
- *.e-small.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3164
- min-height: 34px;
3165
- min-width: 34px;
3166
- border-radius: 20px;
3167
- margin: 0;
3168
- }
3169
-
3170
- .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3171
- background-size: 250px 33px;
3172
- min-height: 33px;
3173
- }
3174
-
3175
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
3176
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3177
- background-size: 250px 40px;
3178
- min-height: 40px;
3179
- }
3180
-
3181
- .e-datetimepicker.e-popup-expand.e-popup {
3182
- position: fixed;
3183
- }
3184
- .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
3185
- position: relative;
3186
- width: 100%;
3187
- }
3188
-
3189
- /*! datetimepicker theme */
3190
- .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
3191
- color: rgba(var(--color-sf-on-surface));
3192
- }
3193
- .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
3194
- color: rgba(var(--color-sf-on-surface));
3195
- }
3196
-
3197
- .e-datetimepicker.e-popup {
3198
- border: none;
3199
- border-radius: 4px;
3200
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
3201
- }
3202
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
3203
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
3204
- }
3205
- .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
3206
- border: none;
3207
- color: rgba(var(--color-sf-on-surface));
3208
- }
3209
- .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 {
3210
- background: rgba(var(--color-sf-on-surface), 0.05);
3211
- border: none;
3212
- color: rgba(var(--color-sf-on-surface));
3213
- }
3214
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
3215
- background: rgba(var(--color-sf-primary-container));
3216
- color: rgba(var(--color-sf-on-surface));
3217
- }
3218
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
3219
- background: rgba(var(--color-sf-primary));
3220
- color: rgba(var(--color-sf-on-primary));
3221
- }
1
+ @import '@syncfusion/ej2-calendars/styles/material3-dark.css';