@syncfusion/ej2-calendars 34.2.6 → 35.1.37

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