@syncfusion/ej2-calendars 34.2.8 → 35.1.39

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 (565) hide show
  1. package/dist/ej2-calendars.min.js +2 -2
  2. package/dist/ej2-calendars.umd.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-calendars.es2015.js +21 -12
  5. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  6. package/dist/es6/ej2-calendars.es5.js +21 -12
  7. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  8. package/dist/global/ej2-calendars.min.js +2 -2
  9. package/dist/global/ej2-calendars.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -6
  12. package/src/calendar/calendar.js +13 -11
  13. package/src/daterangepicker/daterangepicker.d.ts +1 -0
  14. package/src/daterangepicker/daterangepicker.js +8 -1
  15. package/helpers/e2e/calendarHelper.d.ts +0 -25
  16. package/helpers/e2e/calendarHelper.js +0 -87
  17. package/helpers/e2e/datepickerHelper.d.ts +0 -28
  18. package/helpers/e2e/datepickerHelper.js +0 -96
  19. package/helpers/e2e/daterangepickerHelper.d.ts +0 -39
  20. package/helpers/e2e/daterangepickerHelper.js +0 -129
  21. package/helpers/e2e/datetimepickerHelper.d.ts +0 -38
  22. package/helpers/e2e/datetimepickerHelper.js +0 -126
  23. package/helpers/e2e/index.d.ts +0 -5
  24. package/helpers/e2e/index.js +0 -12
  25. package/helpers/e2e/timepickerHelper.d.ts +0 -17
  26. package/helpers/e2e/timepickerHelper.js +0 -63
  27. package/styles/bds-lite.css +0 -2340
  28. package/styles/bds-lite.scss +0 -15
  29. package/styles/bds.css +0 -3759
  30. package/styles/bds.scss +0 -20
  31. package/styles/bootstrap-dark-lite.css +0 -2250
  32. package/styles/bootstrap-dark-lite.scss +0 -15
  33. package/styles/bootstrap-dark.css +0 -3576
  34. package/styles/bootstrap-dark.scss +0 -20
  35. package/styles/bootstrap-lite.css +0 -2257
  36. package/styles/bootstrap-lite.scss +0 -15
  37. package/styles/bootstrap.css +0 -3588
  38. package/styles/bootstrap.scss +0 -20
  39. package/styles/bootstrap4-lite.css +0 -2278
  40. package/styles/bootstrap4-lite.scss +0 -15
  41. package/styles/bootstrap4.css +0 -3616
  42. package/styles/bootstrap4.scss +0 -20
  43. package/styles/bootstrap5-dark-lite.css +0 -2386
  44. package/styles/bootstrap5-dark-lite.scss +0 -15
  45. package/styles/bootstrap5-dark.css +0 -3747
  46. package/styles/bootstrap5-dark.scss +0 -20
  47. package/styles/bootstrap5-lite.css +0 -2386
  48. package/styles/bootstrap5-lite.scss +0 -15
  49. package/styles/bootstrap5.3-lite.css +0 -2447
  50. package/styles/bootstrap5.3-lite.scss +0 -15
  51. package/styles/bootstrap5.3.css +0 -3809
  52. package/styles/bootstrap5.3.scss +0 -20
  53. package/styles/bootstrap5.css +0 -3747
  54. package/styles/bootstrap5.scss +0 -20
  55. package/styles/calendar/_all.scss +0 -2
  56. package/styles/calendar/_bds-definition.scss +0 -286
  57. package/styles/calendar/_bigger.scss +0 -1161
  58. package/styles/calendar/_bootstrap-dark-definition.scss +0 -251
  59. package/styles/calendar/_bootstrap-definition.scss +0 -251
  60. package/styles/calendar/_bootstrap4-definition.scss +0 -251
  61. package/styles/calendar/_bootstrap5-dark-definition.scss +0 -271
  62. package/styles/calendar/_bootstrap5-definition.scss +0 -271
  63. package/styles/calendar/_bootstrap5.3-definition.scss +0 -272
  64. package/styles/calendar/_fabric-dark-definition.scss +0 -214
  65. package/styles/calendar/_fabric-definition.scss +0 -213
  66. package/styles/calendar/_fluent-dark-definition.scss +0 -276
  67. package/styles/calendar/_fluent-definition.scss +0 -276
  68. package/styles/calendar/_fluent2-definition.scss +0 -314
  69. package/styles/calendar/_fusionnew-definition.scss +0 -273
  70. package/styles/calendar/_highcontrast-definition.scss +0 -212
  71. package/styles/calendar/_highcontrast-light-definition.scss +0 -214
  72. package/styles/calendar/_layout.scss +0 -589
  73. package/styles/calendar/_material-dark-definition.scss +0 -216
  74. package/styles/calendar/_material-definition.scss +0 -212
  75. package/styles/calendar/_material3-dark-definition.scss +0 -209
  76. package/styles/calendar/_material3-definition.scss +0 -209
  77. package/styles/calendar/_tailwind-dark-definition.scss +0 -284
  78. package/styles/calendar/_tailwind-definition.scss +0 -284
  79. package/styles/calendar/_tailwind3-definition.scss +0 -277
  80. package/styles/calendar/_theme.scss +0 -725
  81. package/styles/calendar/_variables.scss +0 -2
  82. package/styles/calendar/bds.css +0 -1306
  83. package/styles/calendar/bds.scss +0 -4
  84. package/styles/calendar/bootstrap-dark.css +0 -1184
  85. package/styles/calendar/bootstrap-dark.scss +0 -4
  86. package/styles/calendar/bootstrap.css +0 -1185
  87. package/styles/calendar/bootstrap.scss +0 -4
  88. package/styles/calendar/bootstrap4.css +0 -1185
  89. package/styles/calendar/bootstrap4.scss +0 -4
  90. package/styles/calendar/bootstrap5-dark.css +0 -1257
  91. package/styles/calendar/bootstrap5-dark.scss +0 -4
  92. package/styles/calendar/bootstrap5.3.css +0 -1318
  93. package/styles/calendar/bootstrap5.3.scss +0 -4
  94. package/styles/calendar/bootstrap5.css +0 -1257
  95. package/styles/calendar/bootstrap5.scss +0 -4
  96. package/styles/calendar/fabric-dark.css +0 -1198
  97. package/styles/calendar/fabric-dark.scss +0 -4
  98. package/styles/calendar/fabric.css +0 -1205
  99. package/styles/calendar/fabric.scss +0 -4
  100. package/styles/calendar/fluent-dark.css +0 -1448
  101. package/styles/calendar/fluent-dark.scss +0 -4
  102. package/styles/calendar/fluent.css +0 -1448
  103. package/styles/calendar/fluent.scss +0 -4
  104. package/styles/calendar/fluent2.css +0 -1500
  105. package/styles/calendar/fluent2.scss +0 -4
  106. package/styles/calendar/highcontrast-light.css +0 -1188
  107. package/styles/calendar/highcontrast-light.scss +0 -4
  108. package/styles/calendar/highcontrast.css +0 -1205
  109. package/styles/calendar/highcontrast.scss +0 -4
  110. package/styles/calendar/icons/_bds.scss +0 -14
  111. package/styles/calendar/icons/_bootstrap-dark.scss +0 -14
  112. package/styles/calendar/icons/_bootstrap.scss +0 -14
  113. package/styles/calendar/icons/_bootstrap4.scss +0 -14
  114. package/styles/calendar/icons/_bootstrap5-dark.scss +0 -1
  115. package/styles/calendar/icons/_bootstrap5.3.scss +0 -14
  116. package/styles/calendar/icons/_bootstrap5.scss +0 -14
  117. package/styles/calendar/icons/_fabric-dark.scss +0 -14
  118. package/styles/calendar/icons/_fabric.scss +0 -14
  119. package/styles/calendar/icons/_fluent-dark.scss +0 -1
  120. package/styles/calendar/icons/_fluent.scss +0 -14
  121. package/styles/calendar/icons/_fluent2.scss +0 -14
  122. package/styles/calendar/icons/_fusionnew.scss +0 -14
  123. package/styles/calendar/icons/_highcontrast-light.scss +0 -14
  124. package/styles/calendar/icons/_highcontrast.scss +0 -14
  125. package/styles/calendar/icons/_material-dark.scss +0 -14
  126. package/styles/calendar/icons/_material.scss +0 -14
  127. package/styles/calendar/icons/_material3-dark.scss +0 -1
  128. package/styles/calendar/icons/_material3.scss +0 -14
  129. package/styles/calendar/icons/_tailwind-dark.scss +0 -1
  130. package/styles/calendar/icons/_tailwind.scss +0 -14
  131. package/styles/calendar/icons/_tailwind3.scss +0 -14
  132. package/styles/calendar/material-dark.css +0 -1204
  133. package/styles/calendar/material-dark.scss +0 -4
  134. package/styles/calendar/material.css +0 -1205
  135. package/styles/calendar/material.scss +0 -4
  136. package/styles/calendar/material3-dark.css +0 -1303
  137. package/styles/calendar/material3-dark.scss +0 -4
  138. package/styles/calendar/material3.css +0 -1305
  139. package/styles/calendar/material3.scss +0 -4
  140. package/styles/calendar/tailwind-dark.css +0 -1302
  141. package/styles/calendar/tailwind-dark.scss +0 -4
  142. package/styles/calendar/tailwind.css +0 -1302
  143. package/styles/calendar/tailwind.scss +0 -4
  144. package/styles/calendar/tailwind3.css +0 -1326
  145. package/styles/calendar/tailwind3.scss +0 -4
  146. package/styles/datepicker/_all.scss +0 -2
  147. package/styles/datepicker/_bds-definition.scss +0 -133
  148. package/styles/datepicker/_bigger.scss +0 -83
  149. package/styles/datepicker/_bootstrap-dark-definition.scss +0 -125
  150. package/styles/datepicker/_bootstrap-definition.scss +0 -124
  151. package/styles/datepicker/_bootstrap4-definition.scss +0 -130
  152. package/styles/datepicker/_bootstrap5-dark-definition.scss +0 -135
  153. package/styles/datepicker/_bootstrap5-definition.scss +0 -135
  154. package/styles/datepicker/_bootstrap5.3-definition.scss +0 -137
  155. package/styles/datepicker/_fabric-dark-definition.scss +0 -126
  156. package/styles/datepicker/_fabric-definition.scss +0 -123
  157. package/styles/datepicker/_fluent-dark-definition.scss +0 -135
  158. package/styles/datepicker/_fluent-definition.scss +0 -135
  159. package/styles/datepicker/_fluent2-definition.scss +0 -147
  160. package/styles/datepicker/_fusionnew-definition.scss +0 -135
  161. package/styles/datepicker/_highcontrast-definition.scss +0 -124
  162. package/styles/datepicker/_highcontrast-light-definition.scss +0 -127
  163. package/styles/datepicker/_layout.scss +0 -442
  164. package/styles/datepicker/_material-dark-definition.scss +0 -131
  165. package/styles/datepicker/_material-definition.scss +0 -128
  166. package/styles/datepicker/_material3-dark-definition.scss +0 -127
  167. package/styles/datepicker/_material3-definition.scss +0 -127
  168. package/styles/datepicker/_tailwind-dark-definition.scss +0 -133
  169. package/styles/datepicker/_tailwind-definition.scss +0 -133
  170. package/styles/datepicker/_tailwind3-definition.scss +0 -136
  171. package/styles/datepicker/_theme.scss +0 -49
  172. package/styles/datepicker/_variables.scss +0 -2
  173. package/styles/datepicker/bds.css +0 -455
  174. package/styles/datepicker/bds.scss +0 -4
  175. package/styles/datepicker/bootstrap-dark.css +0 -436
  176. package/styles/datepicker/bootstrap-dark.scss +0 -4
  177. package/styles/datepicker/bootstrap.css +0 -436
  178. package/styles/datepicker/bootstrap.scss +0 -4
  179. package/styles/datepicker/bootstrap4.css +0 -448
  180. package/styles/datepicker/bootstrap4.scss +0 -4
  181. package/styles/datepicker/bootstrap5-dark.css +0 -446
  182. package/styles/datepicker/bootstrap5-dark.scss +0 -4
  183. package/styles/datepicker/bootstrap5.3.css +0 -530
  184. package/styles/datepicker/bootstrap5.3.scss +0 -4
  185. package/styles/datepicker/bootstrap5.css +0 -446
  186. package/styles/datepicker/bootstrap5.scss +0 -4
  187. package/styles/datepicker/fabric-dark.css +0 -429
  188. package/styles/datepicker/fabric-dark.scss +0 -4
  189. package/styles/datepicker/fabric.css +0 -429
  190. package/styles/datepicker/fabric.scss +0 -4
  191. package/styles/datepicker/fluent-dark.css +0 -446
  192. package/styles/datepicker/fluent-dark.scss +0 -4
  193. package/styles/datepicker/fluent.css +0 -446
  194. package/styles/datepicker/fluent.scss +0 -4
  195. package/styles/datepicker/fluent2.css +0 -540
  196. package/styles/datepicker/fluent2.scss +0 -4
  197. package/styles/datepicker/highcontrast-light.css +0 -442
  198. package/styles/datepicker/highcontrast-light.scss +0 -4
  199. package/styles/datepicker/highcontrast.css +0 -442
  200. package/styles/datepicker/highcontrast.scss +0 -4
  201. package/styles/datepicker/icons/_bds.scss +0 -53
  202. package/styles/datepicker/icons/_bootstrap-dark.scss +0 -50
  203. package/styles/datepicker/icons/_bootstrap.scss +0 -51
  204. package/styles/datepicker/icons/_bootstrap4.scss +0 -54
  205. package/styles/datepicker/icons/_bootstrap5-dark.scss +0 -1
  206. package/styles/datepicker/icons/_bootstrap5.3.scss +0 -54
  207. package/styles/datepicker/icons/_bootstrap5.scss +0 -54
  208. package/styles/datepicker/icons/_fabric-dark.scss +0 -45
  209. package/styles/datepicker/icons/_fabric.scss +0 -45
  210. package/styles/datepicker/icons/_fluent-dark.scss +0 -1
  211. package/styles/datepicker/icons/_fluent.scss +0 -54
  212. package/styles/datepicker/icons/_fluent2.scss +0 -54
  213. package/styles/datepicker/icons/_fusionnew.scss +0 -53
  214. package/styles/datepicker/icons/_highcontrast-light.scss +0 -51
  215. package/styles/datepicker/icons/_highcontrast.scss +0 -52
  216. package/styles/datepicker/icons/_material-dark.scss +0 -61
  217. package/styles/datepicker/icons/_material.scss +0 -61
  218. package/styles/datepicker/icons/_material3-dark.scss +0 -1
  219. package/styles/datepicker/icons/_material3.scss +0 -52
  220. package/styles/datepicker/icons/_tailwind-dark.scss +0 -1
  221. package/styles/datepicker/icons/_tailwind.scss +0 -54
  222. package/styles/datepicker/icons/_tailwind3.scss +0 -54
  223. package/styles/datepicker/material-dark.css +0 -476
  224. package/styles/datepicker/material-dark.scss +0 -4
  225. package/styles/datepicker/material.css +0 -476
  226. package/styles/datepicker/material.scss +0 -4
  227. package/styles/datepicker/material3-dark.css +0 -542
  228. package/styles/datepicker/material3-dark.scss +0 -4
  229. package/styles/datepicker/material3.css +0 -544
  230. package/styles/datepicker/material3.scss +0 -4
  231. package/styles/datepicker/tailwind-dark.css +0 -451
  232. package/styles/datepicker/tailwind-dark.scss +0 -4
  233. package/styles/datepicker/tailwind.css +0 -451
  234. package/styles/datepicker/tailwind.scss +0 -4
  235. package/styles/datepicker/tailwind3.css +0 -511
  236. package/styles/datepicker/tailwind3.scss +0 -4
  237. package/styles/daterangepicker/_all.scss +0 -2
  238. package/styles/daterangepicker/_bds-definition.scss +0 -326
  239. package/styles/daterangepicker/_bigger.scss +0 -972
  240. package/styles/daterangepicker/_bootstrap-dark-definition.scss +0 -281
  241. package/styles/daterangepicker/_bootstrap-definition.scss +0 -281
  242. package/styles/daterangepicker/_bootstrap4-definition.scss +0 -291
  243. package/styles/daterangepicker/_bootstrap5-dark-definition.scss +0 -318
  244. package/styles/daterangepicker/_bootstrap5-definition.scss +0 -318
  245. package/styles/daterangepicker/_bootstrap5.3-definition.scss +0 -320
  246. package/styles/daterangepicker/_fabric-dark-definition.scss +0 -284
  247. package/styles/daterangepicker/_fabric-definition.scss +0 -281
  248. package/styles/daterangepicker/_fluent-dark-definition.scss +0 -335
  249. package/styles/daterangepicker/_fluent-definition.scss +0 -335
  250. package/styles/daterangepicker/_fluent2-definition.scss +0 -335
  251. package/styles/daterangepicker/_fusionnew-definition.scss +0 -317
  252. package/styles/daterangepicker/_highcontrast-definition.scss +0 -281
  253. package/styles/daterangepicker/_highcontrast-light-definition.scss +0 -284
  254. package/styles/daterangepicker/_layout.scss +0 -814
  255. package/styles/daterangepicker/_material-dark-definition.scss +0 -290
  256. package/styles/daterangepicker/_material-definition.scss +0 -290
  257. package/styles/daterangepicker/_material3-dark-definition.scss +0 -287
  258. package/styles/daterangepicker/_material3-definition.scss +0 -287
  259. package/styles/daterangepicker/_tailwind-dark-definition.scss +0 -309
  260. package/styles/daterangepicker/_tailwind-definition.scss +0 -309
  261. package/styles/daterangepicker/_tailwind3-definition.scss +0 -334
  262. package/styles/daterangepicker/_theme.scss +0 -429
  263. package/styles/daterangepicker/_variables.scss +0 -2
  264. package/styles/daterangepicker/bds.css +0 -1457
  265. package/styles/daterangepicker/bds.scss +0 -4
  266. package/styles/daterangepicker/bootstrap-dark.css +0 -1407
  267. package/styles/daterangepicker/bootstrap-dark.scss +0 -4
  268. package/styles/daterangepicker/bootstrap.css +0 -1418
  269. package/styles/daterangepicker/bootstrap.scss +0 -4
  270. package/styles/daterangepicker/bootstrap4.css +0 -1430
  271. package/styles/daterangepicker/bootstrap4.scss +0 -4
  272. package/styles/daterangepicker/bootstrap5-dark.css +0 -1492
  273. package/styles/daterangepicker/bootstrap5-dark.scss +0 -4
  274. package/styles/daterangepicker/bootstrap5.3.css +0 -1577
  275. package/styles/daterangepicker/bootstrap5.3.scss +0 -4
  276. package/styles/daterangepicker/bootstrap5.css +0 -1492
  277. package/styles/daterangepicker/bootstrap5.scss +0 -4
  278. package/styles/daterangepicker/fabric-dark.css +0 -1413
  279. package/styles/daterangepicker/fabric-dark.scss +0 -4
  280. package/styles/daterangepicker/fabric.css +0 -1413
  281. package/styles/daterangepicker/fabric.scss +0 -4
  282. package/styles/daterangepicker/fluent-dark.css +0 -1544
  283. package/styles/daterangepicker/fluent-dark.scss +0 -4
  284. package/styles/daterangepicker/fluent.css +0 -1544
  285. package/styles/daterangepicker/fluent.scss +0 -4
  286. package/styles/daterangepicker/fluent2.css +0 -1560
  287. package/styles/daterangepicker/fluent2.scss +0 -4
  288. package/styles/daterangepicker/highcontrast-light.css +0 -1413
  289. package/styles/daterangepicker/highcontrast-light.scss +0 -4
  290. package/styles/daterangepicker/highcontrast.css +0 -1413
  291. package/styles/daterangepicker/highcontrast.scss +0 -4
  292. package/styles/daterangepicker/icons/_bds.scss +0 -75
  293. package/styles/daterangepicker/icons/_bootstrap-dark.scss +0 -62
  294. package/styles/daterangepicker/icons/_bootstrap.scss +0 -70
  295. package/styles/daterangepicker/icons/_bootstrap4.scss +0 -77
  296. package/styles/daterangepicker/icons/_bootstrap5-dark.scss +0 -1
  297. package/styles/daterangepicker/icons/_bootstrap5.3.scss +0 -76
  298. package/styles/daterangepicker/icons/_bootstrap5.scss +0 -76
  299. package/styles/daterangepicker/icons/_fabric-dark.scss +0 -71
  300. package/styles/daterangepicker/icons/_fabric.scss +0 -70
  301. package/styles/daterangepicker/icons/_fluent-dark.scss +0 -1
  302. package/styles/daterangepicker/icons/_fluent.scss +0 -76
  303. package/styles/daterangepicker/icons/_fluent2.scss +0 -93
  304. package/styles/daterangepicker/icons/_fusionnew.scss +0 -75
  305. package/styles/daterangepicker/icons/_highcontrast-light.scss +0 -70
  306. package/styles/daterangepicker/icons/_highcontrast.scss +0 -71
  307. package/styles/daterangepicker/icons/_material-dark.scss +0 -87
  308. package/styles/daterangepicker/icons/_material.scss +0 -87
  309. package/styles/daterangepicker/icons/_material3-dark.scss +0 -1
  310. package/styles/daterangepicker/icons/_material3.scss +0 -92
  311. package/styles/daterangepicker/icons/_tailwind-dark.scss +0 -1
  312. package/styles/daterangepicker/icons/_tailwind.scss +0 -76
  313. package/styles/daterangepicker/icons/_tailwind3.scss +0 -76
  314. package/styles/daterangepicker/material-dark.css +0 -1448
  315. package/styles/daterangepicker/material-dark.scss +0 -4
  316. package/styles/daterangepicker/material.css +0 -1453
  317. package/styles/daterangepicker/material.scss +0 -4
  318. package/styles/daterangepicker/material3-dark.css +0 -1581
  319. package/styles/daterangepicker/material3-dark.scss +0 -4
  320. package/styles/daterangepicker/material3.css +0 -1583
  321. package/styles/daterangepicker/material3.scss +0 -4
  322. package/styles/daterangepicker/tailwind-dark.css +0 -1448
  323. package/styles/daterangepicker/tailwind-dark.scss +0 -4
  324. package/styles/daterangepicker/tailwind.css +0 -1448
  325. package/styles/daterangepicker/tailwind.scss +0 -4
  326. package/styles/daterangepicker/tailwind3.css +0 -1503
  327. package/styles/daterangepicker/tailwind3.scss +0 -4
  328. package/styles/datetimepicker/_all.scss +0 -2
  329. package/styles/datetimepicker/_bds-definition.scss +0 -75
  330. package/styles/datetimepicker/_bigger.scss +0 -106
  331. package/styles/datetimepicker/_bootstrap-dark-definition.scss +0 -71
  332. package/styles/datetimepicker/_bootstrap-definition.scss +0 -70
  333. package/styles/datetimepicker/_bootstrap4-definition.scss +0 -77
  334. package/styles/datetimepicker/_bootstrap5-dark-definition.scss +0 -76
  335. package/styles/datetimepicker/_bootstrap5-definition.scss +0 -76
  336. package/styles/datetimepicker/_bootstrap5.3-definition.scss +0 -76
  337. package/styles/datetimepicker/_fabric-dark-definition.scss +0 -71
  338. package/styles/datetimepicker/_fabric-definition.scss +0 -68
  339. package/styles/datetimepicker/_fluent-dark-definition.scss +0 -76
  340. package/styles/datetimepicker/_fluent-definition.scss +0 -76
  341. package/styles/datetimepicker/_fluent2-definition.scss +0 -76
  342. package/styles/datetimepicker/_fusionnew-definition.scss +0 -76
  343. package/styles/datetimepicker/_highcontrast-definition.scss +0 -68
  344. package/styles/datetimepicker/_highcontrast-light-definition.scss +0 -71
  345. package/styles/datetimepicker/_layout.scss +0 -193
  346. package/styles/datetimepicker/_material-dark-definition.scss +0 -76
  347. package/styles/datetimepicker/_material-definition.scss +0 -74
  348. package/styles/datetimepicker/_material3-dark-definition.scss +0 -71
  349. package/styles/datetimepicker/_material3-definition.scss +0 -71
  350. package/styles/datetimepicker/_tailwind-dark-definition.scss +0 -76
  351. package/styles/datetimepicker/_tailwind-definition.scss +0 -76
  352. package/styles/datetimepicker/_tailwind3-definition.scss +0 -81
  353. package/styles/datetimepicker/_theme.scss +0 -96
  354. package/styles/datetimepicker/_variables.scss +0 -2
  355. package/styles/datetimepicker/bds.css +0 -231
  356. package/styles/datetimepicker/bds.scss +0 -4
  357. package/styles/datetimepicker/bootstrap-dark.css +0 -227
  358. package/styles/datetimepicker/bootstrap-dark.scss +0 -4
  359. package/styles/datetimepicker/bootstrap.css +0 -227
  360. package/styles/datetimepicker/bootstrap.scss +0 -4
  361. package/styles/datetimepicker/bootstrap4.css +0 -229
  362. package/styles/datetimepicker/bootstrap4.scss +0 -4
  363. package/styles/datetimepicker/bootstrap5-dark.css +0 -227
  364. package/styles/datetimepicker/bootstrap5-dark.scss +0 -4
  365. package/styles/datetimepicker/bootstrap5.3.css +0 -311
  366. package/styles/datetimepicker/bootstrap5.3.scss +0 -4
  367. package/styles/datetimepicker/bootstrap5.css +0 -227
  368. package/styles/datetimepicker/bootstrap5.scss +0 -4
  369. package/styles/datetimepicker/fabric-dark.css +0 -227
  370. package/styles/datetimepicker/fabric-dark.scss +0 -4
  371. package/styles/datetimepicker/fabric.css +0 -227
  372. package/styles/datetimepicker/fabric.scss +0 -4
  373. package/styles/datetimepicker/fluent-dark.css +0 -227
  374. package/styles/datetimepicker/fluent-dark.scss +0 -4
  375. package/styles/datetimepicker/fluent.css +0 -227
  376. package/styles/datetimepicker/fluent.scss +0 -4
  377. package/styles/datetimepicker/fluent2.css +0 -315
  378. package/styles/datetimepicker/fluent2.scss +0 -4
  379. package/styles/datetimepicker/highcontrast-light.css +0 -227
  380. package/styles/datetimepicker/highcontrast-light.scss +0 -4
  381. package/styles/datetimepicker/highcontrast.css +0 -227
  382. package/styles/datetimepicker/highcontrast.scss +0 -4
  383. package/styles/datetimepicker/icons/_bds.scss +0 -12
  384. package/styles/datetimepicker/icons/_bootstrap-dark.scss +0 -12
  385. package/styles/datetimepicker/icons/_bootstrap.scss +0 -12
  386. package/styles/datetimepicker/icons/_bootstrap4.scss +0 -12
  387. package/styles/datetimepicker/icons/_bootstrap5-dark.scss +0 -1
  388. package/styles/datetimepicker/icons/_bootstrap5.3.scss +0 -12
  389. package/styles/datetimepicker/icons/_bootstrap5.scss +0 -12
  390. package/styles/datetimepicker/icons/_fabric-dark.scss +0 -12
  391. package/styles/datetimepicker/icons/_fabric.scss +0 -12
  392. package/styles/datetimepicker/icons/_fluent-dark.scss +0 -1
  393. package/styles/datetimepicker/icons/_fluent.scss +0 -12
  394. package/styles/datetimepicker/icons/_fluent2.scss +0 -12
  395. package/styles/datetimepicker/icons/_fusionnew.scss +0 -12
  396. package/styles/datetimepicker/icons/_highcontrast-light.scss +0 -12
  397. package/styles/datetimepicker/icons/_highcontrast.scss +0 -12
  398. package/styles/datetimepicker/icons/_material-dark.scss +0 -33
  399. package/styles/datetimepicker/icons/_material.scss +0 -42
  400. package/styles/datetimepicker/icons/_material3-dark.scss +0 -1
  401. package/styles/datetimepicker/icons/_material3.scss +0 -12
  402. package/styles/datetimepicker/icons/_tailwind-dark.scss +0 -1
  403. package/styles/datetimepicker/icons/_tailwind.scss +0 -12
  404. package/styles/datetimepicker/icons/_tailwind3.scss +0 -12
  405. package/styles/datetimepicker/material-dark.css +0 -275
  406. package/styles/datetimepicker/material-dark.scss +0 -4
  407. package/styles/datetimepicker/material.css +0 -284
  408. package/styles/datetimepicker/material.scss +0 -4
  409. package/styles/datetimepicker/material3-dark.css +0 -335
  410. package/styles/datetimepicker/material3-dark.scss +0 -4
  411. package/styles/datetimepicker/material3.css +0 -337
  412. package/styles/datetimepicker/material3.scss +0 -4
  413. package/styles/datetimepicker/tailwind-dark.css +0 -227
  414. package/styles/datetimepicker/tailwind-dark.scss +0 -4
  415. package/styles/datetimepicker/tailwind.css +0 -227
  416. package/styles/datetimepicker/tailwind.scss +0 -4
  417. package/styles/datetimepicker/tailwind3.css +0 -316
  418. package/styles/datetimepicker/tailwind3.scss +0 -4
  419. package/styles/fabric-dark-lite.css +0 -2256
  420. package/styles/fabric-dark-lite.scss +0 -15
  421. package/styles/fabric-dark.css +0 -3589
  422. package/styles/fabric-dark.scss +0 -20
  423. package/styles/fabric-lite.css +0 -2260
  424. package/styles/fabric-lite.scss +0 -15
  425. package/styles/fabric.css +0 -3596
  426. package/styles/fabric.scss +0 -20
  427. package/styles/fluent-dark-lite.css +0 -2512
  428. package/styles/fluent-dark-lite.scss +0 -15
  429. package/styles/fluent-dark.css +0 -3987
  430. package/styles/fluent-dark.scss +0 -20
  431. package/styles/fluent-lite.css +0 -2512
  432. package/styles/fluent-lite.scss +0 -15
  433. package/styles/fluent.css +0 -3987
  434. package/styles/fluent.scss +0 -20
  435. package/styles/fluent2-lite.css +0 -2523
  436. package/styles/fluent2-lite.scss +0 -15
  437. package/styles/fluent2.css +0 -3980
  438. package/styles/fluent2.scss +0 -20
  439. package/styles/highcontrast-light-lite.css +0 -2264
  440. package/styles/highcontrast-light-lite.scss +0 -15
  441. package/styles/highcontrast-light.css +0 -3592
  442. package/styles/highcontrast-light.scss +0 -20
  443. package/styles/highcontrast-lite.css +0 -2273
  444. package/styles/highcontrast-lite.scss +0 -15
  445. package/styles/highcontrast.css +0 -3609
  446. package/styles/highcontrast.scss +0 -20
  447. package/styles/material-dark-lite.css +0 -2350
  448. package/styles/material-dark-lite.scss +0 -15
  449. package/styles/material-dark.css +0 -3761
  450. package/styles/material-dark.scss +0 -20
  451. package/styles/material-lite.css +0 -2360
  452. package/styles/material-lite.scss +0 -15
  453. package/styles/material.css +0 -3776
  454. package/styles/material.scss +0 -20
  455. package/styles/material3-dark-lite.css +0 -2450
  456. package/styles/material3-dark-lite.scss +0 -15
  457. package/styles/material3-dark.css +0 -3860
  458. package/styles/material3-dark.scss +0 -20
  459. package/styles/material3-lite.css +0 -2452
  460. package/styles/material3-lite.scss +0 -15
  461. package/styles/material3.css +0 -3862
  462. package/styles/material3.scss +0 -20
  463. package/styles/tailwind-dark-lite.css +0 -2331
  464. package/styles/tailwind-dark-lite.scss +0 -15
  465. package/styles/tailwind-dark.css +0 -3750
  466. package/styles/tailwind-dark.scss +0 -20
  467. package/styles/tailwind-lite.css +0 -2331
  468. package/styles/tailwind-lite.scss +0 -15
  469. package/styles/tailwind.css +0 -3750
  470. package/styles/tailwind.scss +0 -20
  471. package/styles/tailwind3-lite.css +0 -2453
  472. package/styles/tailwind3-lite.scss +0 -15
  473. package/styles/tailwind3.css +0 -3770
  474. package/styles/tailwind3.scss +0 -20
  475. package/styles/timepicker/_all.scss +0 -2
  476. package/styles/timepicker/_bds-definition.scss +0 -97
  477. package/styles/timepicker/_bigger.scss +0 -93
  478. package/styles/timepicker/_bootstrap-dark-definition.scss +0 -93
  479. package/styles/timepicker/_bootstrap-definition.scss +0 -90
  480. package/styles/timepicker/_bootstrap4-definition.scss +0 -99
  481. package/styles/timepicker/_bootstrap5-dark-definition.scss +0 -100
  482. package/styles/timepicker/_bootstrap5-definition.scss +0 -100
  483. package/styles/timepicker/_bootstrap5.3-definition.scss +0 -98
  484. package/styles/timepicker/_fabric-dark-definition.scss +0 -93
  485. package/styles/timepicker/_fabric-definition.scss +0 -90
  486. package/styles/timepicker/_fluent-dark-definition.scss +0 -100
  487. package/styles/timepicker/_fluent-definition.scss +0 -100
  488. package/styles/timepicker/_fluent2-definition.scss +0 -97
  489. package/styles/timepicker/_fusionnew-definition.scss +0 -99
  490. package/styles/timepicker/_highcontrast-definition.scss +0 -90
  491. package/styles/timepicker/_highcontrast-light-definition.scss +0 -93
  492. package/styles/timepicker/_layout.scss +0 -234
  493. package/styles/timepicker/_material-dark-definition.scss +0 -98
  494. package/styles/timepicker/_material-definition.scss +0 -95
  495. package/styles/timepicker/_material3-dark-definition.scss +0 -97
  496. package/styles/timepicker/_material3-definition.scss +0 -97
  497. package/styles/timepicker/_tailwind-dark-definition.scss +0 -97
  498. package/styles/timepicker/_tailwind-definition.scss +0 -97
  499. package/styles/timepicker/_tailwind3-definition.scss +0 -106
  500. package/styles/timepicker/_theme.scss +0 -135
  501. package/styles/timepicker/_variables.scss +0 -2
  502. package/styles/timepicker/bds.css +0 -323
  503. package/styles/timepicker/bds.scss +0 -4
  504. package/styles/timepicker/bootstrap-dark.css +0 -319
  505. package/styles/timepicker/bootstrap-dark.scss +0 -4
  506. package/styles/timepicker/bootstrap.css +0 -319
  507. package/styles/timepicker/bootstrap.scss +0 -4
  508. package/styles/timepicker/bootstrap4.css +0 -321
  509. package/styles/timepicker/bootstrap4.scss +0 -4
  510. package/styles/timepicker/bootstrap5-dark.css +0 -321
  511. package/styles/timepicker/bootstrap5-dark.scss +0 -4
  512. package/styles/timepicker/bootstrap5.3.css +0 -405
  513. package/styles/timepicker/bootstrap5.3.scss +0 -4
  514. package/styles/timepicker/bootstrap5.css +0 -321
  515. package/styles/timepicker/bootstrap5.scss +0 -4
  516. package/styles/timepicker/fabric-dark.css +0 -319
  517. package/styles/timepicker/fabric-dark.scss +0 -4
  518. package/styles/timepicker/fabric.css +0 -319
  519. package/styles/timepicker/fabric.scss +0 -4
  520. package/styles/timepicker/fluent-dark.css +0 -319
  521. package/styles/timepicker/fluent-dark.scss +0 -4
  522. package/styles/timepicker/fluent.css +0 -319
  523. package/styles/timepicker/fluent.scss +0 -4
  524. package/styles/timepicker/fluent2.css +0 -405
  525. package/styles/timepicker/fluent2.scss +0 -4
  526. package/styles/timepicker/highcontrast-light.css +0 -319
  527. package/styles/timepicker/highcontrast-light.scss +0 -4
  528. package/styles/timepicker/highcontrast.css +0 -319
  529. package/styles/timepicker/highcontrast.scss +0 -4
  530. package/styles/timepicker/icons/_bds.scss +0 -25
  531. package/styles/timepicker/icons/_bootstrap-dark.scss +0 -24
  532. package/styles/timepicker/icons/_bootstrap.scss +0 -25
  533. package/styles/timepicker/icons/_bootstrap4.scss +0 -25
  534. package/styles/timepicker/icons/_bootstrap5-dark.scss +0 -1
  535. package/styles/timepicker/icons/_bootstrap5.3.scss +0 -25
  536. package/styles/timepicker/icons/_bootstrap5.scss +0 -25
  537. package/styles/timepicker/icons/_fabric-dark.scss +0 -25
  538. package/styles/timepicker/icons/_fabric.scss +0 -25
  539. package/styles/timepicker/icons/_fluent-dark.scss +0 -1
  540. package/styles/timepicker/icons/_fluent.scss +0 -25
  541. package/styles/timepicker/icons/_fluent2.scss +0 -25
  542. package/styles/timepicker/icons/_fusionnew.scss +0 -25
  543. package/styles/timepicker/icons/_highcontrast-light.scss +0 -25
  544. package/styles/timepicker/icons/_highcontrast.scss +0 -25
  545. package/styles/timepicker/icons/_material-dark.scss +0 -39
  546. package/styles/timepicker/icons/_material.scss +0 -41
  547. package/styles/timepicker/icons/_material3-dark.scss +0 -1
  548. package/styles/timepicker/icons/_material3.scss +0 -25
  549. package/styles/timepicker/icons/_tailwind-dark.scss +0 -1
  550. package/styles/timepicker/icons/_tailwind.scss +0 -25
  551. package/styles/timepicker/icons/_tailwind3.scss +0 -25
  552. package/styles/timepicker/material-dark.css +0 -355
  553. package/styles/timepicker/material-dark.scss +0 -4
  554. package/styles/timepicker/material.css +0 -355
  555. package/styles/timepicker/material.scss +0 -4
  556. package/styles/timepicker/material3-dark.css +0 -424
  557. package/styles/timepicker/material3-dark.scss +0 -4
  558. package/styles/timepicker/material3.css +0 -426
  559. package/styles/timepicker/material3.scss +0 -4
  560. package/styles/timepicker/tailwind-dark.css +0 -319
  561. package/styles/timepicker/tailwind-dark.scss +0 -4
  562. package/styles/timepicker/tailwind.css +0 -319
  563. package/styles/timepicker/tailwind.scss +0 -4
  564. package/styles/timepicker/tailwind3.css +0 -407
  565. package/styles/timepicker/tailwind3.scss +0 -4
