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