@@ -1,2452 +0,0 @@
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
- /* Font Family */
10
- /* Font Sizes */
11
- /* Radius */
12
- /* 1px */
13
- /* 2px */
14
- /* 3px */
15
- /* 4px */
16
- /* 5px */
17
- /* 6px */
18
- /* 7px */
19
- /* 8px */
20
- /* 9px */
21
- /* 10px */
22
- /* 11px */
23
- /* 12px */
24
- /* 13px */
25
- /* 14px */
26
- /* 15px */
27
- /* 16px */
28
- /* 17px */
29
- /* 18px */
30
- /* 19px */
31
- /* 20px */
32
- /* 21px */
33
- /* 22px */
34
- /* 23px */
35
- /* 24px */
36
- /* 25px */
37
- /* 26px */
38
- /* 27px */
39
- /* 28px */
40
- /* 29px */
41
- /* 30px */
42
- /* 31px */
43
- /* 32px */
44
- /* 33px */
45
- /* 34px */
46
- /* 35px */
47
- /* 36px */
48
- /* 37px */
49
- /* 38px */
50
- /* 39px */
51
- /* 40px */
52
- /* 41px */
53
- /* 42px */
54
- /* 43px */
55
- /* 44px */
56
- /* 45px */
57
- /* 46px */
58
- /* 47px */
59
- /* 48px */
60
- /* 49px */
61
- /* 50px */
62
- /* 5em */
63
- /* 65% */
64
- /* border */
65
- /* 0px */
66
- /* 1px */
67
- /* 1.5px */
68
- /* 2px */
69
- /* 3px */
70
- /* 4px */
71
- /* 5px */
72
- /* 6px */
73
- /* 7px */
74
- /* 8px */
75
- /* 9px */
76
- /* 10px */
77
- /* 11px */
78
- /* 12px */
79
- /* 13px */
80
- /* 14px */
81
- /* 15px */
82
- /* 16px */
83
-
84
-
85
- /*! component icons */
86
- .e-calendar .e-header .e-date-icon-prev::before {
87
- content: "\e765";
88
- }
89
- .e-calendar .e-header .e-date-icon-next::before {
90
- content: "\e748";
91
- }
92
-
93
- /*! calendar layout */
94
- ejs-calendar {
95
- display: block;
96
- }
97
-
98
- .e-calendar.e-disabled .e-header .e-prev, .e-calendar.e-disabled .e-header .e-next {
99
- cursor: default;
100
- pointer-events: none;
101
- -ms-touch-action: none;
102
- touch-action: none;
103
- }
104
- .e-calendar.e-disabled .e-header .e-title {
105
- cursor: default;
106
- pointer-events: none;
107
- -ms-touch-action: none;
108
- touch-action: none;
109
- }
110
- .e-calendar.e-disabled .e-content td {
111
- pointer-events: none;
112
- -ms-touch-action: none;
113
- touch-action: none;
114
- }
115
- .e-calendar.e-disabled .e-btn.e-today {
116
- pointer-events: none;
117
- -ms-touch-action: none;
118
- touch-action: none;
119
- }
120
-
121
- .e-calendar {
122
- /* stylelint-disable property-no-vendor-prefix */
123
- -webkit-tap-highlight-color: transparent;
124
- border-radius: calc(var(--e-radius) * 0.125);
125
- display: block;
126
- overflow: auto;
127
- -webkit-user-select: none;
128
- -moz-user-select: none;
129
- -ms-user-select: none;
130
- user-select: none;
131
- }
132
- .e-calendar.e-rtl .e-header .e-title {
133
- float: right;
134
- text-align: right;
135
- }
136
- .e-calendar.e-rtl .e-header .e-icon-container {
137
- float: left;
138
- }
139
- .e-calendar .e-header {
140
- background: none;
141
- display: table;
142
- font-weight: 500;
143
- position: relative;
144
- text-align: center;
145
- width: 100%;
146
- }
147
- .e-calendar .e-header button {
148
- background: transparent;
149
- border: 0;
150
- margin-right: 0;
151
- padding: 0;
152
- text-decoration: none;
153
- }
154
- .e-calendar .e-header span {
155
- cursor: pointer;
156
- display: inline-block;
157
- font-size: 15px;
158
- font-weight: 500;
159
- line-height: 16px;
160
- padding: 10px;
161
- vertical-align: middle;
162
- }
163
- .e-calendar .e-header span.e-disabled {
164
- cursor: default;
165
- }
166
- .e-calendar .e-week-header {
167
- padding: 0;
168
- }
169
- .e-calendar th {
170
- cursor: default;
171
- font-size: 13px;
172
- font-weight: normal;
173
- text-align: center;
174
- }
175
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
176
- border-radius: calc(var(--e-radius) * 0);
177
- }
178
- .e-calendar .e-content span.e-day {
179
- border-radius: calc(var(--e-radius) * 0);
180
- cursor: pointer;
181
- display: inline-block;
182
- font-size: 13px;
183
- overflow: hidden;
184
- padding: 0;
185
- text-align: center;
186
- text-decoration: none;
187
- vertical-align: middle;
188
- }
189
- .e-calendar .e-content th, .e-calendar .e-content td {
190
- -webkit-box-sizing: border-box;
191
- box-sizing: border-box;
192
- }
193
- .e-calendar .e-content td.e-disabled {
194
- opacity: 0.35;
195
- pointer-events: none;
196
- -ms-touch-action: none;
197
- touch-action: none;
198
- }
199
- .e-calendar .e-content td.e-disabled.e-today {
200
- opacity: 1;
201
- }
202
- .e-calendar .e-content td.e-disabled.e-today span.e-day {
203
- -webkit-box-shadow: none;
204
- box-shadow: none;
205
- color: rgba(var(--color-sf-on-surface), 0.38);
206
- }
207
- .e-calendar .e-content td {
208
- cursor: pointer;
209
- padding: 2px;
210
- text-align: center;
211
- }
212
- .e-calendar .e-content td.e-week-number {
213
- color: rgba(var(--color-sf-on-surface-variant));
214
- font-size: 12px;
215
- font-style: italic;
216
- font-weight: 500;
217
- }
218
- .e-calendar .e-content td.e-overlay {
219
- background: none;
220
- width: initial;
221
- }
222
- .e-calendar .e-content table {
223
- border-collapse: separate;
224
- border-spacing: 0;
225
- border-width: 0;
226
- float: left;
227
- margin: 0;
228
- outline: 0;
229
- padding: 0 10px 10px;
230
- table-layout: fixed;
231
- width: 100%;
232
- }
233
- .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day {
234
- display: inline-block;
235
- font-weight: normal;
236
- }
237
- .e-calendar .e-content tr.e-month-hide {
238
- display: none;
239
- font-weight: normal;
240
- }
241
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year {
242
- pointer-events: initial;
243
- -ms-touch-action: initial;
244
- touch-action: initial;
245
- }
246
- .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 {
247
- pointer-events: none;
248
- -ms-touch-action: none;
249
- touch-action: none;
250
- }
251
- .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover {
252
- background: transparent;
253
- cursor: default;
254
- }
255
- .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next {
256
- border-radius: calc(var(--e-radius) * 2);
257
- display: inline-block;
258
- font-size: 16px;
259
- vertical-align: middle;
260
- }
261
- .e-calendar .e-header .e-title {
262
- cursor: pointer;
263
- display: inline-block;
264
- float: left;
265
- font-size: 14px;
266
- font-weight: 500;
267
- text-align: left;
268
- padding: 0 5px;
269
- border: none;
270
- border-radius: 4px;
271
- }
272
- .e-calendar .e-header .e-title {
273
- margin-left: 5px;
274
- }
275
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
276
- cursor: pointer;
277
- }
278
- .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay {
279
- background: none;
280
- }
281
- .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title {
282
- margin-left: 5px;
283
- }
284
- .e-calendar .e-header.e-decade .e-title {
285
- cursor: default;
286
- }
287
- .e-calendar .e-header .e-icon-container {
288
- display: inline-block;
289
- float: right;
290
- padding-top: 0;
291
- }
292
- .e-calendar .e-footer-container {
293
- text-transform: uppercase;
294
- }
295
-
296
- .e-calendar {
297
- border-spacing: 0;
298
- max-width: 252px;
299
- min-width: 240px;
300
- padding: 0;
301
- min-height: 280px;
302
- }
303
- .e-calendar.e-calendar-day-header-lg {
304
- max-width: 100%;
305
- min-width: 540px;
306
- }
307
- .e-calendar.e-week-number {
308
- min-width: 262px;
309
- }
310
- .e-calendar.e-week {
311
- max-width: 252px;
312
- min-width: 240px;
313
- }
314
- .e-calendar .e-header .e-title {
315
- line-height: 40px;
316
- }
317
- .e-calendar.e-rtl .e-header .e-title {
318
- text-align: right;
319
- text-indent: 4px;
320
- }
321
- .e-calendar .e-header {
322
- height: 40px;
323
- }
324
- .e-calendar .e-header.e-month {
325
- padding: 10px 10px 0 10px;
326
- }
327
- .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade {
328
- padding: 10px 10px 0 10px;
329
- }
330
- .e-calendar th {
331
- font-weight: normal;
332
- height: 32px;
333
- text-transform: none;
334
- }
335
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
336
- border-radius: calc(var(--e-radius) * 0);
337
- }
338
- .e-calendar .e-content span.e-day {
339
- border: none;
340
- font-size: 13px;
341
- font-weight: normal;
342
- height: 32px;
343
- line-height: 32px;
344
- width: 32px;
345
- }
346
- .e-calendar .e-content.e-month td.e-today span.e-day {
347
- line-height: 30px;
348
- }
349
- .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table {
350
- border-spacing: 0;
351
- padding: 10px;
352
- }
353
- .e-calendar .e-content.e-month td {
354
- height: 32px;
355
- padding: 2px;
356
- }
357
- .e-calendar .e-content .tfooter > tr > td {
358
- height: 36px;
359
- line-height: 36px;
360
- }
361
- .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td {
362
- height: 56px;
363
- padding: 1px;
364
- width: 56px;
365
- }
366
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
367
- font-weight: normal;
368
- height: 32px;
369
- line-height: 32px;
370
- width: 56px;
371
- }
372
- .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next {
373
- height: 36px;
374
- width: 36px;
375
- }
376
- .e-calendar .e-footer-container {
377
- background: transparent;
378
- border-top: none;
379
- text-align: center;
380
- cursor: default;
381
- display: -webkit-box;
382
- display: -ms-flexbox;
383
- display: flex;
384
- -webkit-box-orient: horizontal;
385
- -webkit-box-direction: normal;
386
- -ms-flex-direction: row;
387
- flex-direction: row;
388
- -webkit-box-pack: end;
389
- -ms-flex-pack: end;
390
- justify-content: flex-end;
391
- padding: 8px 12px 8px 12px;
392
- width: 100%;
393
- }
394
- .e-small.e-calendar,
395
- .e-small .e-calendar {
396
- max-width: 252px;
397
- min-width: 240px;
398
- padding: 0;
399
- }
400
- .e-small.e-calendar.e-calendar-day-header-lg,
401
- .e-small .e-calendar.e-calendar-day-header-lg {
402
- max-width: 100%;
403
- min-width: 540px;
404
- }
405
- .e-small.e-calendar .e-content span.e-day,
406
- .e-small .e-calendar .e-content span.e-day {
407
- font-size: 11px;
408
- height: 24px;
409
- line-height: 24px;
410
- width: 24px;
411
- }
412
- .e-small.e-calendar .e-content.e-month td.e-today span.e-day,
413
- .e-small .e-calendar .e-content.e-month td.e-today span.e-day {
414
- line-height: 23px;
415
- }
416
- .e-small.e-calendar .e-content.e-month td,
417
- .e-small .e-calendar .e-content.e-month td {
418
- height: 24px;
419
- }
420
- .e-small.e-calendar .e-header,
421
- .e-small .e-calendar .e-header {
422
- height: 32px;
423
- }
424
- .e-small.e-calendar .e-header button span,
425
- .e-small .e-calendar .e-header button span {
426
- font-size: 14px;
427
- padding: 6px;
428
- line-height: 14px;
429
- }
430
- .e-small.e-calendar .e-header .e-title,
431
- .e-small .e-calendar .e-header .e-title {
432
- font-size: 12px;
433
- line-height: 32px;
434
- }
435
- .e-small.e-calendar .e-header .e-icon-container .e-prev, .e-small.e-calendar .e-header .e-icon-container .e-next,
436
- .e-small .e-calendar .e-header .e-icon-container .e-prev,
437
- .e-small .e-calendar .e-header .e-icon-container .e-next {
438
- height: 28px;
439
- width: 28px;
440
- }
441
- .e-small.e-calendar th,
442
- .e-small .e-calendar th {
443
- font-size: 12px;
444
- height: 24px;
445
- }
446
- .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 {
447
- background: transparent;
448
- border-color: transparent;
449
- -webkit-box-shadow: none;
450
- box-shadow: none;
451
- color: rgba(var(--color-sf-on-surface), 0.38);
452
- cursor: default;
453
- opacity: 0.35;
454
- outline: none;
455
- pointer-events: none;
456
- -ms-touch-action: none;
457
- touch-action: none;
458
- }
459
-
460
- .e-content-placeholder.e-calendar.e-placeholder-calendar {
461
- background-size: 250px 336px;
462
- min-height: 336px;
463
- }
464
-
465
- .e-calendar {
466
- background: transparent;
467
- border-radius: 8px;
468
- border: 1px solid rgba(var(--color-sf-outline-variant));
469
- -webkit-box-shadow: none;
470
- box-shadow: none;
471
- }
472
- .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next {
473
- color: rgba(var(--color-sf-on-surface-variant));
474
- }
475
- .e-calendar th {
476
- border-bottom: 0;
477
- color: rgba(var(--color-sf-on-surface-variant));
478
- }
479
- .e-calendar .e-header {
480
- border-bottom: 0;
481
- }
482
- .e-calendar .e-header a span {
483
- border: none;
484
- color: rgba(var(--color-sf-on-surface-variant));
485
- }
486
- .e-calendar .e-header .e-title {
487
- color: rgba(var(--color-sf-on-surface));
488
- }
489
- .e-calendar .e-header .e-title:hover {
490
- background: rgba(var(--color-sf-on-surface), 0.08);
491
- cursor: pointer;
492
- text-decoration: none;
493
- }
494
- .e-calendar .e-header .e-title:focus {
495
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
496
- box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
497
- background: none;
498
- text-decoration: none;
499
- }
500
- .e-calendar .e-header .e-title:active {
501
- -webkit-box-shadow: none;
502
- box-shadow: none;
503
- background: rgba(var(--color-sf-on-surface), 0.12);
504
- text-decoration: none;
505
- }
506
- .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span {
507
- border: none;
508
- color: rgba(var(--color-sf-on-surface-variant));
509
- cursor: pointer;
510
- }
511
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
512
- background: rgba(var(--color-sf-on-surface), 0.08);
513
- }
514
- .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
515
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
516
- box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
517
- }
518
- .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
519
- background: rgba(var(--color-sf-on-surface), 0.12);
520
- color: rgba(var(--color-sf-on-primary));
521
- }
522
- .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
523
- border: none;
524
- color: rgba(var(--color-sf-on-surface-variant));
525
- }
526
- .e-calendar .e-header.e-decade .e-title {
527
- color: rgba(var(--color-sf-on-surface));
528
- cursor: default;
529
- }
530
- .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span {
531
- color: rgba(var(--color-sf-on-surface));
532
- font-weight: normal;
533
- }
534
- .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled {
535
- opacity: 0.35;
536
- }
537
-
538
- .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 {
539
- color: rgba(var(--color-sf-on-surface-variant), 0.84);
540
- }
541
- .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 {
542
- color: rgba(var(--color-sf-on-primary));
543
- }
544
- .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 {
545
- color: rgba(var(--color-sf-on-surface));
546
- }
547
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day {
548
- background: rgba(var(--color-sf-on-surface), 0.05);
549
- }
550
- .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 {
551
- background: rgba(var(--color-sf-primary));
552
- }
553
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
554
- background: transparent;
555
- }
556
- .e-calendar .e-content .e-week-number span {
557
- color: rgba(var(--color-sf-on-surface-variant));
558
- }
559
- .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 {
560
- background: rgba(var(--color-sf-on-surface), 0.05);
561
- border: none;
562
- border-radius: calc(var(--e-radius) * 2);
563
- -webkit-box-shadow: none;
564
- box-shadow: none;
565
- }
566
- .e-calendar .e-content td.e-focused-date:hover span.e-day {
567
- background: rgba(var(--color-sf-on-surface), 0.05);
568
- border: none;
569
- border-radius: calc(var(--e-radius) * 2);
570
- color: rgba(var(--color-sf-on-surface));
571
- }
572
- .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
573
- background: none;
574
- border: 1px solid rgba(var(--color-sf-primary));
575
- border-radius: calc(var(--e-radius) * 2);
576
- -webkit-box-shadow: none;
577
- box-shadow: none;
578
- color: rgba(var(--color-sf-primary));
579
- }
580
- .e-calendar .e-content td.e-focused-date.e-today span.e-day {
581
- background: rgba(var(--color-sf-primary), 0.08);
582
- border: 1px solid rgba(var(--color-sf-primary));
583
- -webkit-box-shadow: none;
584
- box-shadow: none;
585
- color: rgba(var(--color-sf-primary));
586
- }
587
- .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 {
588
- background: rgba(var(--color-sf-primary));
589
- border: none;
590
- border-radius: calc(var(--e-radius) * 2);
591
- color: rgba(var(--color-sf-primary));
592
- }
593
- .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 {
594
- background: rgba(var(--color-sf-on-surface), 0.05);
595
- border: 1px solid rgba(var(--color-sf-primary));
596
- color: rgba(var(--color-sf-primary));
597
- }
598
- .e-calendar .e-content td.e-today.e-selected span.e-day {
599
- background: rgba(var(--color-sf-primary));
600
- border: 1px solid rgba(var(--color-sf-primary));
601
- -webkit-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));
602
- 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));
603
- color: rgba(var(--color-sf-on-primary));
604
- }
605
- .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 {
606
- background: rgba(var(--color-sf-primary));
607
- color: rgba(var(--color-sf-on-primary));
608
- }
609
- .e-calendar .e-content span {
610
- color: rgba(var(--color-sf-on-surface));
611
- }
612
- .e-calendar .e-content .e-disabled span.e-day:hover {
613
- background: none;
614
- border: 0;
615
- color: rgba(var(--color-sf-on-surface));
616
- }
617
- .e-calendar .e-content .e-other-month:hover span.e-day {
618
- color: rgba(var(--color-sf-on-surface));
619
- }
620
- .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day {
621
- color: rgba(var(--color-sf-on-surface-variant), 0.84);
622
- }
623
- .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
624
- background: rgba(var(--color-sf-on-surface), 0.05);
625
- color: rgba(var(--color-sf-on-surface-variant), 0.84);
626
- }
627
- .e-calendar .e-content thead {
628
- background: none;
629
- border-bottom: 0;
630
- }
631
- .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
632
- background: rgba(var(--color-sf-on-surface), 0.05);
633
- border: none;
634
- border-radius: calc(var(--e-radius) * 2);
635
- color: rgba(var(--color-sf-on-surface));
636
- }
637
- .e-calendar .e-content td:focus span.e-day {
638
- background: rgba(var(--color-sf-primary));
639
- color: rgba(var(--color-sf-on-primary));
640
- border: none;
641
- border-radius: calc(var(--e-radius) * 2);
642
- }
643
- .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 {
644
- background: none;
645
- border: none;
646
- color: rgba(var(--color-sf-on-surface));
647
- }
648
- .e-calendar .e-content td.e-selected span.e-day {
649
- background: rgba(var(--color-sf-primary));
650
- color: rgba(var(--color-sf-on-primary));
651
- border: none;
652
- border-radius: calc(var(--e-radius) * 2);
653
- }
654
- .e-calendar .e-content .e-footer {
655
- color: rgba(var(--color-sf-primary));
656
- }
657
- .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 {
658
- background: none;
659
- }
660
- .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
661
- color: rgba(var(--color-sf-on-surface-variant));
662
- }
663
- .e-small.e-calendar .e-header .e-title,
664
- .e-small .e-calendar .e-header .e-title {
665
- color: rgba(var(--color-sf-on-surface));
666
- }
667
-
668
- .e-calendar .e-zoomin {
669
- -webkit-animation: animatezoom 0.3s;
670
- animation: animatezoom 0.3s;
671
- }
672
-
673
- @-webkit-keyframes animatezoom {
674
- from {
675
- -webkit-transform: scale(0);
676
- transform: scale(0);
677
- }
678
- to {
679
- -webkit-transform: scale(1);
680
- transform: scale(1);
681
- }
682
- }
683
-
684
- @keyframes animatezoom {
685
- from {
686
- -webkit-transform: scale(0);
687
- transform: scale(0);
688
- }
689
- to {
690
- -webkit-transform: scale(1);
691
- transform: scale(1);
692
- }
693
- }
694
- .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day {
695
- -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
696
- box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
697
- border-radius: calc(var(--e-radius) * 2);
698
- }
699
-
700
- /*! component icons */
701
- .e-time-wrapper .e-time-icon.e-icons::before,
702
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
703
- content: "\e705";
704
- }
705
-
706
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close::before,
707
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close::before {
708
- content: "\e7e7";
709
- font-family: "e-icons";
710
- }
711
-
712
- .e-input-group.e-control-wrapper.e-time-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
713
- .e-float-input.e-control-wrapper.e-input-group.e-time-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
714
- display: -webkit-box;
715
- display: -ms-flexbox;
716
- display: flex;
717
- }
718
-
719
- .e-time-wrapper,
720
- *.e-control-wrapper.e-time-wrapper {
721
- /* stylelint-disable property-no-vendor-prefix */
722
- -webkit-tap-highlight-color: transparent;
723
- }
724
- .e-time-wrapper .e-time-icon.e-icons,
725
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
726
- font-size: 16px;
727
- min-height: 30px;
728
- min-width: 30px;
729
- border-radius: calc(var(--e-radius) * 1);
730
- margin: 0;
731
- }
732
- .e-time-wrapper .e-time-icon.e-icons.e-disabled,
733
- *.e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
734
- pointer-events: none;
735
- }
736
- .e-time-wrapper span,
737
- *.e-control-wrapper.e-time-wrapper span {
738
- cursor: pointer;
739
- }
740
-
741
- .e-timepicker {
742
- --dummy-style: true;
743
- }
744
-
745
- .e-timepicker.e-time-modal {
746
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
747
- height: 100%;
748
- left: 0;
749
- opacity: 0.5;
750
- pointer-events: auto;
751
- position: fixed;
752
- top: 0;
753
- width: 100%;
754
- z-index: 999;
755
- }
756
-
757
- .e-timepicker.e-popup {
758
- border-style: solid;
759
- border-width: 1px;
760
- overflow: auto;
761
- }
762
- .e-timepicker.e-popup .e-content {
763
- position: relative;
764
- }
765
- .e-timepicker.e-popup .e-list-parent.e-ul {
766
- margin: 0;
767
- padding: 0 0;
768
- }
769
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
770
- cursor: default;
771
- font-size: 13px;
772
- overflow: hidden;
773
- position: relative;
774
- text-overflow: ellipsis;
775
- vertical-align: middle;
776
- white-space: nowrap;
777
- width: 100%;
778
- }
779
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
780
- cursor: pointer;
781
- }
782
-
783
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
784
- line-height: 32px;
785
- text-indent: 16px;
786
- }
787
-
788
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
789
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
790
- font-size: 12px;
791
- line-height: 26px;
792
- text-indent: 12px;
793
- }
794
-
795
- .e-small .e-time-wrapper .e-time-icon.e-icons,
796
- *.e-small.e-time-wrapper .e-time-icon.e-icons,
797
- *.e-small .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
798
- *.e-control-wrapper.e-small.e-time-wrapper .e-time-icon.e-icons {
799
- font-size: 16px;
800
- min-height: 22px;
801
- min-width: 22px;
802
- border-radius: 14px;
803
- margin: 0;
804
- }
805
-
806
- .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
807
- background-size: 250px 33px;
808
- min-height: 33px;
809
- }
810
-
811
- /* stylelint-disable */
812
- .e-time-overflow {
813
- overflow: hidden;
814
- }
815
-
816
- .e-timepicker-mob-popup-wrap {
817
- -webkit-box-align: center;
818
- -ms-flex-align: center;
819
- align-items: center;
820
- display: -webkit-box;
821
- display: -ms-flexbox;
822
- display: flex;
823
- -webkit-box-orient: vertical;
824
- -webkit-box-direction: normal;
825
- -ms-flex-direction: column;
826
- flex-direction: column;
827
- height: 100%;
828
- -webkit-box-pack: center;
829
- -ms-flex-pack: center;
830
- justify-content: center;
831
- left: 0;
832
- max-height: 100%;
833
- position: fixed;
834
- top: 0;
835
- width: 100%;
836
- z-index: 1002;
837
- }
838
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup.e-lib.e-control.e-popup-open {
839
- left: 0 !important;
840
- position: relative;
841
- top: 0 !important;
842
- }
843
-
844
- .e-timepicker-mob-popup-wrap .e-popup-expand.e-timepicker.e-popup,
845
- .e-datetimepicker.e-popup-expand.e-timepicker.e-popup,
846
- .e-timepicker-mob-popup-wrap .e-popup-expand.e-datetimepicker.e-popup,
847
- .e-datetimepicker.e-popup-expand.e-popup {
848
- border-radius: calc(var(--e-radius) * 0);
849
- }
850
-
851
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
852
- .e-datetimepicker.e-popup-expand .e-model-header {
853
- height: 10%;
854
- padding: 2.5vh 2.5vw 2.5vh 1.5vw;
855
- display: -webkit-box;
856
- display: -ms-flexbox;
857
- display: flex;
858
- -webkit-box-align: center;
859
- -ms-flex-align: center;
860
- align-items: center;
861
- font-size: 2vh;
862
- border-bottom: none;
863
- }
864
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
865
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
866
- float: left;
867
- padding: 1vh 2vw;
868
- }
869
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
870
- .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
871
- padding: 1vh 2vw;
872
- text-transform: uppercase;
873
- font-weight: 500;
874
- }
875
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
876
- .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
877
- font-size: 2vh;
878
- }
879
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
880
- .e-datetimepicker.e-popup-expand .e-content {
881
- height: 90%;
882
- overflow: auto;
883
- }
884
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
885
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
886
- padding: 1vh 0;
887
- line-height: 5vh;
888
- }
889
- @media (max-device-width: 768px) {
890
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
891
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
892
- font-size: 14px;
893
- }
894
- }
895
- @media (min-device-width: 768px) {
896
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
897
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
898
- font-size: 24px;
899
- }
900
- }
901
-
902
- @media screen and (orientation: landscape) {
903
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header,
904
- .e-datetimepicker.e-popup-expand .e-model-header {
905
- height: 15%;
906
- font-size: 2vw;
907
- }
908
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-popup-close,
909
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
910
- padding: 1vh 1vw;
911
- }
912
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-model-title,
913
- .e-datetimepicker.e-popup-expand .e-model-header .e-model-title {
914
- padding: 1vh 1vw;
915
- }
916
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-model-header .e-btn.e-popup-close,
917
- .e-datetimepicker.e-popup-expand .e-model-header .e-btn.e-popup-close {
918
- font-size: 2vw;
919
- }
920
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content,
921
- .e-datetimepicker.e-popup-expand .e-content {
922
- height: 85%;
923
- }
924
- .e-timepicker-mob-popup-wrap .e-popup-expand .e-content .e-list-parent.e-ul .e-list-item,
925
- .e-datetimepicker.e-popup-expand .e-content .e-list-parent.e-ul .e-list-item {
926
- padding: 1vh 0;
927
- line-height: 10vh;
928
- }
929
- }
930
- /* stylelint-enable */
931
- .e-time-wrapper .e-input-group-icon.e-icons.e-active {
932
- color: rgba(var(--color-sf-on-surface-variant));
933
- }
934
- .e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
935
- color: rgba(var(--color-sf-on-surface-variant));
936
- border: 1px;
937
- border-radius: calc(var(--e-radius) * 1.25);
938
- background: rgba(var(--color-sf-on-surface), 0.12);
939
- }
940
-
941
- .e-timepicker.e-popup {
942
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
943
- border: none;
944
- border-radius: calc(var(--e-radius) * 0.25);
945
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
946
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
947
- }
948
- .e-timepicker.e-popup .e-list-parent.e-ul {
949
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
950
- }
951
- .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
952
- border: none;
953
- color: rgba(var(--color-sf-on-surface));
954
- }
955
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
956
- color: rgba(var(--color-sf-on-surface), 0.38);
957
- opacity: 1;
958
- pointer-events: none;
959
- -ms-touch-action: none;
960
- touch-action: none;
961
- }
962
- .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 {
963
- background: rgba(var(--color-sf-on-surface), 0.05);
964
- border: none;
965
- color: rgba(var(--color-sf-on-surface));
966
- }
967
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
968
- background: rgba(var(--color-sf-primary));
969
- color: rgba(var(--color-sf-on-primary));
970
- }
971
- .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
972
- background: rgba(var(--color-sf-primary));
973
- color: rgba(var(--color-sf-on-primary));
974
- }
975
-
976
- .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
977
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
978
- color: rgba(var(--color-sf-on-surface));
979
- }
980
-
981
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header,
982
- .e-datetimepicker.e-popup-expand .e-model-header {
983
- background-color: rgba(var(--color-sf-primary));
984
- color: rgba(var(--color-sf-on-primary));
985
- }
986
- .e-timepicker-mob-popup-wrap .e-timepicker.e-popup-expand .e-model-header .e-popup-close,
987
- .e-datetimepicker.e-popup-expand .e-model-header .e-popup-close {
988
- color: rgba(var(--color-sf-on-primary));
989
- font-weight: 500;
990
- }
991
-
992
- /*! component icons */
993
- .e-input-group-icon.e-date-icon,
994
- *.e-control-wrapper .e-input-group-icon.e-date-icon {
995
- font-size: 16px;
996
- margin: 0;
997
- min-height: 30px;
998
- min-width: 30px;
999
- border-radius: calc(var(--e-radius) * 1);
1000
- outline: none;
1001
- }
1002
- .e-input-group-icon.e-date-icon::before,
1003
- *.e-control-wrapper .e-input-group-icon.e-date-icon::before {
1004
- content: "\e778";
1005
- font-family: "e-icons";
1006
- }
1007
- .e-input-group-icon.e-date-icon:focus,
1008
- *.e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1009
- background: rgba(var(--color-sf-on-surface), 0.08);
1010
- border-radius: 999px;
1011
- }
1012
-
1013
- .e-small .e-input-group-icon.e-date-icon,
1014
- *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
1015
- *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
1016
- font-size: 16px;
1017
- min-width: 22px;
1018
- min-height: 22px;
1019
- border-radius: calc(var(--e-radius) * 0.875);
1020
- margin: 0;
1021
- }
1022
-
1023
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1024
- content: "\e7e7";
1025
- font-family: "e-icons";
1026
- }
1027
-
1028
- .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1029
- .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1030
- display: -webkit-box;
1031
- display: -ms-flexbox;
1032
- display: flex;
1033
- }
1034
-
1035
- .e-date-wrapper:not(.e-filled) .e-date-icon.e-icons {
1036
- -webkit-box-sizing: border-box;
1037
- box-sizing: border-box;
1038
- }
1039
-
1040
- .e-datepicker {
1041
- --dummy-style: true;
1042
- }
1043
- .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
1044
- display: none;
1045
- }
1046
- .e-datepicker.e-popup-wrapper {
1047
- border-radius: calc(var(--e-radius) * 0.5);
1048
- overflow-y: hidden;
1049
- pointer-events: auto;
1050
- }
1051
- .e-datepicker.e-date-modal {
1052
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1053
- height: 100%;
1054
- left: 0;
1055
- opacity: 0.5;
1056
- pointer-events: auto;
1057
- position: fixed;
1058
- top: 0;
1059
- width: 100%;
1060
- z-index: 999;
1061
- }
1062
- .e-datepicker .e-model-header {
1063
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1064
- color: rgba(var(--color-sf-on-surface));
1065
- cursor: default;
1066
- display: block;
1067
- padding: 10px 10px 10px 15px;
1068
- }
1069
- .e-datepicker .e-model-header .e-model-year {
1070
- font-size: 14px;
1071
- font-weight: 500;
1072
- line-height: 32px;
1073
- margin: 0;
1074
- }
1075
- .e-datepicker .e-model-month, .e-datepicker .e-model-day {
1076
- font-size: 20px;
1077
- font-weight: 500;
1078
- line-height: 32px;
1079
- margin: 0;
1080
- }
1081
-
1082
- /* stylelint-disable */
1083
- .e-date-overflow {
1084
- overflow: hidden !important;
1085
- }
1086
-
1087
- .e-datepick-mob-popup-wrap {
1088
- -webkit-box-align: center;
1089
- -ms-flex-align: center;
1090
- align-items: center;
1091
- display: -webkit-box;
1092
- display: -ms-flexbox;
1093
- display: flex;
1094
- -webkit-box-orient: vertical;
1095
- -webkit-box-direction: normal;
1096
- -ms-flex-direction: column;
1097
- flex-direction: column;
1098
- height: 100%;
1099
- -webkit-box-pack: center;
1100
- -ms-flex-pack: center;
1101
- justify-content: center;
1102
- left: 0;
1103
- max-height: 100%;
1104
- position: fixed;
1105
- top: 0;
1106
- width: 100%;
1107
- z-index: 1002;
1108
- }
1109
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open {
1110
- position: relative;
1111
- top: 0 !important;
1112
- left: 0 !important;
1113
- }
1114
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open {
1115
- min-width: 100%;
1116
- min-height: 100%;
1117
- }
1118
-
1119
- .e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1120
- background-size: 250px 33px;
1121
- min-height: 33px;
1122
- }
1123
-
1124
- @media screen and (orientation: landscape) {
1125
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
1126
- line-height: 64px;
1127
- }
1128
- }
1129
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand {
1130
- border-radius: calc(var(--e-radius) * 0);
1131
- }
1132
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1133
- height: 15vh;
1134
- }
1135
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1136
- float: right;
1137
- }
1138
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1139
- height: 15vh;
1140
- }
1141
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1142
- float: right;
1143
- }
1144
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1145
- height: 20vh;
1146
- padding: 2vh 6vw;
1147
- }
1148
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1149
- margin: 12vh 0 0 0;
1150
- }
1151
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1152
- color: inherit;
1153
- float: left;
1154
- font-size: 20px;
1155
- }
1156
- @media (min-device-width: 768px) {
1157
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1158
- font-size: 18px;
1159
- }
1160
- }
1161
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close {
1162
- background: transparent;
1163
- border-color: transparent;
1164
- -webkit-box-shadow: none;
1165
- box-shadow: none;
1166
- font-weight: 400;
1167
- padding: 0;
1168
- }
1169
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1170
- color: inherit;
1171
- float: right;
1172
- }
1173
- @media (min-device-width: 768px) {
1174
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary {
1175
- font-size: 18px;
1176
- }
1177
- }
1178
- .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 {
1179
- font-size: 5vw;
1180
- line-height: 6vw;
1181
- }
1182
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1183
- min-width: 100%;
1184
- min-height: 100%;
1185
- height: 100%;
1186
- }
1187
- .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 {
1188
- height: 10vh;
1189
- border-style: none;
1190
- border-width: 0;
1191
- border-color: rgba(var(--color-sf-outline-variant));
1192
- padding: 2vh 2vw;
1193
- line-height: 5vh;
1194
- }
1195
- .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 {
1196
- position: inherit;
1197
- line-height: inherit;
1198
- margin-left: 5vw;
1199
- text-align: left;
1200
- vertical-align: middle;
1201
- width: 60vw;
1202
- }
1203
- @media (min-device-width: 768px) {
1204
- .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 {
1205
- font-size: 18px;
1206
- }
1207
- }
1208
- .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 {
1209
- margin-right: 18px;
1210
- vertical-align: inherit;
1211
- height: 35px;
1212
- width: 35px;
1213
- }
1214
- @media (min-device-width: 768px) {
1215
- .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 {
1216
- height: 55px;
1217
- width: 55px;
1218
- }
1219
- }
1220
- .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 {
1221
- vertical-align: inherit;
1222
- }
1223
- @media (min-device-width: 768px) {
1224
- .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 {
1225
- font-size: 18px;
1226
- }
1227
- }
1228
- .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 {
1229
- margin-right: 0;
1230
- vertical-align: inherit;
1231
- height: 35px;
1232
- width: 35px;
1233
- }
1234
- @media (min-device-width: 768px) {
1235
- .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 {
1236
- height: 55px;
1237
- width: 55px;
1238
- }
1239
- }
1240
- .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 {
1241
- vertical-align: inherit;
1242
- }
1243
- @media (min-device-width: 768px) {
1244
- .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 {
1245
- font-size: 18px;
1246
- }
1247
- }
1248
- .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 {
1249
- float: right;
1250
- }
1251
- @media (min-device-width: 768px) {
1252
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th {
1253
- font-size: 18px;
1254
- height: 48px;
1255
- }
1256
- }
1257
- @media (min-device-width: 768px) {
1258
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content span.e-day {
1259
- font-size: 18px;
1260
- height: 64px;
1261
- width: 64px;
1262
- line-height: 64px;
1263
- }
1264
- }
1265
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1266
- height: 79vh;
1267
- }
1268
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container {
1269
- display: none;
1270
- }
1271
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month {
1272
- height: 69vh;
1273
- }
1274
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table {
1275
- height: 69vh;
1276
- }
1277
-
1278
- @media screen and (orientation: landscape) {
1279
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device {
1280
- height: 25vh;
1281
- }
1282
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close {
1283
- float: right;
1284
- }
1285
- .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 {
1286
- overflow-y: auto;
1287
- }
1288
- }
1289
- @media screen and (orientation: landscape) and (max-height: 600px) {
1290
- .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 {
1291
- height: 50vh;
1292
- }
1293
- }
1294
- @media screen and (orientation: landscape) and (min-height: 600px) {
1295
- .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 {
1296
- height: 60vh;
1297
- }
1298
- }
1299
- @media screen and (orientation: landscape) and (min-height: 600px) {
1300
- .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 {
1301
- height: 60vh;
1302
- }
1303
- }
1304
- @media screen and (orientation: landscape) and (min-height: 600px) {
1305
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-footer-container {
1306
- padding: 10px 0;
1307
- height: 10%;
1308
- font-size: 24px;
1309
- }
1310
- }
1311
- @media screen and (orientation: landscape) {
1312
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1313
- width: 100%;
1314
- }
1315
- }
1316
- @media screen and (orientation: landscape) and (max-height: 600px) {
1317
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1318
- height: 30vh;
1319
- }
1320
- }
1321
- @media screen and (orientation: landscape) and (min-height: 600px) {
1322
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header {
1323
- height: 25vh;
1324
- }
1325
- }
1326
- @media screen and (orientation: landscape) {
1327
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close {
1328
- float: left;
1329
- }
1330
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper {
1331
- margin: 12vh 0 0 0;
1332
- }
1333
- .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 {
1334
- font-size: 4vw;
1335
- }
1336
- .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 {
1337
- margin-right: 18px;
1338
- }
1339
- }
1340
- @media screen and (orientation: landscape) and (max-height: 600px) {
1341
- .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 {
1342
- line-height: 12vh;
1343
- }
1344
- }
1345
- @media screen and (orientation: landscape) and (min-height: 600px) {
1346
- .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 {
1347
- line-height: inherit;
1348
- }
1349
- }
1350
- @media screen and (orientation: landscape) {
1351
- .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 {
1352
- overflow-y: auto;
1353
- }
1354
- }
1355
- @media screen and (orientation: landscape) and (max-height: 600px) {
1356
- .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 {
1357
- height: 60vh;
1358
- }
1359
- }
1360
- @media screen and (orientation: landscape) and (min-height: 600px) {
1361
- .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 {
1362
- height: 65vh;
1363
- }
1364
- }
1365
- @media screen and (orientation: landscape) {
1366
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar {
1367
- display: block;
1368
- max-width: 100%;
1369
- overflow: visible;
1370
- }
1371
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container {
1372
- height: 70%;
1373
- width: 100%;
1374
- }
1375
- .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody {
1376
- display: table-row-group;
1377
- }
1378
- }
1379
- @media screen and (orientation: landscape) and (max-height: 600px) {
1380
- .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 {
1381
- height: 69vh;
1382
- }
1383
- }
1384
- @media screen and (orientation: landscape) and (min-height: 600px) {
1385
- .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 {
1386
- height: 65vh;
1387
- }
1388
- }
1389
- /* stylelint-enable */
1390
- .e-datepicker.e-popup-wrapper,
1391
- .e-small.e-datepicker.e-popup-wrapper {
1392
- border: none;
1393
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1394
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1395
- }
1396
- .e-datepicker .e-calendar,
1397
- .e-small.e-datepicker .e-calendar {
1398
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1399
- border: none;
1400
- }
1401
-
1402
- *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
1403
- border: none;
1404
- }
1405
-
1406
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1407
- color: rgba(var(--color-sf-on-surface-variant));
1408
- }
1409
- .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
1410
- color: rgba(var(--color-sf-on-surface-variant));
1411
- border: 1px;
1412
- background: rgba(var(--color-sf-on-surface), 0.08);
1413
- }
1414
-
1415
- /*! component icons */
1416
- .e-input-group-icon.e-range-icon,
1417
- *.e-control-wrapper .e-input-group-icon.e-range-icon {
1418
- font-size: 16px;
1419
- margin: 0;
1420
- min-height: 30px;
1421
- min-width: 30px;
1422
- outline: none;
1423
- border-radius: calc(var(--e-radius) * 1);
1424
- }
1425
- .e-input-group-icon.e-range-icon::before,
1426
- *.e-control-wrapper .e-input-group-icon.e-range-icon::before {
1427
- content: "\e74c";
1428
- font-family: "e-icons";
1429
- }
1430
- .e-input-group-icon.e-range-icon:focus,
1431
- *.e-control-wrapper .e-input-group-icon.e-range-icon:focus {
1432
- background: rgba(var(--color-sf-on-surface-variant));
1433
- border-radius: 999px;
1434
- }
1435
-
1436
- .e-daterangepicker .e-calendar .e-header .e-date-icon-next::before {
1437
- content: "\e748";
1438
- }
1439
- .e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before {
1440
- content: "\e765";
1441
- }
1442
- .e-daterangepicker .e-change-icon::before {
1443
- content: "\e7f9";
1444
- }
1445
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before {
1446
- content: "\e765";
1447
- }
1448
- .e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
1449
- content: "\e748";
1450
- }
1451
- .e-daterangepicker.e-rtl .e-start-end .e-change-icon::before {
1452
- content: "\e773";
1453
- }
1454
-
1455
- .e-small .e-input-group-icon.e-range-icon,
1456
- *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
1457
- *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
1458
- font-size: 16px;
1459
- min-width: 22px;
1460
- min-height: 22px;
1461
- border-radius: calc(var(--e-radius) * 0.875);
1462
- margin: 0;
1463
- }
1464
-
1465
- .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1466
- .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1467
- min-height: 0;
1468
- min-width: 20px;
1469
- }
1470
-
1471
- .e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1472
- .e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon,
1473
- .e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1474
- min-height: 0;
1475
- min-width: 18px;
1476
- }
1477
-
1478
- .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 {
1479
- content: "\e7e7";
1480
- font-family: "e-icons";
1481
- }
1482
- .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 {
1483
- content: "\e774";
1484
- font-family: "e-icons";
1485
- }
1486
-
1487
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1488
- .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1489
- display: -webkit-box;
1490
- display: -ms-flexbox;
1491
- display: flex;
1492
- }
1493
-
1494
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1495
- .e-input-group.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1496
- .e-float-input.e-control-wrapper.e-date-range-wrapper .e-daterange-hidden,
1497
- .e-float-input.e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1498
- .e-input-group.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden,
1499
- .e-float-input.e-control-wrapper.e-date-range-wrapper.e-input-focus .e-daterange-hidden {
1500
- border: 0;
1501
- height: 0;
1502
- margin: 0;
1503
- padding: 0;
1504
- text-indent: 0;
1505
- visibility: hidden;
1506
- width: 0;
1507
- }
1508
-
1509
- .e-daterangepicker {
1510
- --dummy-style: true;
1511
- }
1512
- .e-daterangepicker.e-popup {
1513
- border: none;
1514
- border-radius: calc(var(--e-radius) * 0.5);
1515
- -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1516
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1517
- max-height: 500px;
1518
- max-width: 730px;
1519
- }
1520
- .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1521
- max-width: 100%;
1522
- }
1523
- .e-daterangepicker.e-popup.e-preset-wrapper {
1524
- min-width: 625px;
1525
- }
1526
- .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1527
- max-height: none;
1528
- }
1529
- .e-daterangepicker.e-popup .e-range-header {
1530
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1531
- padding: 16px 16px 0 16px;
1532
- width: auto;
1533
- border-top-left-radius: calc(var(--e-radius) * 0.5);
1534
- }
1535
- .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label {
1536
- cursor: default;
1537
- display: inline-block;
1538
- font-size: 18px;
1539
- overflow: hidden;
1540
- text-align: center;
1541
- text-decoration: none;
1542
- text-overflow: ellipsis;
1543
- -webkit-user-select: none;
1544
- -moz-user-select: none;
1545
- -ms-user-select: none;
1546
- user-select: none;
1547
- white-space: nowrap;
1548
- width: 48%;
1549
- font-weight: 600;
1550
- }
1551
- .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1552
- font-size: 15px;
1553
- font-weight: 500;
1554
- text-align: center;
1555
- width: 4%;
1556
- }
1557
- .e-daterangepicker.e-popup .e-range-header .e-day-span {
1558
- direction: ltr;
1559
- font-size: 13px;
1560
- height: 14px;
1561
- margin: 0 0 15px 0;
1562
- text-align: center;
1563
- -webkit-user-select: none;
1564
- -moz-user-select: none;
1565
- -ms-user-select: none;
1566
- user-select: none;
1567
- width: 100%;
1568
- }
1569
- .e-daterangepicker.e-popup .e-range-header .e-start-end {
1570
- -webkit-box-align: center;
1571
- -ms-flex-align: center;
1572
- align-items: center;
1573
- display: -webkit-box;
1574
- display: -ms-flexbox;
1575
- display: flex;
1576
- height: 35px;
1577
- }
1578
- .e-daterangepicker.e-popup .e-separator {
1579
- height: 1px;
1580
- margin: 0;
1581
- }
1582
- .e-daterangepicker.e-popup .e-calendar {
1583
- border: none;
1584
- margin: 0;
1585
- padding: 0;
1586
- }
1587
- .e-daterangepicker.e-popup .e-calendar .e-content table {
1588
- padding: 0 10px 10px;
1589
- }
1590
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1591
- cursor: pointer;
1592
- line-height: 36px;
1593
- width: auto;
1594
- float: none;
1595
- font-weight: 600;
1596
- margin-left: 0;
1597
- }
1598
- .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 {
1599
- padding: 10px 5px 0 5px;
1600
- }
1601
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
1602
- float: right;
1603
- }
1604
- .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1605
- float: left;
1606
- }
1607
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1608
- height: 36px;
1609
- width: 36px;
1610
- }
1611
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
1612
- padding: 10px;
1613
- }
1614
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
1615
- border-radius: 999px calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) 999px;
1616
- }
1617
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
1618
- border-radius: calc(var(--e-radius) * 0) 999px 999px calc(var(--e-radius) * 0);
1619
- }
1620
- .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 {
1621
- border: none;
1622
- }
1623
- .e-daterangepicker.e-popup .e-footer {
1624
- -webkit-box-align: center;
1625
- -ms-flex-align: center;
1626
- align-items: center;
1627
- border-top: 0.75px solid rgba(var(--color-sf-outline-variant));
1628
- clear: both;
1629
- display: -webkit-box;
1630
- display: -ms-flexbox;
1631
- display: flex;
1632
- -webkit-box-orient: horizontal;
1633
- -webkit-box-direction: reverse;
1634
- -ms-flex-direction: row-reverse;
1635
- flex-direction: row-reverse;
1636
- height: 48px;
1637
- }
1638
- .e-daterangepicker.e-popup .e-footer .e-btn {
1639
- font-weight: 500;
1640
- height: 27px;
1641
- line-height: 27px;
1642
- overflow: hidden;
1643
- padding: 0 16px;
1644
- text-overflow: ellipsis;
1645
- }
1646
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
1647
- margin: 0 8px 0 8px;
1648
- }
1649
- .e-daterangepicker.e-popup .e-date-range-container {
1650
- float: left;
1651
- }
1652
- .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
1653
- border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
1654
- }
1655
- .e-daterangepicker.e-popup .e-calendar-container {
1656
- display: -webkit-box;
1657
- display: -ms-flexbox;
1658
- display: flex;
1659
- }
1660
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
1661
- float: left;
1662
- }
1663
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
1664
- border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
1665
- }
1666
- .e-daterangepicker.e-popup .e-presets {
1667
- max-height: 192px;
1668
- overflow: auto;
1669
- width: auto;
1670
- }
1671
- .e-daterangepicker.e-popup .e-presets .e-list-item {
1672
- border-radius: calc(var(--e-radius) * 0);
1673
- cursor: pointer;
1674
- line-height: 48px;
1675
- overflow: hidden;
1676
- padding: 0 24px;
1677
- white-space: nowrap;
1678
- text-overflow: ellipsis;
1679
- }
1680
- .e-daterangepicker.e-popup .e-presets .e-list-parent {
1681
- margin: 0;
1682
- max-width: 160px;
1683
- padding: 0;
1684
- }
1685
- .e-daterangepicker.e-popup .e-presets .e-text-content {
1686
- line-height: 47px;
1687
- }
1688
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
1689
- font-size: 13px;
1690
- height: 36px;
1691
- line-height: 36px;
1692
- }
1693
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child {
1694
- border-top-right-radius: calc(var(--e-radius) * 0.5);
1695
- border-top-left-radius: calc(var(--e-radius) * 0.5);
1696
- }
1697
- .e-daterangepicker.e-popup .e-hide-range {
1698
- display: none;
1699
- }
1700
- .e-daterangepicker.e-rtl .e-date-range-container {
1701
- float: right;
1702
- }
1703
- .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
1704
- border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
1705
- border-right: 0;
1706
- }
1707
- .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
1708
- border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
1709
- border-right: 0;
1710
- }
1711
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
1712
- float: left;
1713
- }
1714
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
1715
- float: right;
1716
- }
1717
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
1718
- border-radius: calc(var(--e-radius) * 0) 999px 999px calc(var(--e-radius) * 0);
1719
- }
1720
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
1721
- border-radius: 999px calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) 999px;
1722
- }
1723
- .e-daterangepicker.e-rtl .e-footer {
1724
- -webkit-box-orient: horizontal;
1725
- -webkit-box-direction: normal;
1726
- -ms-flex-direction: row;
1727
- flex-direction: row;
1728
- -webkit-box-pack: end;
1729
- -ms-flex-pack: end;
1730
- justify-content: flex-end;
1731
- }
1732
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
1733
- margin: 0 8px 0 8px;
1734
- }
1735
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
1736
- margin-left: 0;
1737
- }
1738
-
1739
- .e-small .e-daterangepicker.e-popup .e-range-header,
1740
- *.e-small.e-daterangepicker.e-popup .e-range-header {
1741
- margin: 10px 10px 0 10px;
1742
- }
1743
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-small .e-daterangepicker.e-popup .e-range-header .e-end-label,
1744
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-label,
1745
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-end-label {
1746
- font-size: 16px;
1747
- }
1748
- .e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon,
1749
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-change-icon {
1750
- font-size: 12px;
1751
- }
1752
- .e-small .e-daterangepicker.e-popup .e-range-header .e-start-end,
1753
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-start-end {
1754
- height: 32px;
1755
- }
1756
- .e-small .e-daterangepicker.e-popup .e-range-header .e-day-span,
1757
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-day-span {
1758
- font-size: 12px;
1759
- margin: 0 0 10px 0;
1760
- }
1761
- .e-small .e-daterangepicker.e-popup .e-range-header .e-separator,
1762
- *.e-small.e-daterangepicker.e-popup .e-range-header .e-separator {
1763
- margin: 0 10px;
1764
- }
1765
- .e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
1766
- *.e-small.e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
1767
- margin: 10px 10px 10px 8px;
1768
- }
1769
- .e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item,
1770
- *.e-small.e-daterangepicker.e-popup.e-preset-wrapper .e-presets .e-list-parent.e-ul .e-list-item {
1771
- font-size: 12px;
1772
- height: 26px;
1773
- line-height: 26px;
1774
- }
1775
-
1776
- /* stylelint-disable */
1777
- .e-range-overflow {
1778
- overflow: hidden;
1779
- }
1780
-
1781
- .e-daterangepick-mob-popup-wrap {
1782
- -webkit-box-align: center;
1783
- -ms-flex-align: center;
1784
- align-items: center;
1785
- display: -webkit-box;
1786
- display: -ms-flexbox;
1787
- display: flex;
1788
- -webkit-box-orient: vertical;
1789
- -webkit-box-direction: normal;
1790
- -ms-flex-direction: column;
1791
- flex-direction: column;
1792
- height: 100%;
1793
- -webkit-box-pack: center;
1794
- -ms-flex-pack: center;
1795
- justify-content: center;
1796
- left: 0;
1797
- max-height: 100%;
1798
- position: fixed;
1799
- top: 0;
1800
- width: 100%;
1801
- z-index: 1002;
1802
- }
1803
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-control.e-lib.e-device.e-popup-open {
1804
- position: relative;
1805
- top: 0 !important;
1806
- left: 0 !important;
1807
- }
1808
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
1809
- min-height: 100%;
1810
- min-width: 100%;
1811
- height: 100%;
1812
- width: 100%;
1813
- }
1814
-
1815
- .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
1816
- background-size: 250px 33px;
1817
- min-height: 33px;
1818
- }
1819
-
1820
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
1821
- min-height: 100%;
1822
- min-width: 100%;
1823
- height: 100%;
1824
- width: 100%;
1825
- }
1826
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
1827
- height: 20vh;
1828
- padding: 2vh 2vw;
1829
- margin: 0;
1830
- color: rgba(var(--color-sf-on-surface));
1831
- }
1832
- @media (max-device-width: 768px) {
1833
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
1834
- font-size: 16px;
1835
- }
1836
- }
1837
- @media (min-device-width: 768px) {
1838
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
1839
- font-size: 18px;
1840
- }
1841
- }
1842
- .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 {
1843
- float: right;
1844
- }
1845
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
1846
- margin: 3vh 0 0 0;
1847
- }
1848
- @media (max-height: 600px) {
1849
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1850
- min-height: 100%;
1851
- height: 100%;
1852
- }
1853
- }
1854
- @media (min-height: 600px) {
1855
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1856
- min-height: 80vh;
1857
- height: 80vh;
1858
- }
1859
- }
1860
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
1861
- min-width: 100%;
1862
- width: 100%;
1863
- padding: 0;
1864
- overflow: unset;
1865
- }
1866
- .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 {
1867
- height: 10vh;
1868
- border-style: solid;
1869
- border-width: 0 0 1px 0;
1870
- border-color: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1871
- padding: 2vh 2vw;
1872
- line-height: 5vh;
1873
- }
1874
- .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 {
1875
- height: 36px;
1876
- width: 36px;
1877
- vertical-align: inherit;
1878
- font-size: 18px;
1879
- }
1880
- @media screen and (orientation: landscape) {
1881
- .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 {
1882
- vertical-align: inherit;
1883
- }
1884
- }
1885
- @media (min-device-width: 768px) {
1886
- .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 {
1887
- font-size: 18px;
1888
- padding: 11px;
1889
- }
1890
- }
1891
- .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 {
1892
- height: 36px;
1893
- width: 36px;
1894
- }
1895
- .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 {
1896
- padding: 10px;
1897
- line-height: 1;
1898
- }
1899
- @media (min-device-width: 768px) {
1900
- .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 {
1901
- font-size: 18px;
1902
- }
1903
- }
1904
- @media (max-height: 600px) {
1905
- .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 {
1906
- margin-left: -27vw;
1907
- position: absolute;
1908
- text-align: center;
1909
- vertical-align: middle;
1910
- width: 50vw;
1911
- line-height: 44px;
1912
- line-height: 8vh;
1913
- }
1914
- }
1915
- @media (min-height: 600px) {
1916
- .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 {
1917
- margin-left: -29vw;
1918
- position: absolute;
1919
- text-align: center;
1920
- vertical-align: middle;
1921
- width: 50vw;
1922
- line-height: 44px;
1923
- line-height: inherit;
1924
- }
1925
- }
1926
- @media (min-device-width: 768px) {
1927
- .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 {
1928
- font-size: 18px;
1929
- }
1930
- }
1931
- @media (min-device-width: 768px) {
1932
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
1933
- font-size: 18px;
1934
- height: 48px;
1935
- }
1936
- }
1937
- @media (min-device-width: 768px) {
1938
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
1939
- font-size: 18px;
1940
- height: 64px;
1941
- width: 64px;
1942
- line-height: 64px;
1943
- }
1944
- }
1945
- .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 {
1946
- border-radius: calc(var(--e-radius) * 0);
1947
- }
1948
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
1949
- height: 100%;
1950
- }
1951
- @media (max-height: 600px) {
1952
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
1953
- min-height: 100%;
1954
- height: 100%;
1955
- }
1956
- }
1957
- @media (max-height: 600px) {
1958
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
1959
- min-height: 100%;
1960
- height: 100%;
1961
- }
1962
- }
1963
- @media (max-height: 600px) {
1964
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1965
- min-height: 100%;
1966
- height: 100%;
1967
- }
1968
- }
1969
- @media (min-height: 600px) {
1970
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
1971
- min-height: 80vh;
1972
- height: 80vh;
1973
- }
1974
- }
1975
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
1976
- margin: 0;
1977
- }
1978
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
1979
- height: 69vh;
1980
- }
1981
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
1982
- padding: 0 2vw;
1983
- height: 69vh;
1984
- border-spacing: unset;
1985
- }
1986
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-footer {
1987
- display: none;
1988
- }
1989
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
1990
- max-height: 90%;
1991
- height: 90%;
1992
- }
1993
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul {
1994
- height: 100%;
1995
- }
1996
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
1997
- font-size: 16px;
1998
- }
1999
- @media (min-device-width: 768px) {
2000
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
2001
- font-size: 18px;
2002
- }
2003
- }
2004
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap {
2005
- position: relative;
2006
- height: 100%;
2007
- }
2008
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2009
- height: 10%;
2010
- padding: 2.5vh 2.5vw 2.5vh 1.5vw;
2011
- display: -webkit-box;
2012
- display: -ms-flexbox;
2013
- display: flex;
2014
- -webkit-box-align: center;
2015
- -ms-flex-align: center;
2016
- align-items: center;
2017
- font-size: 2vh;
2018
- border-bottom: none;
2019
- }
2020
- @media (min-device-width: 768px) {
2021
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2022
- font-size: 18px;
2023
- }
2024
- }
2025
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2026
- float: left;
2027
- padding: 1vh 2vw;
2028
- }
2029
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2030
- padding: 1vh 2vw;
2031
- text-transform: uppercase;
2032
- }
2033
-
2034
- @media screen and (orientation: landscape) {
2035
- .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 {
2036
- padding: 0;
2037
- }
2038
- }
2039
- @media screen and (orientation: landscape) and (min-device-width: 768px) {
2040
- .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 {
2041
- font-size: 18px;
2042
- }
2043
- }
2044
- @media screen and (orientation: landscape) and (min-height: 600px) {
2045
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2046
- min-height: 70vh;
2047
- height: 70vh;
2048
- }
2049
- }
2050
- @media screen and (orientation: landscape) and (max-height: 600px) {
2051
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
2052
- min-height: 65%;
2053
- height: 65%;
2054
- }
2055
- }
2056
- @media screen and (orientation: landscape) and (min-height: 600px) {
2057
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
2058
- min-height: 70vh;
2059
- height: 70vh;
2060
- }
2061
- }
2062
- @media screen and (orientation: landscape) and (max-height: 600px) {
2063
- .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 {
2064
- height: 50vh;
2065
- }
2066
- }
2067
- @media screen and (orientation: landscape) {
2068
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
2069
- max-height: 85%;
2070
- height: 85%;
2071
- }
2072
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
2073
- height: 15%;
2074
- font-size: 18px;
2075
- }
2076
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
2077
- padding: 1vh 1vw;
2078
- }
2079
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
2080
- padding: 1vh 1vw;
2081
- }
2082
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2083
- width: 100%;
2084
- }
2085
- }
2086
- @media screen and (orientation: landscape) and (max-height: 600px) {
2087
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2088
- height: 27vh;
2089
- }
2090
- }
2091
- @media screen and (orientation: landscape) and (min-height: 600px) {
2092
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
2093
- height: 25vh;
2094
- }
2095
- }
2096
- @media screen and (orientation: landscape) {
2097
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2098
- margin: 0;
2099
- height: 28px;
2100
- }
2101
- }
2102
- @media screen and (orientation: landscape) and (min-height: 600px) {
2103
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
2104
- margin: 5vh 0 0 0;
2105
- }
2106
- }
2107
- @media screen and (orientation: landscape) {
2108
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
2109
- margin: 8px 0;
2110
- font-size: 16px;
2111
- }
2112
- }
2113
- @media screen and (orientation: landscape) and (min-height: 600px) {
2114
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
2115
- min-height: 75vh;
2116
- height: 75vh;
2117
- }
2118
- }
2119
- @media screen and (orientation: landscape) {
2120
- .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 {
2121
- overflow-y: auto;
2122
- }
2123
- }
2124
- @media screen and (orientation: landscape) and (max-height: 600px) {
2125
- .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 {
2126
- height: 60vh;
2127
- }
2128
- }
2129
- @media screen and (orientation: landscape) and (min-height: 600px) {
2130
- .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 {
2131
- height: 65vh;
2132
- }
2133
- }
2134
- @media screen and (orientation: landscape) {
2135
- .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 {
2136
- display: table;
2137
- border-spacing: unset;
2138
- }
2139
- }
2140
- @media screen and (orientation: landscape) and (min-height: 600px) {
2141
- .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 {
2142
- height: 65vh;
2143
- }
2144
- }
2145
- .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 {
2146
- width: calc(100% - 80px);
2147
- }
2148
-
2149
- .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 {
2150
- width: calc(100% - 110px);
2151
- }
2152
-
2153
- .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2154
- color: rgba(var(--color-sf-on-surface-variant));
2155
- }
2156
- .e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
2157
- color: rgba(var(--color-sf-on-surface-variant));
2158
- }
2159
-
2160
- .e-daterangepicker.e-popup {
2161
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2162
- }
2163
- .e-daterangepicker.e-popup .e-calendar {
2164
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2165
- }
2166
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2167
- color: rgba(var(--color-sf-on-surface));
2168
- text-decoration: none;
2169
- }
2170
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2171
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2172
- color: rgba(var(--color-sf-on-surface));
2173
- }
2174
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2175
- background: transparent;
2176
- border: 1px solid rgba(var(--color-sf-primary));
2177
- color: rgba(var(--color-sf-primary));
2178
- }
2179
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2180
- background: transparent;
2181
- border: none;
2182
- color: rgba(var(--color-sf-on-surface));
2183
- }
2184
- .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 {
2185
- background: rgba(var(--color-sf-on-surface), 0.05);
2186
- border: none;
2187
- color: rgba(var(--color-sf-on-surface));
2188
- }
2189
- .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 {
2190
- border: 1px solid rgba(var(--color-sf-primary));
2191
- }
2192
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2193
- border: 1px solid rgba(var(--color-sf-primary));
2194
- }
2195
- .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 {
2196
- background: transparent;
2197
- border: none;
2198
- color: rgba(var(--color-sf-on-surface-variant));
2199
- }
2200
- .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 {
2201
- background: transparent;
2202
- border: none;
2203
- color: rgba(var(--color-sf-on-surface-variant));
2204
- }
2205
- .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 {
2206
- background: rgba(var(--color-sf-primary));
2207
- color: rgba(var(--color-sf-on-primary));
2208
- }
2209
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2210
- background: rgba(var(--color-sf-primary));
2211
- color: rgba(var(--color-sf-on-primary));
2212
- }
2213
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2214
- color: rgba(var(--color-sf-on-primary));
2215
- }
2216
- .e-daterangepicker.e-popup .e-presets {
2217
- background: transparent;
2218
- color: rgba(var(--color-sf-on-surface));
2219
- }
2220
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2221
- background: rgba(var(--color-sf-primary-container));
2222
- color: rgba(var(--color-sf-on-surface));
2223
- }
2224
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2225
- background: rgba(var(--color-sf-on-surface), 0.08);
2226
- color: rgba(var(--color-sf-on-surface));
2227
- }
2228
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
2229
- color: rgba(var(--color-sf-on-surface));
2230
- }
2231
- .e-daterangepicker.e-popup .e-change-icon {
2232
- color: rgba(var(--color-sf-on-surface-variant));
2233
- }
2234
- .e-daterangepicker.e-popup .e-day-span {
2235
- color: rgba(var(--color-sf-on-surface-variant));
2236
- }
2237
- .e-daterangepicker.e-popup .e-separator {
2238
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2239
- }
2240
- .e-daterangepicker.e-popup .e-footer {
2241
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2242
- border-bottom-left-radius: calc(var(--e-radius) * 0.5);
2243
- border-bottom-right-radius: calc(var(--e-radius) * 0.5);
2244
- }
2245
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
2246
- background-color: rgba(var(--color-sf-primary));
2247
- color: rgba(var(--color-sf-on-primary));
2248
- }
2249
- .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
2250
- color: rgba(var(--color-sf-on-primary));
2251
- }
2252
-
2253
- /*! component icons */
2254
- .e-datetime-wrapper .e-time-icon.e-icons::before {
2255
- content: "\e705";
2256
- font-family: "e-icons";
2257
- }
2258
-
2259
- .e-input-group.e-control-wrapper.e-datetime-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
2260
- .e-float-input.e-control-wrapper.e-input-group.e-datetime-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
2261
- display: -webkit-box;
2262
- display: -ms-flexbox;
2263
- display: flex;
2264
- }
2265
-
2266
- .e-datetime-wrapper {
2267
- /* stylelint-disable property-no-vendor-prefix */
2268
- -webkit-tap-highlight-color: transparent;
2269
- }
2270
- .e-datetime-wrapper .e-time-icon.e-icons::before {
2271
- font-size: 16px;
2272
- }
2273
- .e-datetime-wrapper.e-control-wrapper {
2274
- -webkit-box-sizing: border-box;
2275
- box-sizing: border-box;
2276
- }
2277
- .e-datetime-wrapper .e-time-icon.e-icons.e-disabled, .e-datetime-wrapper .e-date-icon.e-icons.e-disabled {
2278
- pointer-events: none;
2279
- }
2280
- .e-datetime-wrapper .e-clear-icon {
2281
- -webkit-box-sizing: content-box;
2282
- box-sizing: content-box;
2283
- }
2284
- .e-datetime-wrapper span {
2285
- cursor: pointer;
2286
- }
2287
- .e-datetime-wrapper .e-input-group-icon.e-date-icon, .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2288
- font-size: 16px;
2289
- margin: 0;
2290
- min-height: 30px;
2291
- min-width: 30px;
2292
- border-radius: calc(var(--e-radius) * 1);
2293
- outline: none;
2294
- }
2295
- .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2296
- border: 0;
2297
- border-style: none;
2298
- margin: 0;
2299
- }
2300
-
2301
- .e-datetimepicker {
2302
- --dummy-style: true;
2303
- }
2304
-
2305
- .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
2306
- margin: 0;
2307
- }
2308
-
2309
- .e-control.e-datetimepicker.e-popup-wrapper.e-popup-container.e-popup-expand.e-popup.e-popup-open .e-datetime-mob-popup-wrap {
2310
- -webkit-box-align: normal;
2311
- -ms-flex-align: normal;
2312
- align-items: normal;
2313
- }
2314
-
2315
- .e-datetime-mob-popup-wrap {
2316
- -webkit-box-align: center;
2317
- -ms-flex-align: center;
2318
- align-items: center;
2319
- display: -webkit-box;
2320
- display: -ms-flexbox;
2321
- display: flex;
2322
- -webkit-box-orient: vertical;
2323
- -webkit-box-direction: normal;
2324
- -ms-flex-direction: column;
2325
- flex-direction: column;
2326
- height: 100%;
2327
- -webkit-box-pack: center;
2328
- -ms-flex-pack: center;
2329
- justify-content: center;
2330
- left: 0;
2331
- max-height: 100%;
2332
- position: fixed;
2333
- top: 0;
2334
- width: 100%;
2335
- z-index: 1002;
2336
- }
2337
- .e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
2338
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
2339
- position: relative;
2340
- top: 0 !important; /* stylelint-disable-line declaration-no-important */
2341
- }
2342
-
2343
- .e-datetimepicker.e-time-modal {
2344
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2345
- height: 100%;
2346
- left: 0;
2347
- opacity: 0.5;
2348
- pointer-events: auto;
2349
- position: fixed;
2350
- top: 0;
2351
- width: 100%;
2352
- z-index: 999;
2353
- }
2354
-
2355
- .e-datetimepicker.e-popup {
2356
- border-style: solid;
2357
- border-width: 1px;
2358
- overflow: auto;
2359
- }
2360
- .e-datetimepicker.e-popup .e-content {
2361
- position: relative;
2362
- }
2363
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
2364
- margin: 0;
2365
- padding: 0;
2366
- }
2367
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2368
- color: rgba(var(--color-sf-on-surface));
2369
- cursor: default;
2370
- font-size: 13px;
2371
- overflow: hidden;
2372
- position: relative;
2373
- text-overflow: ellipsis;
2374
- vertical-align: middle;
2375
- white-space: nowrap;
2376
- width: 100%;
2377
- }
2378
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
2379
- cursor: pointer;
2380
- }
2381
-
2382
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2383
- line-height: 36px;
2384
- text-indent: 16px;
2385
- }
2386
-
2387
- .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
2388
- *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
2389
- font-size: 12px;
2390
- line-height: 26px;
2391
- text-indent: 12px;
2392
- }
2393
-
2394
- .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
2395
- *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
2396
- font-size: 16px;
2397
- }
2398
- .e-small.e-datetime-wrapper .e-input-group-icon.e-time-icon,
2399
- *.e-small .e-datetime-wrapper .e-input-group-icon.e-time-icon {
2400
- min-height: 22px;
2401
- min-width: 22px;
2402
- border-radius: calc(var(--e-radius) * 0.875);
2403
- margin: 0;
2404
- }
2405
-
2406
- .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
2407
- background-size: 250px 33px;
2408
- min-height: 33px;
2409
- }
2410
-
2411
- .e-datetimepicker.e-popup-expand.e-popup {
2412
- position: fixed;
2413
- }
2414
- .e-datetimepicker.e-popup-expand.e-popup .e-datetime-mob-popup-wrap {
2415
- position: relative;
2416
- width: 100%;
2417
- }
2418
-
2419
- /*! datetimepicker theme */
2420
- .e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
2421
- color: rgba(var(--color-sf-on-surface));
2422
- }
2423
- .e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
2424
- color: rgba(var(--color-sf-on-surface));
2425
- }
2426
-
2427
- .e-datetimepicker.e-popup {
2428
- border: none;
2429
- border-radius: calc(var(--e-radius) * 0.25);
2430
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2431
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2432
- }
2433
- .e-datetimepicker.e-popup .e-list-parent.e-ul {
2434
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2435
- }
2436
- .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
2437
- border: none;
2438
- color: rgba(var(--color-sf-on-surface));
2439
- }
2440
- .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 {
2441
- background: rgba(var(--color-sf-on-surface), 0.05);
2442
- border: none;
2443
- color: rgba(var(--color-sf-on-surface));
2444
- }
2445
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
2446
- background: rgba(var(--color-sf-primary-container));
2447
- color: rgba(var(--color-sf-on-surface));
2448
- }
2449
- .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
2450
- background: rgba(var(--color-sf-primary));
2451
- color: rgba(var(--color-sf-on-primary));
2452
- }