@syncfusion/ej2-calendars 25.2.4 → 25.2.7-30676

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 (380) hide show
  1. package/CHANGELOG.md +1220 -1212
  2. package/README.md +178 -178
  3. package/dist/ej2-calendars.umd.min.js +1 -10
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +37 -34
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +112 -109
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/helpers/e2e/calendarHelper.js +13 -13
  10. package/helpers/e2e/datepickerHelper.js +13 -13
  11. package/helpers/e2e/daterangepickerHelper.js +13 -13
  12. package/helpers/e2e/datetimepickerHelper.js +13 -13
  13. package/helpers/e2e/index.js +3 -3
  14. package/helpers/e2e/timepickerHelper.js +13 -13
  15. package/license +10 -10
  16. package/package.json +85 -85
  17. package/src/calendar/calendar-model.d.ts +277 -277
  18. package/src/calendar/calendar.d.ts +20 -20
  19. package/src/calendar/calendar.js +25 -25
  20. package/src/common/maskplaceholder-model.d.ts +36 -36
  21. package/src/common/maskplaceholder.js +19 -19
  22. package/src/datepicker/datepicker-model.d.ts +289 -289
  23. package/src/datepicker/datepicker.d.ts +10 -10
  24. package/src/datepicker/datepicker.js +23 -23
  25. package/src/daterangepicker/daterangepicker-model.d.ts +427 -427
  26. package/src/daterangepicker/daterangepicker.d.ts +2 -2
  27. package/src/daterangepicker/daterangepicker.js +24 -21
  28. package/src/datetimepicker/datetimepicker-model.d.ts +453 -453
  29. package/src/datetimepicker/datetimepicker.d.ts +1 -1
  30. package/src/datetimepicker/datetimepicker.js +20 -20
  31. package/src/timepicker/timepicker-model.d.ts +350 -350
  32. package/src/timepicker/timepicker.d.ts +5 -5
  33. package/src/timepicker/timepicker.js +23 -23
  34. package/styles/bootstrap-dark.css +190 -984
  35. package/styles/bootstrap-dark.scss +20 -5
  36. package/styles/bootstrap.css +190 -985
  37. package/styles/bootstrap.scss +20 -5
  38. package/styles/bootstrap4.css +190 -992
  39. package/styles/bootstrap4.scss +20 -5
  40. package/styles/bootstrap5-dark.css +191 -1014
  41. package/styles/bootstrap5-dark.scss +20 -5
  42. package/styles/bootstrap5.css +191 -1014
  43. package/styles/bootstrap5.scss +20 -5
  44. package/styles/calendar/_all.scss +2 -2
  45. package/styles/calendar/_bds-definition.scss +273 -272
  46. package/styles/calendar/_bigger.scss +1142 -0
  47. package/styles/calendar/_bootstrap-dark-definition.scss +238 -238
  48. package/styles/calendar/_bootstrap-definition.scss +238 -238
  49. package/styles/calendar/_bootstrap4-definition.scss +238 -238
  50. package/styles/calendar/_bootstrap5-definition.scss +258 -258
  51. package/styles/calendar/_bootstrap5.3-definition.scss +260 -0
  52. package/styles/calendar/_fabric-dark-definition.scss +202 -202
  53. package/styles/calendar/_fabric-definition.scss +200 -200
  54. package/styles/calendar/_fluent-definition.scss +264 -262
  55. package/styles/calendar/_fluent2-definition.scss +294 -0
  56. package/styles/calendar/_fusionnew-definition.scss +260 -260
  57. package/styles/calendar/_highcontrast-definition.scss +199 -199
  58. package/styles/calendar/_highcontrast-light-definition.scss +202 -202
  59. package/styles/calendar/_layout.scss +565 -789
  60. package/styles/calendar/_material-dark-definition.scss +204 -204
  61. package/styles/calendar/_material-definition.scss +199 -199
  62. package/styles/calendar/_material3-definition.scss +196 -205
  63. package/styles/calendar/_tailwind-definition.scss +271 -271
  64. package/styles/calendar/_tailwind4-definition.scss +260 -0
  65. package/styles/calendar/_theme.scss +643 -555
  66. package/styles/calendar/bootstrap-dark.css +97 -375
  67. package/styles/calendar/bootstrap.css +97 -375
  68. package/styles/calendar/bootstrap4.css +97 -375
  69. package/styles/calendar/bootstrap5-dark.css +98 -396
  70. package/styles/calendar/bootstrap5.css +98 -396
  71. package/styles/calendar/fabric-dark.css +98 -377
  72. package/styles/calendar/fabric.css +99 -379
  73. package/styles/calendar/fluent-dark.css +116 -424
  74. package/styles/calendar/fluent.css +116 -424
  75. package/styles/calendar/fluent2.css +1747 -0
  76. package/styles/calendar/fluent2.scss +5 -0
  77. package/styles/calendar/highcontrast-light.css +97 -375
  78. package/styles/calendar/highcontrast.css +99 -379
  79. package/styles/calendar/icons/_bds.scss +13 -13
  80. package/styles/calendar/icons/_bootstrap-dark.scss +13 -13
  81. package/styles/calendar/icons/_bootstrap.scss +13 -13
  82. package/styles/calendar/icons/_bootstrap4.scss +13 -13
  83. package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
  84. package/styles/calendar/icons/_bootstrap5.scss +13 -13
  85. package/styles/calendar/icons/_fabric-dark.scss +13 -13
  86. package/styles/calendar/icons/_fabric.scss +13 -13
  87. package/styles/calendar/icons/_fluent.scss +13 -13
  88. package/styles/calendar/icons/_fluent2.scss +13 -0
  89. package/styles/calendar/icons/_fusionnew.scss +13 -13
  90. package/styles/calendar/icons/_highcontrast-light.scss +13 -13
  91. package/styles/calendar/icons/_highcontrast.scss +13 -13
  92. package/styles/calendar/icons/_material-dark.scss +13 -13
  93. package/styles/calendar/icons/_material.scss +13 -13
  94. package/styles/calendar/icons/_material3.scss +13 -13
  95. package/styles/calendar/icons/_tailwind.scss +13 -13
  96. package/styles/calendar/icons/_tailwind4.scss +13 -0
  97. package/styles/calendar/material-dark.css +99 -379
  98. package/styles/calendar/material.css +99 -379
  99. package/styles/calendar/material3-dark.css +100 -380
  100. package/styles/calendar/material3-dark.scss +1 -1
  101. package/styles/calendar/material3.css +100 -380
  102. package/styles/calendar/material3.scss +1 -1
  103. package/styles/calendar/tailwind-dark.css +100 -428
  104. package/styles/calendar/tailwind.css +100 -428
  105. package/styles/datepicker/_all.scss +2 -2
  106. package/styles/datepicker/_bds-definition.scss +105 -105
  107. package/styles/datepicker/_bigger.scss +82 -0
  108. package/styles/datepicker/_bootstrap-dark-definition.scss +97 -97
  109. package/styles/datepicker/_bootstrap-definition.scss +96 -96
  110. package/styles/datepicker/_bootstrap4-definition.scss +101 -101
  111. package/styles/datepicker/_bootstrap5-definition.scss +107 -107
  112. package/styles/datepicker/_bootstrap5.3-definition.scss +108 -0
  113. package/styles/datepicker/_fabric-dark-definition.scss +98 -98
  114. package/styles/datepicker/_fabric-definition.scss +95 -95
  115. package/styles/datepicker/_fluent-definition.scss +107 -107
  116. package/styles/datepicker/_fluent2-definition.scss +118 -0
  117. package/styles/datepicker/_fusionnew-definition.scss +107 -107
  118. package/styles/datepicker/_highcontrast-definition.scss +96 -96
  119. package/styles/datepicker/_highcontrast-light-definition.scss +99 -99
  120. package/styles/datepicker/_layout.scss +459 -433
  121. package/styles/datepicker/_material-dark-definition.scss +103 -103
  122. package/styles/datepicker/_material-definition.scss +100 -100
  123. package/styles/datepicker/_material3-definition.scss +97 -116
  124. package/styles/datepicker/_tailwind-definition.scss +105 -105
  125. package/styles/datepicker/_tailwind4-definition.scss +108 -0
  126. package/styles/datepicker/_theme.scss +48 -53
  127. package/styles/datepicker/bootstrap-dark.css +2 -43
  128. package/styles/datepicker/bootstrap.css +2 -43
  129. package/styles/datepicker/bootstrap4.css +2 -45
  130. package/styles/datepicker/bootstrap5-dark.css +2 -45
  131. package/styles/datepicker/bootstrap5.css +2 -45
  132. package/styles/datepicker/fabric-dark.css +2 -43
  133. package/styles/datepicker/fabric.css +2 -43
  134. package/styles/datepicker/fluent-dark.css +2 -45
  135. package/styles/datepicker/fluent.css +2 -45
  136. package/styles/datepicker/fluent2.css +1617 -0
  137. package/styles/datepicker/fluent2.scss +7 -0
  138. package/styles/datepicker/highcontrast-light.css +2 -43
  139. package/styles/datepicker/highcontrast.css +2 -43
  140. package/styles/datepicker/icons/_bds.scss +52 -76
  141. package/styles/datepicker/icons/_bootstrap-dark.scss +49 -73
  142. package/styles/datepicker/icons/_bootstrap.scss +50 -72
  143. package/styles/datepicker/icons/_bootstrap4.scss +52 -76
  144. package/styles/datepicker/icons/_bootstrap5.3.scss +52 -0
  145. package/styles/datepicker/icons/_bootstrap5.scss +52 -76
  146. package/styles/datepicker/icons/_fabric-dark.scss +43 -65
  147. package/styles/datepicker/icons/_fabric.scss +43 -65
  148. package/styles/datepicker/icons/_fluent.scss +52 -76
  149. package/styles/datepicker/icons/_fluent2.scss +52 -0
  150. package/styles/datepicker/icons/_fusionnew.scss +52 -76
  151. package/styles/datepicker/icons/_highcontrast-light.scss +50 -72
  152. package/styles/datepicker/icons/_highcontrast.scss +50 -72
  153. package/styles/datepicker/icons/_material-dark.scss +59 -99
  154. package/styles/datepicker/icons/_material.scss +59 -99
  155. package/styles/datepicker/icons/_material3.scss +50 -79
  156. package/styles/datepicker/icons/_tailwind.scss +52 -76
  157. package/styles/datepicker/icons/_tailwind4.scss +52 -0
  158. package/styles/datepicker/material-dark.css +2 -60
  159. package/styles/datepicker/material.css +2 -60
  160. package/styles/datepicker/material3-dark.css +4 -52
  161. package/styles/datepicker/material3-dark.scss +1 -1
  162. package/styles/datepicker/material3.css +4 -52
  163. package/styles/datepicker/material3.scss +1 -1
  164. package/styles/datepicker/tailwind-dark.css +2 -50
  165. package/styles/datepicker/tailwind.css +2 -50
  166. package/styles/daterangepicker/_all.scss +2 -2
  167. package/styles/daterangepicker/_bds-definition.scss +294 -294
  168. package/styles/daterangepicker/_bigger.scss +971 -0
  169. package/styles/daterangepicker/_bootstrap-dark-definition.scss +258 -258
  170. package/styles/daterangepicker/_bootstrap-definition.scss +258 -258
  171. package/styles/daterangepicker/_bootstrap4-definition.scss +268 -268
  172. package/styles/daterangepicker/_bootstrap5-definition.scss +296 -296
  173. package/styles/daterangepicker/_bootstrap5.3-definition.scss +298 -0
  174. package/styles/daterangepicker/_fabric-dark-definition.scss +261 -261
  175. package/styles/daterangepicker/_fabric-definition.scss +258 -258
  176. package/styles/daterangepicker/_fluent-definition.scss +313 -322
  177. package/styles/daterangepicker/_fluent2-definition.scss +305 -0
  178. package/styles/daterangepicker/_fusionnew-definition.scss +295 -295
  179. package/styles/daterangepicker/_highcontrast-definition.scss +258 -258
  180. package/styles/daterangepicker/_highcontrast-light-definition.scss +261 -261
  181. package/styles/daterangepicker/_layout.scss +790 -1030
  182. package/styles/daterangepicker/_material-dark-definition.scss +266 -266
  183. package/styles/daterangepicker/_material-definition.scss +266 -266
  184. package/styles/daterangepicker/_material3-definition.scss +262 -282
  185. package/styles/daterangepicker/_tailwind-definition.scss +287 -287
  186. package/styles/daterangepicker/_tailwind4-definition.scss +298 -0
  187. package/styles/daterangepicker/_theme.scss +415 -455
  188. package/styles/daterangepicker/bootstrap-dark.css +67 -479
  189. package/styles/daterangepicker/bootstrap.css +67 -478
  190. package/styles/daterangepicker/bootstrap4.css +67 -483
  191. package/styles/daterangepicker/bootstrap5-dark.css +67 -483
  192. package/styles/daterangepicker/bootstrap5.css +67 -483
  193. package/styles/daterangepicker/fabric-dark.css +67 -473
  194. package/styles/daterangepicker/fabric.css +67 -473
  195. package/styles/daterangepicker/fluent-dark.css +66 -502
  196. package/styles/daterangepicker/fluent.css +66 -502
  197. package/styles/daterangepicker/fluent2.css +1998 -0
  198. package/styles/daterangepicker/fluent2.scss +7 -0
  199. package/styles/daterangepicker/highcontrast-light.css +67 -473
  200. package/styles/daterangepicker/highcontrast.css +67 -473
  201. package/styles/daterangepicker/icons/_bds.scss +74 -92
  202. package/styles/daterangepicker/icons/_bootstrap-dark.scss +61 -85
  203. package/styles/daterangepicker/icons/_bootstrap.scss +69 -85
  204. package/styles/daterangepicker/icons/_bootstrap4.scss +75 -94
  205. package/styles/daterangepicker/icons/_bootstrap5.3.scss +74 -0
  206. package/styles/daterangepicker/icons/_bootstrap5.scss +74 -92
  207. package/styles/daterangepicker/icons/_fabric-dark.scss +69 -85
  208. package/styles/daterangepicker/icons/_fabric.scss +69 -85
  209. package/styles/daterangepicker/icons/_fluent.scss +74 -92
  210. package/styles/daterangepicker/icons/_fluent2.scss +91 -0
  211. package/styles/daterangepicker/icons/_fusionnew.scss +74 -92
  212. package/styles/daterangepicker/icons/_highcontrast-light.scss +69 -85
  213. package/styles/daterangepicker/icons/_highcontrast.scss +69 -85
  214. package/styles/daterangepicker/icons/_material-dark.scss +85 -119
  215. package/styles/daterangepicker/icons/_material.scss +85 -119
  216. package/styles/daterangepicker/icons/_material3.scss +90 -129
  217. package/styles/daterangepicker/icons/_tailwind.scss +74 -92
  218. package/styles/daterangepicker/icons/_tailwind4.scss +74 -0
  219. package/styles/daterangepicker/material-dark.css +67 -490
  220. package/styles/daterangepicker/material.css +67 -495
  221. package/styles/daterangepicker/material3-dark.css +70 -504
  222. package/styles/daterangepicker/material3-dark.scss +1 -1
  223. package/styles/daterangepicker/material3.css +70 -504
  224. package/styles/daterangepicker/material3.scss +1 -1
  225. package/styles/daterangepicker/tailwind-dark.css +66 -478
  226. package/styles/daterangepicker/tailwind.css +66 -478
  227. package/styles/datetimepicker/_all.scss +2 -2
  228. package/styles/datetimepicker/_bds-definition.scss +65 -65
  229. package/styles/datetimepicker/_bigger.scss +105 -0
  230. package/styles/datetimepicker/_bootstrap-dark-definition.scss +60 -60
  231. package/styles/datetimepicker/_bootstrap-definition.scss +59 -59
  232. package/styles/datetimepicker/_bootstrap4-definition.scss +65 -65
  233. package/styles/datetimepicker/_bootstrap5-definition.scss +65 -65
  234. package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
  235. package/styles/datetimepicker/_fabric-dark-definition.scss +60 -60
  236. package/styles/datetimepicker/_fabric-definition.scss +57 -57
  237. package/styles/datetimepicker/_fluent-definition.scss +65 -65
  238. package/styles/datetimepicker/_fluent2-definition.scss +65 -0
  239. package/styles/datetimepicker/_fusionnew-definition.scss +65 -65
  240. package/styles/datetimepicker/_highcontrast-definition.scss +57 -57
  241. package/styles/datetimepicker/_highcontrast-light-definition.scss +60 -60
  242. package/styles/datetimepicker/_layout.scss +179 -238
  243. package/styles/datetimepicker/_material-dark-definition.scss +64 -64
  244. package/styles/datetimepicker/_material-definition.scss +62 -62
  245. package/styles/datetimepicker/_material3-definition.scss +61 -71
  246. package/styles/datetimepicker/_tailwind-definition.scss +65 -65
  247. package/styles/datetimepicker/_tailwind4-definition.scss +65 -0
  248. package/styles/datetimepicker/_theme.scss +70 -70
  249. package/styles/datetimepicker/bootstrap-dark.css +23 -42
  250. package/styles/datetimepicker/bootstrap.css +23 -42
  251. package/styles/datetimepicker/bootstrap4.css +23 -42
  252. package/styles/datetimepicker/bootstrap5-dark.css +23 -42
  253. package/styles/datetimepicker/bootstrap5.css +23 -42
  254. package/styles/datetimepicker/fabric-dark.css +23 -42
  255. package/styles/datetimepicker/fabric.css +23 -42
  256. package/styles/datetimepicker/fluent-dark.css +23 -42
  257. package/styles/datetimepicker/fluent.css +23 -42
  258. package/styles/datetimepicker/fluent2.css +1373 -0
  259. package/styles/datetimepicker/fluent2.scss +8 -0
  260. package/styles/datetimepicker/highcontrast-light.css +23 -42
  261. package/styles/datetimepicker/highcontrast.css +23 -42
  262. package/styles/datetimepicker/icons/_bds.scss +11 -11
  263. package/styles/datetimepicker/icons/_bootstrap-dark.scss +11 -11
  264. package/styles/datetimepicker/icons/_bootstrap.scss +11 -11
  265. package/styles/datetimepicker/icons/_bootstrap4.scss +11 -11
  266. package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
  267. package/styles/datetimepicker/icons/_bootstrap5.scss +11 -11
  268. package/styles/datetimepicker/icons/_fabric-dark.scss +11 -11
  269. package/styles/datetimepicker/icons/_fabric.scss +11 -11
  270. package/styles/datetimepicker/icons/_fluent.scss +11 -11
  271. package/styles/datetimepicker/icons/_fluent2.scss +11 -0
  272. package/styles/datetimepicker/icons/_fusionnew.scss +11 -11
  273. package/styles/datetimepicker/icons/_highcontrast-light.scss +11 -11
  274. package/styles/datetimepicker/icons/_highcontrast.scss +11 -11
  275. package/styles/datetimepicker/icons/_material-dark.scss +31 -53
  276. package/styles/datetimepicker/icons/_material.scss +40 -62
  277. package/styles/datetimepicker/icons/_material3.scss +11 -11
  278. package/styles/datetimepicker/icons/_tailwind.scss +11 -11
  279. package/styles/datetimepicker/icons/_tailwind4.scss +11 -0
  280. package/styles/datetimepicker/material-dark.css +23 -66
  281. package/styles/datetimepicker/material.css +23 -66
  282. package/styles/datetimepicker/material3-dark.css +24 -54
  283. package/styles/datetimepicker/material3-dark.scss +1 -1
  284. package/styles/datetimepicker/material3.css +24 -54
  285. package/styles/datetimepicker/material3.scss +1 -1
  286. package/styles/datetimepicker/tailwind-dark.css +23 -42
  287. package/styles/datetimepicker/tailwind.css +23 -42
  288. package/styles/fabric-dark.css +191 -980
  289. package/styles/fabric-dark.scss +20 -5
  290. package/styles/fabric.css +192 -984
  291. package/styles/fabric.scss +20 -5
  292. package/styles/fluent-dark.css +208 -1061
  293. package/styles/fluent-dark.scss +20 -5
  294. package/styles/fluent.css +208 -1061
  295. package/styles/fluent.scss +20 -5
  296. package/styles/fluent2.css +3549 -0
  297. package/styles/fluent2.scss +20 -0
  298. package/styles/highcontrast-light.css +190 -978
  299. package/styles/highcontrast-light.scss +20 -5
  300. package/styles/highcontrast.css +192 -984
  301. package/styles/highcontrast.scss +20 -5
  302. package/styles/material-dark.css +192 -1075
  303. package/styles/material-dark.scss +20 -5
  304. package/styles/material.css +192 -1106
  305. package/styles/material.scss +20 -5
  306. package/styles/material3-dark.css +194 -1083
  307. package/styles/material3-dark.scss +20 -5
  308. package/styles/material3.css +194 -1083
  309. package/styles/material3.scss +20 -5
  310. package/styles/tailwind-dark.css +192 -1046
  311. package/styles/tailwind-dark.scss +20 -5
  312. package/styles/tailwind.css +192 -1046
  313. package/styles/tailwind.scss +20 -5
  314. package/styles/timepicker/_all.scss +2 -2
  315. package/styles/timepicker/_bds-definition.scss +84 -84
  316. package/styles/timepicker/_bigger.scss +92 -0
  317. package/styles/timepicker/_bootstrap-dark-definition.scss +80 -80
  318. package/styles/timepicker/_bootstrap-definition.scss +77 -77
  319. package/styles/timepicker/_bootstrap4-definition.scss +85 -85
  320. package/styles/timepicker/_bootstrap5-definition.scss +86 -86
  321. package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
  322. package/styles/timepicker/_fabric-dark-definition.scss +80 -80
  323. package/styles/timepicker/_fabric-definition.scss +77 -77
  324. package/styles/timepicker/_fluent-definition.scss +86 -86
  325. package/styles/timepicker/_fluent2-definition.scss +84 -0
  326. package/styles/timepicker/_fusionnew-definition.scss +86 -86
  327. package/styles/timepicker/_highcontrast-definition.scss +77 -77
  328. package/styles/timepicker/_highcontrast-light-definition.scss +80 -80
  329. package/styles/timepicker/_layout.scss +227 -303
  330. package/styles/timepicker/_material-dark-definition.scss +84 -84
  331. package/styles/timepicker/_material-definition.scss +81 -81
  332. package/styles/timepicker/_material3-definition.scss +83 -99
  333. package/styles/timepicker/_tailwind-definition.scss +84 -84
  334. package/styles/timepicker/_tailwind4-definition.scss +86 -0
  335. package/styles/timepicker/_theme.scss +109 -114
  336. package/styles/timepicker/bootstrap-dark.css +1 -42
  337. package/styles/timepicker/bootstrap.css +1 -42
  338. package/styles/timepicker/bootstrap4.css +1 -42
  339. package/styles/timepicker/bootstrap5-dark.css +1 -42
  340. package/styles/timepicker/bootstrap5.css +1 -42
  341. package/styles/timepicker/fabric-dark.css +1 -42
  342. package/styles/timepicker/fabric.css +1 -42
  343. package/styles/timepicker/fluent-dark.css +1 -42
  344. package/styles/timepicker/fluent.css +1 -42
  345. package/styles/timepicker/fluent2.css +1470 -0
  346. package/styles/timepicker/fluent2.scss +6 -0
  347. package/styles/timepicker/highcontrast-light.css +1 -42
  348. package/styles/timepicker/highcontrast.css +1 -42
  349. package/styles/timepicker/icons/_bds.scss +24 -24
  350. package/styles/timepicker/icons/_bootstrap-dark.scss +23 -23
  351. package/styles/timepicker/icons/_bootstrap.scss +24 -24
  352. package/styles/timepicker/icons/_bootstrap4.scss +24 -24
  353. package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
  354. package/styles/timepicker/icons/_bootstrap5.scss +24 -24
  355. package/styles/timepicker/icons/_fabric-dark.scss +24 -24
  356. package/styles/timepicker/icons/_fabric.scss +24 -24
  357. package/styles/timepicker/icons/_fluent.scss +24 -24
  358. package/styles/timepicker/icons/_fluent2.scss +24 -0
  359. package/styles/timepicker/icons/_fusionnew.scss +24 -24
  360. package/styles/timepicker/icons/_highcontrast-light.scss +24 -24
  361. package/styles/timepicker/icons/_highcontrast.scss +24 -24
  362. package/styles/timepicker/icons/_material-dark.scss +37 -52
  363. package/styles/timepicker/icons/_material.scss +39 -54
  364. package/styles/timepicker/icons/_material3.scss +24 -24
  365. package/styles/timepicker/icons/_tailwind.scss +24 -24
  366. package/styles/timepicker/icons/_tailwind4.scss +24 -0
  367. package/styles/timepicker/material-dark.css +1 -59
  368. package/styles/timepicker/material.css +1 -59
  369. package/styles/timepicker/material3-dark.css +2 -51
  370. package/styles/timepicker/material3-dark.scss +1 -1
  371. package/styles/timepicker/material3.css +2 -51
  372. package/styles/timepicker/material3.scss +1 -1
  373. package/styles/timepicker/tailwind-dark.css +1 -42
  374. package/styles/timepicker/tailwind.css +1 -42
  375. package/.eslintrc.json +0 -260
  376. package/dist/ej2-calendars.min.js +0 -10
  377. package/dist/global/ej2-calendars.min.js +0 -11
  378. package/dist/global/ej2-calendars.min.js.map +0 -1
  379. package/dist/global/index.d.ts +0 -14
  380. package/tslint.json +0 -111
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -53,7 +53,6 @@
53
53
  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
54
  }
55
55
 
56
- /*! calendar material3 theme variables */
57
56
  /*! component icons */
58
57
  .e-calendar .e-header .e-date-icon-prev::before {
59
58
  content: "\e765";
@@ -90,8 +89,7 @@ ejs-calendar {
90
89
  touch-action: none;
91
90
  }
92
91
 
93
- .e-calendar,
94
- .e-bigger.e-small .e-calendar {
92
+ .e-calendar {
95
93
  /* stylelint-disable property-no-vendor-prefix */
96
94
  -webkit-tap-highlight-color: transparent;
97
95
  border-radius: 2px;
@@ -101,17 +99,14 @@ ejs-calendar {
101
99
  -ms-user-select: none;
102
100
  user-select: none;
103
101
  }
104
- .e-calendar.e-rtl .e-header .e-title,
105
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
102
+ .e-calendar.e-rtl .e-header .e-title {
106
103
  float: right;
107
104
  text-align: right;
108
105
  }
109
- .e-calendar.e-rtl .e-header .e-icon-container,
110
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
106
+ .e-calendar.e-rtl .e-header .e-icon-container {
111
107
  float: left;
112
108
  }
113
- .e-calendar .e-header,
114
- .e-bigger.e-small .e-calendar .e-header {
109
+ .e-calendar .e-header {
115
110
  background: none;
116
111
  display: table;
117
112
  font-weight: 500;
@@ -119,16 +114,14 @@ ejs-calendar {
119
114
  text-align: center;
120
115
  width: 100%;
121
116
  }
122
- .e-calendar .e-header button,
123
- .e-bigger.e-small .e-calendar .e-header button {
117
+ .e-calendar .e-header button {
124
118
  background: transparent;
125
119
  border: 0;
126
120
  margin-right: 0;
127
121
  padding: 0;
128
122
  text-decoration: none;
129
123
  }
130
- .e-calendar .e-header span,
131
- .e-bigger.e-small .e-calendar .e-header span {
124
+ .e-calendar .e-header span {
132
125
  cursor: pointer;
133
126
  display: inline-block;
134
127
  font-size: 15px;
@@ -137,28 +130,22 @@ ejs-calendar {
137
130
  padding: 10px;
138
131
  vertical-align: middle;
139
132
  }
140
- .e-calendar .e-header span.e-disabled,
141
- .e-bigger.e-small .e-calendar .e-header span.e-disabled {
133
+ .e-calendar .e-header span.e-disabled {
142
134
  cursor: default;
143
135
  }
144
- .e-calendar .e-week-header,
145
- .e-bigger.e-small .e-calendar .e-week-header {
136
+ .e-calendar .e-week-header {
146
137
  padding: 0;
147
138
  }
148
- .e-calendar th,
149
- .e-bigger.e-small .e-calendar th {
139
+ .e-calendar th {
150
140
  cursor: default;
151
141
  font-size: 13px;
152
142
  font-weight: normal;
153
143
  text-align: center;
154
144
  }
155
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
156
- .e-bigger.e-small .e-calendar .e-content .e-selected,
157
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
145
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
158
146
  border-radius: 0;
159
147
  }
160
- .e-calendar .e-content span.e-day,
161
- .e-bigger.e-small .e-calendar .e-content span.e-day {
148
+ .e-calendar .e-content span.e-day {
162
149
  border-radius: 0;
163
150
  cursor: pointer;
164
151
  display: inline-block;
@@ -169,47 +156,38 @@ ejs-calendar {
169
156
  text-decoration: none;
170
157
  vertical-align: middle;
171
158
  }
172
- .e-calendar .e-content th, .e-calendar .e-content td,
173
- .e-bigger.e-small .e-calendar .e-content th,
174
- .e-bigger.e-small .e-calendar .e-content td {
159
+ .e-calendar .e-content th, .e-calendar .e-content td {
175
160
  box-sizing: border-box;
176
161
  }
177
- .e-calendar .e-content td.e-disabled,
178
- .e-bigger.e-small .e-calendar .e-content td.e-disabled {
162
+ .e-calendar .e-content td.e-disabled {
179
163
  opacity: 0.35;
180
164
  pointer-events: none;
181
165
  -ms-touch-action: none;
182
166
  touch-action: none;
183
167
  }
184
- .e-calendar .e-content td.e-disabled.e-today,
185
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today {
168
+ .e-calendar .e-content td.e-disabled.e-today {
186
169
  opacity: 1;
187
170
  }
188
- .e-calendar .e-content td.e-disabled.e-today span.e-day,
189
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
171
+ .e-calendar .e-content td.e-disabled.e-today span.e-day {
190
172
  box-shadow: none;
191
173
  color: rgba(var(--color-sf-on-surface), 0.38);
192
174
  }
193
- .e-calendar .e-content td,
194
- .e-bigger.e-small .e-calendar .e-content td {
175
+ .e-calendar .e-content td {
195
176
  cursor: pointer;
196
177
  padding: 2px;
197
178
  text-align: center;
198
179
  }
199
- .e-calendar .e-content td.e-week-number,
200
- .e-bigger.e-small .e-calendar .e-content td.e-week-number {
180
+ .e-calendar .e-content td.e-week-number {
201
181
  color: rgba(var(--color-sf-on-surface-variant));
202
182
  font-size: 12px;
203
183
  font-style: italic;
204
184
  font-weight: 500;
205
185
  }
206
- .e-calendar .e-content td.e-overlay,
207
- .e-bigger.e-small .e-calendar .e-content td.e-overlay {
186
+ .e-calendar .e-content td.e-overlay {
208
187
  background: none;
209
188
  width: initial;
210
189
  }
211
- .e-calendar .e-content table,
212
- .e-bigger.e-small .e-calendar .e-content table {
190
+ .e-calendar .e-content table {
213
191
  border-collapse: separate;
214
192
  border-spacing: 0;
215
193
  border-width: 0;
@@ -220,49 +198,35 @@ ejs-calendar {
220
198
  table-layout: fixed;
221
199
  width: 100%;
222
200
  }
223
- .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day,
224
- .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
225
- .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
201
+ .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day {
226
202
  display: inline-block;
227
203
  font-weight: normal;
228
204
  }
229
- .e-calendar .e-content tr.e-month-hide,
230
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
205
+ .e-calendar .e-content tr.e-month-hide {
231
206
  display: none;
232
207
  font-weight: normal;
233
208
  }
234
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
235
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
236
- .e-bigger.e-small .e-calendar .e-content td.e-other-month,
237
- .e-bigger.e-small .e-calendar .e-content td.e-other-year {
209
+ .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year {
238
210
  pointer-events: initial;
239
211
  -ms-touch-action: initial;
240
212
  touch-action: initial;
241
213
  }
242
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled,
243
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
244
- .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
245
- .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
214
+ .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 {
246
215
  pointer-events: none;
247
216
  -ms-touch-action: none;
248
217
  touch-action: none;
249
218
  }
250
- .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
251
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
252
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
219
+ .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover {
253
220
  background: transparent;
254
221
  cursor: default;
255
222
  }
256
- .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
257
- .e-bigger.e-small .e-calendar .e-header .e-prev,
258
- .e-bigger.e-small .e-calendar .e-header .e-next {
223
+ .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next {
259
224
  border-radius: 32px;
260
225
  display: inline-block;
261
226
  font-size: 16px;
262
227
  vertical-align: middle;
263
228
  }
264
- .e-calendar .e-header .e-title,
265
- .e-bigger.e-small .e-calendar .e-header .e-title {
229
+ .e-calendar .e-header .e-title {
266
230
  cursor: pointer;
267
231
  display: inline-block;
268
232
  float: left;
@@ -273,97 +237,73 @@ ejs-calendar {
273
237
  border: none;
274
238
  border-radius: 4px;
275
239
  }
276
- .e-calendar .e-header .e-title,
277
- .e-bigger.e-small .e-calendar .e-header .e-title {
240
+ .e-calendar .e-header .e-title {
278
241
  margin-left: 5px;
279
242
  }
280
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
281
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
282
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
243
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
283
244
  cursor: pointer;
284
245
  }
285
- .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay,
286
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
287
- .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
246
+ .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay {
288
247
  background: none;
289
248
  }
290
- .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title,
291
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
292
- .e-bigger.e-small .e-calendar .e-header.e-year .e-title {
249
+ .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title {
293
250
  margin-left: 5px;
294
251
  }
295
- .e-calendar .e-header.e-decade .e-title,
296
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
252
+ .e-calendar .e-header.e-decade .e-title {
297
253
  cursor: default;
298
254
  }
299
- .e-calendar .e-header .e-icon-container,
300
- .e-bigger.e-small .e-calendar .e-header .e-icon-container {
255
+ .e-calendar .e-header .e-icon-container {
301
256
  display: inline-block;
302
257
  float: right;
303
258
  padding-top: 0;
304
259
  }
305
- .e-calendar .e-footer-container,
306
- .e-bigger.e-small .e-calendar .e-footer-container {
260
+ .e-calendar .e-footer-container {
307
261
  text-transform: uppercase;
308
262
  }
309
263
 
310
- .e-calendar,
311
- .e-bigger.e-small .e-calendar {
264
+ .e-calendar {
312
265
  border-spacing: 0;
313
266
  max-width: 252px;
314
267
  min-width: 240px;
315
268
  padding: 0;
316
269
  min-height: 336px;
317
270
  }
318
- .e-calendar.e-calendar-day-header-lg,
319
- .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
271
+ .e-calendar.e-calendar-day-header-lg {
320
272
  max-width: 100%;
321
273
  min-width: 540px;
322
274
  }
323
- .e-calendar.e-week-number,
324
- .e-bigger.e-small .e-calendar.e-week-number {
275
+ .e-calendar.e-week-number {
325
276
  min-width: 262px;
326
277
  }
327
- .e-calendar.e-week,
328
- .e-bigger.e-small .e-calendar.e-week {
278
+ .e-calendar.e-week {
329
279
  max-width: 252px;
330
280
  min-width: 240px;
331
281
  }
332
- .e-calendar .e-header .e-title,
333
- .e-bigger.e-small .e-calendar .e-header .e-title {
282
+ .e-calendar .e-header .e-title {
334
283
  line-height: 40px;
335
284
  }
336
- .e-calendar.e-rtl .e-header .e-title,
337
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
285
+ .e-calendar.e-rtl .e-header .e-title {
338
286
  text-align: right;
339
287
  text-indent: 4px;
340
288
  }
341
- .e-calendar .e-header,
342
- .e-bigger.e-small .e-calendar .e-header {
289
+ .e-calendar .e-header {
343
290
  height: 40px;
344
291
  }
345
- .e-calendar .e-header.e-month,
346
- .e-bigger.e-small .e-calendar .e-header.e-month {
292
+ .e-calendar .e-header.e-month {
347
293
  padding: 10px 10px 0 10px;
348
294
  }
349
- .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
350
- .e-bigger.e-small .e-calendar .e-header.e-year,
351
- .e-bigger.e-small .e-calendar .e-header.e-decade {
295
+ .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade {
352
296
  padding: 10px 10px 0 10px;
353
297
  }
354
- .e-calendar th,
355
- .e-bigger.e-small .e-calendar th {
298
+ .e-calendar th {
356
299
  font-weight: normal;
357
300
  height: 32px;
358
301
  text-transform: none;
359
302
  }
360
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
361
- .e-bigger.e-small .e-calendar .e-content .e-selected,
362
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
303
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
363
304
  border-radius: 0;
364
305
  }
365
- .e-calendar .e-content span.e-day,
366
- .e-bigger.e-small .e-calendar .e-content span.e-day {
306
+ .e-calendar .e-content span.e-day {
367
307
  border: none;
368
308
  font-size: 13px;
369
309
  font-weight: normal;
@@ -371,49 +311,37 @@ ejs-calendar {
371
311
  line-height: 32px;
372
312
  width: 32px;
373
313
  }
374
- .e-calendar .e-content.e-month td.e-today span.e-day,
375
- .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
314
+ .e-calendar .e-content.e-month td.e-today span.e-day {
376
315
  line-height: 30px;
377
316
  }
378
- .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
379
- .e-bigger.e-small .e-calendar .e-content.e-year table,
380
- .e-bigger.e-small .e-calendar .e-content.e-decade table {
317
+ .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table {
381
318
  border-spacing: 0;
382
319
  padding: 10px;
383
320
  }
384
- .e-calendar .e-content.e-month td,
385
- .e-bigger.e-small .e-calendar .e-content.e-month td {
321
+ .e-calendar .e-content.e-month td {
386
322
  height: 32px;
387
323
  padding: 2px;
388
324
  }
389
- .e-calendar .e-content .tfooter > tr > td,
390
- .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
325
+ .e-calendar .e-content .tfooter > tr > td {
391
326
  height: 36px;
392
327
  line-height: 36px;
393
328
  }
394
- .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td,
395
- .e-bigger.e-small .e-calendar .e-content.e-year td,
396
- .e-bigger.e-small .e-calendar .e-content.e-decade td {
329
+ .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td {
397
330
  height: 56px;
398
331
  padding: 1px;
399
332
  width: 56px;
400
333
  }
401
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
402
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
403
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
334
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
404
335
  font-weight: normal;
405
336
  height: 32px;
406
337
  line-height: 32px;
407
338
  width: 56px;
408
339
  }
409
- .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
410
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
411
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
340
+ .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next {
412
341
  height: 36px;
413
342
  width: 36px;
414
343
  }
415
- .e-calendar .e-footer-container,
416
- .e-bigger.e-small .e-calendar .e-footer-container {
344
+ .e-calendar .e-footer-container {
417
345
  background: transparent;
418
346
  border-top: none;
419
347
  cursor: default;
@@ -427,136 +355,11 @@ ejs-calendar {
427
355
  text-align: center;
428
356
  width: 100%;
429
357
  }
430
- .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
431
- .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
432
- font-size: 14px;
433
- }
434
- .e-small.e-bigger.e-calendar .e-content.e-month table,
435
- .e-small.e-bigger .e-calendar .e-content.e-month table {
436
- padding: 0 10px 10px;
437
- }
438
- .e-bigger.e-calendar,
439
- *.e-bigger .e-calendar {
440
- max-width: 296px;
441
- min-width: 296px;
442
- padding: 0;
443
- }
444
- .e-bigger.e-calendar.e-calendar-day-header-lg,
445
- *.e-bigger .e-calendar.e-calendar-day-header-lg {
446
- max-width: 100%;
447
- min-width: 540px;
448
- }
449
- .e-bigger.e-calendar.e-week,
450
- *.e-bigger .e-calendar.e-week {
451
- max-width: 296px;
452
- min-width: 296px;
453
- }
454
- .e-bigger.e-calendar.e-week-number,
455
- *.e-bigger .e-calendar.e-week-number {
456
- min-width: 320px;
457
- }
458
- .e-bigger.e-calendar .e-header .e-title,
459
- *.e-bigger .e-calendar .e-header .e-title {
460
- font-size: 16px;
461
- line-height: 48px;
462
- width: 60%;
463
- }
464
- .e-bigger.e-calendar.e-rtl .e-header .e-title,
465
- *.e-bigger .e-calendar.e-rtl .e-header .e-title {
466
- line-height: 48px;
467
- text-indent: 6px;
468
- }
469
- .e-bigger.e-calendar .e-header,
470
- *.e-bigger .e-calendar .e-header {
471
- height: 48px;
472
- padding: 10px 10px 0 16px;
473
- }
474
- .e-bigger.e-calendar .e-header button,
475
- *.e-bigger .e-calendar .e-header button {
476
- margin-right: 0;
477
- }
478
- .e-bigger.e-calendar .e-header button span,
479
- *.e-bigger .e-calendar .e-header button span {
480
- font-size: 16px;
481
- padding: 15px;
482
- }
483
- .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
484
- *.e-bigger .e-calendar .e-header.e-year,
485
- *.e-bigger .e-calendar .e-header.e-decade {
486
- padding: 10px 10px 0 16px;
487
- }
488
- .e-bigger.e-calendar th,
489
- *.e-bigger .e-calendar th {
490
- font-size: 14px;
491
- height: 36px;
492
- text-transform: none;
493
- }
494
- .e-bigger.e-calendar .e-content.e-year span.e-day,
495
- *.e-bigger .e-calendar .e-content.e-year span.e-day {
496
- font-size: 13px;
497
- font-weight: normal;
498
- }
499
- .e-bigger.e-calendar .e-content.e-month table,
500
- *.e-bigger .e-calendar .e-content.e-month table {
501
- padding: 0 10px 10px;
502
- }
503
- .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table,
504
- *.e-bigger .e-calendar .e-content.e-year table,
505
- *.e-bigger .e-calendar .e-content.e-decade table {
506
- padding: 0 10px 10px;
507
- }
508
- .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover,
509
- *.e-bigger .e-calendar .e-content .e-selected,
510
- *.e-bigger .e-calendar .e-content .e-state-hover {
511
- border-radius: 0;
512
- }
513
- .e-bigger.e-calendar .e-content span.e-day,
514
- *.e-bigger .e-calendar .e-content span.e-day {
515
- font-size: 13px;
516
- height: 36px;
517
- line-height: 36px;
518
- width: 36px;
519
- }
520
- .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
521
- *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
522
- line-height: 34px;
523
- }
524
- .e-bigger.e-calendar .e-content.e-month td,
525
- *.e-bigger .e-calendar .e-content.e-month td {
526
- height: 2px;
527
- padding: 2px;
528
- }
529
- .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td,
530
- *.e-bigger .e-calendar .e-content.e-year td,
531
- *.e-bigger .e-calendar .e-content.e-decade td {
532
- height: 72px;
533
- padding: 2px;
534
- width: 68px;
535
- }
536
- .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
537
- *.e-bigger .e-calendar .e-content.e-year td > span.e-day,
538
- *.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
539
- height: 40px;
540
- line-height: 40px;
541
- width: 68px;
542
- }
543
- .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next,
544
- *.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
545
- *.e-bigger .e-calendar .e-header .e-icon-container .e-next {
546
- height: 48px;
547
- width: 48px;
548
- }
549
- .e-bigger.e-calendar .e-footer-container,
550
- *.e-bigger .e-calendar .e-footer-container {
551
- border-top: none;
552
- padding: 0 10px 10px 10px;
553
- }
554
358
  .e-small.e-calendar,
555
359
  .e-small .e-calendar {
556
360
  max-width: 252px;
557
361
  min-width: 240px;
558
362
  padding: 0;
559
- min-height: 220px;
560
363
  }
561
364
  .e-small.e-calendar.e-calendar-day-header-lg,
562
365
  .e-small .e-calendar.e-calendar-day-header-lg {
@@ -622,277 +425,194 @@ ejs-calendar {
622
425
  min-height: 336px;
623
426
  }
624
427
 
625
- .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
626
- .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
627
- background-size: 300px 392px;
628
- min-height: 392px;
629
- }
630
-
631
- .e-calendar,
632
- .e-bigger.e-small .e-calendar {
428
+ .e-calendar {
633
429
  background: transparent;
634
430
  border-radius: 8px;
635
431
  border: 1px solid rgba(var(--color-sf-outline-variant));
636
432
  box-shadow: none;
637
433
  }
638
- .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
639
- .e-bigger.e-small .e-calendar .e-date-icon-prev,
640
- .e-bigger.e-small .e-calendar .e-date-icon-next {
434
+ .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next {
641
435
  color: rgba(var(--color-sf-on-surface-variant));
642
436
  }
643
- .e-calendar th,
644
- .e-bigger.e-small .e-calendar th {
437
+ .e-calendar th {
645
438
  border-bottom: 0;
646
439
  color: rgba(var(--color-sf-on-surface-variant));
647
440
  }
648
- .e-calendar .e-header,
649
- .e-bigger.e-small .e-calendar .e-header {
441
+ .e-calendar .e-header {
650
442
  border-bottom: 0;
651
443
  }
652
- .e-calendar .e-header a span,
653
- .e-bigger.e-small .e-calendar .e-header a span {
444
+ .e-calendar .e-header a span {
654
445
  border: none;
655
446
  color: rgba(var(--color-sf-on-surface-variant));
656
447
  }
657
- .e-calendar .e-header .e-title,
658
- .e-bigger.e-small .e-calendar .e-header .e-title {
448
+ .e-calendar .e-header .e-title {
659
449
  color: rgba(var(--color-sf-on-surface));
660
450
  }
661
- .e-calendar .e-header .e-title:hover,
662
- .e-bigger.e-small .e-calendar .e-header .e-title:hover {
451
+ .e-calendar .e-header .e-title:hover {
663
452
  background: rgba(var(--color-sf-on-surface), 0.08);
664
453
  cursor: pointer;
665
454
  text-decoration: none;
666
455
  }
667
- .e-calendar .e-header .e-title:focus,
668
- .e-bigger.e-small .e-calendar .e-header .e-title:focus {
456
+ .e-calendar .e-header .e-title:focus {
669
457
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
670
458
  background: none;
671
459
  text-decoration: none;
672
460
  }
673
- .e-calendar .e-header .e-title:active,
674
- .e-bigger.e-small .e-calendar .e-header .e-title:active {
461
+ .e-calendar .e-header .e-title:active {
675
462
  box-shadow: none;
676
463
  background: rgba(var(--color-sf-on-surface), 0.12);
677
464
  text-decoration: none;
678
465
  }
679
- .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
680
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
681
- .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
466
+ .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span {
682
467
  border: none;
683
468
  color: rgba(var(--color-sf-on-surface-variant));
684
469
  cursor: pointer;
685
470
  }
686
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
687
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
688
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
471
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
689
472
  background: rgba(var(--color-sf-on-surface), 0.08);
690
473
  }
691
- .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
692
- .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
693
- .e-bigger.e-small .e-calendar .e-header .e-next:focus {
474
+ .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
694
475
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
695
476
  }
696
- .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
697
- .e-bigger.e-small .e-calendar .e-header .e-prev:active,
698
- .e-bigger.e-small .e-calendar .e-header .e-next:active {
477
+ .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
699
478
  background: rgba(var(--color-sf-on-surface), 0.12);
700
479
  color: rgba(var(--color-sf-on-primary));
701
480
  }
702
- .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span,
703
- .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
704
- .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
481
+ .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
705
482
  border: none;
706
483
  color: rgba(var(--color-sf-on-surface-variant));
707
484
  }
708
- .e-calendar .e-header.e-decade .e-title,
709
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
485
+ .e-calendar .e-header.e-decade .e-title {
710
486
  color: rgba(var(--color-sf-on-surface));
711
487
  cursor: default;
712
488
  }
713
- .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span,
714
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
715
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
489
+ .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span {
716
490
  color: rgba(var(--color-sf-on-surface));
717
491
  font-weight: normal;
718
492
  }
719
- .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
720
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
721
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
493
+ .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled {
722
494
  opacity: 0.35;
723
495
  }
724
496
 
725
- .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,
726
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
727
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
497
+ .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 {
728
498
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
729
499
  }
730
- .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,
731
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
732
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
500
+ .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 {
733
501
  color: rgba(var(--color-sf-on-primary));
734
502
  }
735
- .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,
736
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
737
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
503
+ .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 {
738
504
  color: rgba(var(--color-sf-on-surface));
739
505
  }
740
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
741
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
742
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
506
+ .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day {
743
507
  background: rgba(var(--color-sf-on-surface), 0.05);
744
508
  }
745
- .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,
746
- .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
747
- .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
509
+ .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 {
748
510
  background: rgba(var(--color-sf-primary));
749
511
  }
750
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
751
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
752
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
512
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
753
513
  background: transparent;
754
514
  }
755
- .e-calendar .e-content .e-week-number span,
756
- .e-bigger.e-small .e-calendar .e-content .e-week-number span {
515
+ .e-calendar .e-content .e-week-number span {
757
516
  color: rgba(var(--color-sf-on-surface-variant));
758
517
  }
759
- .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,
760
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
761
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
762
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
518
+ .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 {
763
519
  background: rgba(var(--color-sf-on-surface), 0.05);
764
520
  border: none;
765
521
  border-radius: 32px;
766
522
  box-shadow: none;
767
523
  }
768
- .e-calendar .e-content td.e-focused-date:hover span.e-day,
769
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
524
+ .e-calendar .e-content td.e-focused-date:hover span.e-day {
770
525
  background: rgba(var(--color-sf-on-surface), 0.05);
771
526
  border: none;
772
527
  border-radius: 32px;
773
528
  color: rgba(var(--color-sf-on-surface));
774
529
  }
775
- .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
776
- .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
777
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
530
+ .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
778
531
  background: none;
779
532
  border: 1px solid rgba(var(--color-sf-primary));
780
533
  border-radius: 32px;
781
534
  box-shadow: none;
782
535
  color: rgba(var(--color-sf-primary));
783
536
  }
784
- .e-calendar .e-content td.e-focused-date.e-today span.e-day,
785
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
537
+ .e-calendar .e-content td.e-focused-date.e-today span.e-day {
786
538
  background: rgba(var(--color-sf-primary), 0.08);
787
539
  border: 1px solid rgba(var(--color-sf-primary));
788
540
  box-shadow: none;
789
541
  color: rgba(var(--color-sf-primary));
790
542
  }
791
- .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,
792
- .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
793
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
543
+ .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 {
794
544
  background: rgba(var(--color-sf-primary));
795
545
  border: none;
796
546
  border-radius: 32px;
797
547
  color: rgba(var(--color-sf-primary));
798
548
  }
799
- .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,
800
- .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
801
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
802
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
549
+ .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 {
803
550
  background: rgba(var(--color-sf-on-surface), 0.05);
804
551
  border: 1px solid rgba(var(--color-sf-primary));
805
552
  color: rgba(var(--color-sf-primary));
806
553
  }
807
- .e-calendar .e-content td.e-today.e-selected span.e-day,
808
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
554
+ .e-calendar .e-content td.e-today.e-selected span.e-day {
809
555
  background: rgba(var(--color-sf-primary));
810
556
  border: 1px solid rgba(var(--color-sf-primary));
811
557
  box-shadow: inset 0 0 0 2px linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
812
558
  color: rgba(var(--color-sf-on-primary));
813
559
  }
814
- .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,
815
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
816
- .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
817
- .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
560
+ .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 {
818
561
  background: rgba(var(--color-sf-primary));
819
562
  color: rgba(var(--color-sf-on-primary));
820
563
  }
821
- .e-calendar .e-content span,
822
- .e-bigger.e-small .e-calendar .e-content span {
564
+ .e-calendar .e-content span {
823
565
  color: rgba(var(--color-sf-on-surface));
824
566
  }
825
- .e-calendar .e-content .e-disabled span.e-day:hover,
826
- .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
567
+ .e-calendar .e-content .e-disabled span.e-day:hover {
827
568
  background: none;
828
569
  border: 0;
829
570
  color: rgba(var(--color-sf-on-surface));
830
571
  }
831
- .e-calendar .e-content .e-other-month:hover span.e-day,
832
- .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
572
+ .e-calendar .e-content .e-other-month:hover span.e-day {
833
573
  color: rgba(var(--color-sf-on-surface));
834
574
  }
835
- .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day,
836
- .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
837
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
575
+ .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day {
838
576
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
839
577
  }
840
- .e-calendar .e-content .e-other-month.e-today:hover span.e-day,
841
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
578
+ .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
842
579
  background: rgba(var(--color-sf-on-surface), 0.05);
843
580
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
844
581
  }
845
- .e-calendar .e-content thead,
846
- .e-bigger.e-small .e-calendar .e-content thead {
582
+ .e-calendar .e-content thead {
847
583
  background: none;
848
584
  border-bottom: 0;
849
585
  }
850
- .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day,
851
- .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
852
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
586
+ .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
853
587
  background: rgba(var(--color-sf-on-surface), 0.05);
854
588
  border: none;
855
589
  border-radius: 32px;
856
590
  color: rgba(var(--color-sf-on-surface));
857
591
  }
858
- .e-calendar .e-content td:focus span.e-day,
859
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
592
+ .e-calendar .e-content td:focus span.e-day {
860
593
  background: rgba(var(--color-sf-primary));
861
594
  color: rgba(var(--color-sf-on-primary));
862
595
  border: none;
863
596
  border-radius: 32px;
864
597
  }
865
- .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,
866
- .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
867
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
868
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
598
+ .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 {
869
599
  background: none;
870
600
  border: none;
871
601
  color: rgba(var(--color-sf-on-surface));
872
602
  }
873
- .e-calendar .e-content td.e-selected span.e-day,
874
- .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
603
+ .e-calendar .e-content td.e-selected span.e-day {
875
604
  background: rgba(var(--color-sf-primary));
605
+ color: rgba(var(--color-sf-on-primary));
876
606
  border: none;
877
607
  border-radius: 32px;
878
- color: rgba(var(--color-sf-on-primary));
879
608
  }
880
- .e-calendar .e-content .e-footer,
881
- .e-bigger.e-small .e-calendar .e-content .e-footer {
609
+ .e-calendar .e-content .e-footer {
882
610
  color: rgba(var(--color-sf-primary));
883
611
  }
884
- .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,
885
- .e-bigger.e-small .e-calendar.e-device .e-prev:hover,
886
- .e-bigger.e-small .e-calendar.e-device .e-next:hover,
887
- .e-bigger.e-small .e-calendar.e-device .e-prev:active,
888
- .e-bigger.e-small .e-calendar.e-device .e-next:active,
889
- .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
890
- .e-bigger.e-small .e-calendar.e-device .e-next:focus {
612
+ .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 {
891
613
  background: none;
892
614
  }
893
- .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span,
894
- .e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
895
- .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
615
+ .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
896
616
  color: rgba(var(--color-sf-on-surface-variant));
897
617
  }
898
618
  .e-small.e-calendar .e-header .e-title,
@@ -1016,28 +736,6 @@ ejs-calendar {
1016
736
  text-indent: 16px;
1017
737
  }
1018
738
 
1019
- .e-bigger .e-time-wrapper .e-time-icon.e-icons,
1020
- *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
1021
- *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
1022
- *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
1023
- font-size: 20px;
1024
- min-height: 38px;
1025
- min-width: 38px;
1026
- border-radius: 20px;
1027
- margin: 0;
1028
- }
1029
-
1030
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
1031
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
1032
- padding: 0 0;
1033
- }
1034
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1035
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1036
- font-size: 14px;
1037
- line-height: 40px;
1038
- text-indent: 16px;
1039
- }
1040
-
1041
739
  .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1042
740
  *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1043
741
  font-size: 12px;
@@ -1056,35 +754,11 @@ ejs-calendar {
1056
754
  margin: 0;
1057
755
  }
1058
756
 
1059
- .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1060
- *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1061
- font-size: 13px;
1062
- line-height: 36px;
1063
- text-indent: 16px;
1064
- }
1065
-
1066
- .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
1067
- *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
1068
- *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
1069
- *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
1070
- font-size: 20px;
1071
- min-height: 34px;
1072
- min-width: 34px;
1073
- border-radius: 20px;
1074
- margin: 0;
1075
- }
1076
-
1077
757
  .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1078
758
  background-size: 250px 33px;
1079
759
  min-height: 33px;
1080
760
  }
1081
761
 
1082
- .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
1083
- .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1084
- background-size: 250px 40px;
1085
- min-height: 40px;
1086
- }
1087
-
1088
762
  /* stylelint-disable */
1089
763
  .e-time-overflow {
1090
764
  overflow: hidden;
@@ -1198,7 +872,6 @@ ejs-calendar {
1198
872
  }
1199
873
  }
1200
874
  /* stylelint-enable */
1201
- /*! timepicker theme */
1202
875
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1203
876
  color: rgba(var(--color-sf-on-surface-variant));
1204
877
  }
@@ -1244,9 +917,7 @@ ejs-calendar {
1244
917
  }
1245
918
 
1246
919
  .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1247
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1248
- .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1249
- *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
920
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1250
921
  color: rgba(var(--color-sf-on-surface));
1251
922
  }
1252
923
 
@@ -1261,22 +932,6 @@ ejs-calendar {
1261
932
  font-weight: 500;
1262
933
  }
1263
934
 
1264
- /* stylelint-disable property-no-vendor-prefix */
1265
- @keyframes e-input-ripple {
1266
- 100% {
1267
- opacity: 0;
1268
- transform: scale(4);
1269
- }
1270
- }
1271
- @keyframes slideTopUp {
1272
- from {
1273
- transform: translate3d(0, 0, 0) scale(1);
1274
- }
1275
- to {
1276
- transform: translate3d(0, 0, 0) scale(1);
1277
- }
1278
- }
1279
- /* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
1280
935
  /*! component icons */
1281
936
  .e-input-group-icon.e-date-icon,
1282
937
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1298,28 +953,6 @@ ejs-calendar {
1298
953
  border-radius: 50%;
1299
954
  }
1300
955
 
1301
- .e-bigger .e-input-group-icon.e-date-icon,
1302
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
1303
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1304
- font-size: 20px;
1305
- margin: 0;
1306
- min-height: 38px;
1307
- min-width: 38px;
1308
- border-radius: 20px;
1309
- }
1310
- .e-bigger .e-input-group-icon.e-date-icon::before,
1311
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
1312
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
1313
- content: "\e778";
1314
- font-family: "e-icons";
1315
- }
1316
- .e-bigger .e-input-group-icon.e-date-icon:focus,
1317
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
1318
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1319
- background: rgba(var(--color-sf-on-surface), 0.08);
1320
- border-radius: 50%;
1321
- }
1322
-
1323
956
  .e-small .e-input-group-icon.e-date-icon,
1324
957
  *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
1325
958
  *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1330,16 +963,6 @@ ejs-calendar {
1330
963
  margin: 0;
1331
964
  }
1332
965
 
1333
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
1334
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
1335
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1336
- font-size: 20px;
1337
- min-width: 34px;
1338
- min-height: 34px;
1339
- border-radius: 20px;
1340
- margin: 0;
1341
- }
1342
-
1343
966
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1344
967
  content: "\e7e7";
1345
968
  font-family: "e-icons";
@@ -1431,12 +1054,6 @@ ejs-calendar {
1431
1054
  min-height: 33px;
1432
1055
  }
1433
1056
 
1434
- .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
1435
- .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1436
- background-size: 250px 40px;
1437
- min-height: 40px;
1438
- }
1439
-
1440
1057
  @media screen and (orientation: landscape) {
1441
1058
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
1442
1059
  line-height: 64px;
@@ -1508,12 +1125,12 @@ ejs-calendar {
1508
1125
  line-height: 5vh;
1509
1126
  }
1510
1127
  .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 {
1511
- margin-left: 5vw;
1512
1128
  position: inherit;
1129
+ line-height: inherit;
1130
+ margin-left: 5vw;
1513
1131
  text-align: left;
1514
1132
  vertical-align: middle;
1515
1133
  width: 60vw;
1516
- line-height: inherit;
1517
1134
  }
1518
1135
  @media (min-device-width: 768px) {
1519
1136
  .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 {
@@ -1713,21 +1330,11 @@ ejs-calendar {
1713
1330
  }
1714
1331
  /* stylelint-enable */
1715
1332
  .e-datepicker.e-popup-wrapper,
1716
- .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1717
- .e-bigger .e-datepicker.e-popup-wrapper,
1718
- .e-small .e-datepicker.e-popup-wrapper,
1719
- .e-bigger.e-small.e-datepicker.e-popup-wrapper,
1720
- .e-bigger.e-datepicker.e-popup-wrapper,
1721
1333
  .e-small.e-datepicker.e-popup-wrapper {
1722
1334
  border: none;
1723
1335
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1724
1336
  }
1725
1337
  .e-datepicker .e-calendar,
1726
- .e-bigger.e-small .e-datepicker .e-calendar,
1727
- .e-bigger .e-datepicker .e-calendar,
1728
- .e-small .e-datepicker .e-calendar,
1729
- .e-bigger.e-small.e-datepicker .e-calendar,
1730
- .e-bigger.e-datepicker .e-calendar,
1731
1338
  .e-small.e-datepicker .e-calendar {
1732
1339
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1733
1340
  border: none;
@@ -1746,22 +1353,6 @@ ejs-calendar {
1746
1353
  background: rgba(var(--color-sf-on-surface), 0.08);
1747
1354
  }
1748
1355
 
1749
- /* stylelint-disable property-no-vendor-prefix */
1750
- @keyframes e-input-ripple {
1751
- 100% {
1752
- opacity: 0;
1753
- transform: scale(4);
1754
- }
1755
- }
1756
- @keyframes slideTopUp {
1757
- from {
1758
- transform: translate3d(0, 0, 0) scale(1);
1759
- }
1760
- to {
1761
- transform: translate3d(0, 0, 0) scale(1);
1762
- }
1763
- }
1764
- /* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
1765
1356
  /*! component icons */
1766
1357
  .e-input-group-icon.e-range-icon,
1767
1358
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1802,15 +1393,6 @@ ejs-calendar {
1802
1393
  content: "\e773";
1803
1394
  }
1804
1395
 
1805
- .e-bigger .e-input-group-icon.e-range-icon, .e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon, .e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
1806
- font-size: 20px;
1807
- margin: 0;
1808
- min-height: 38px;
1809
- min-width: 38px;
1810
- outline: none;
1811
- border-radius: 20px;
1812
- }
1813
-
1814
1396
  .e-small .e-input-group-icon.e-range-icon,
1815
1397
  *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
1816
1398
  *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1821,29 +1403,12 @@ ejs-calendar {
1821
1403
  margin: 0;
1822
1404
  }
1823
1405
 
1824
- .e-small.e-bigger .e-input-group-icon.e-range-icon,
1825
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
1826
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
1827
- font-size: 20px;
1828
- min-width: 34px;
1829
- min-height: 34px;
1830
- border-radius: 20px;
1831
- margin: 0;
1832
- }
1833
-
1834
1406
  .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1835
1407
  .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1836
1408
  min-height: 0;
1837
1409
  min-width: 20px;
1838
1410
  }
1839
1411
 
1840
- .e-bigger .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1841
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-range-icon,
1842
- .e-bigger .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1843
- min-height: 0;
1844
- min-width: 24px;
1845
- }
1846
-
1847
1412
  .e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1848
1413
  .e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon,
1849
1414
  .e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
@@ -1851,14 +1416,6 @@ ejs-calendar {
1851
1416
  min-width: 18px;
1852
1417
  }
1853
1418
 
1854
- .e-bigger.e-small .e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
1855
- .e-bigger.e-small.e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
1856
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-range-icon,
1857
- .e-bigger.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1858
- min-height: 0;
1859
- min-width: 20px;
1860
- }
1861
-
1862
1419
  .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 {
1863
1420
  content: "\e7e7";
1864
1421
  font-family: "e-icons";
@@ -1868,7 +1425,6 @@ ejs-calendar {
1868
1425
  font-family: "e-icons";
1869
1426
  }
1870
1427
 
1871
- /*! daterangepicker layout */
1872
1428
  .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1873
1429
  .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1874
1430
  display: -ms-flexbox;
@@ -1890,36 +1446,29 @@ ejs-calendar {
1890
1446
  width: 0;
1891
1447
  }
1892
1448
 
1893
- .e-daterangepicker.e-popup,
1894
- .e-bigger.e-small .e-daterangepicker.e-popup {
1449
+ .e-daterangepicker.e-popup {
1895
1450
  border: none;
1896
1451
  border-radius: 8px;
1897
1452
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1898
1453
  max-height: 500px;
1899
1454
  max-width: 730px;
1900
1455
  }
1901
- .e-daterangepicker.e-popup.e-daterange-day-header-lg,
1902
- .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1456
+ .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1903
1457
  max-width: 100%;
1904
1458
  }
1905
- .e-daterangepicker.e-popup.e-preset-wrapper,
1906
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper {
1459
+ .e-daterangepicker.e-popup.e-preset-wrapper {
1907
1460
  min-width: 625px;
1908
1461
  }
1909
- .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
1910
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1462
+ .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1911
1463
  max-height: none;
1912
1464
  }
1913
- .e-daterangepicker.e-popup .e-range-header,
1914
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
1465
+ .e-daterangepicker.e-popup .e-range-header {
1915
1466
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1916
1467
  padding: 16px 16px 0 16px;
1917
1468
  width: auto;
1918
1469
  border-top-left-radius: 8px;
1919
1470
  }
1920
- .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label,
1921
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
1922
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label {
1471
+ .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label {
1923
1472
  cursor: default;
1924
1473
  display: inline-block;
1925
1474
  font-size: 18px;
@@ -1934,15 +1483,13 @@ ejs-calendar {
1934
1483
  width: 48%;
1935
1484
  font-weight: 600;
1936
1485
  }
1937
- .e-daterangepicker.e-popup .e-range-header .e-change-icon,
1938
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1486
+ .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1939
1487
  font-size: 15px;
1940
1488
  font-weight: 500;
1941
1489
  text-align: center;
1942
1490
  width: 4%;
1943
1491
  }
1944
- .e-daterangepicker.e-popup .e-range-header .e-day-span,
1945
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
1492
+ .e-daterangepicker.e-popup .e-range-header .e-day-span {
1946
1493
  direction: ltr;
1947
1494
  font-size: 13px;
1948
1495
  height: 14px;
@@ -1953,31 +1500,26 @@ ejs-calendar {
1953
1500
  user-select: none;
1954
1501
  width: 100%;
1955
1502
  }
1956
- .e-daterangepicker.e-popup .e-range-header .e-start-end,
1957
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
1503
+ .e-daterangepicker.e-popup .e-range-header .e-start-end {
1958
1504
  -ms-flex-align: center;
1959
1505
  align-items: center;
1960
1506
  display: -ms-flexbox;
1961
1507
  display: flex;
1962
1508
  height: 35px;
1963
1509
  }
1964
- .e-daterangepicker.e-popup .e-separator,
1965
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
1510
+ .e-daterangepicker.e-popup .e-separator {
1966
1511
  height: 1px;
1967
1512
  margin: 0;
1968
1513
  }
1969
- .e-daterangepicker.e-popup .e-calendar,
1970
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
1514
+ .e-daterangepicker.e-popup .e-calendar {
1971
1515
  border: none;
1972
1516
  margin: 0;
1973
1517
  padding: 0;
1974
1518
  }
1975
- .e-daterangepicker.e-popup .e-calendar .e-content table,
1976
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table {
1519
+ .e-daterangepicker.e-popup .e-calendar .e-content table {
1977
1520
  padding: 0 10px 10px;
1978
1521
  }
1979
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
1980
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1522
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1981
1523
  cursor: pointer;
1982
1524
  line-height: 36px;
1983
1525
  width: auto;
@@ -1985,46 +1527,32 @@ ejs-calendar {
1985
1527
  font-weight: 600;
1986
1528
  margin-left: 0;
1987
1529
  }
1988
- .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,
1989
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month,
1990
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year,
1991
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
1530
+ .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 {
1992
1531
  padding: 10px 5px 0 5px;
1993
1532
  }
1994
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
1995
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
1533
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
1996
1534
  float: right;
1997
1535
  }
1998
- .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
1999
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1536
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
2000
1537
  float: left;
2001
1538
  }
2002
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
2003
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
2004
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1539
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
2005
1540
  height: 36px;
2006
1541
  width: 36px;
2007
1542
  }
2008
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span,
2009
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
2010
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
1543
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
2011
1544
  padding: 10px;
2012
1545
  }
2013
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover,
2014
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
1546
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
2015
1547
  border-radius: 50% 0 0 50%;
2016
1548
  }
2017
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover,
2018
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
1549
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
2019
1550
  border-radius: 0 50% 50% 0;
2020
1551
  }
2021
- .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,
2022
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2023
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1552
+ .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 {
2024
1553
  border: none;
2025
1554
  }
2026
- .e-daterangepicker.e-popup .e-footer,
2027
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
1555
+ .e-daterangepicker.e-popup .e-footer {
2028
1556
  -ms-flex-align: center;
2029
1557
  align-items: center;
2030
1558
  border-top: 0.75px solid rgba(var(--color-sf-outline-variant));
@@ -2035,8 +1563,7 @@ ejs-calendar {
2035
1563
  flex-direction: row-reverse;
2036
1564
  height: 48px;
2037
1565
  }
2038
- .e-daterangepicker.e-popup .e-footer .e-btn,
2039
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn {
1566
+ .e-daterangepicker.e-popup .e-footer .e-btn {
2040
1567
  font-weight: 500;
2041
1568
  height: 27px;
2042
1569
  line-height: 27px;
@@ -2044,40 +1571,31 @@ ejs-calendar {
2044
1571
  padding: 0 16px;
2045
1572
  text-overflow: ellipsis;
2046
1573
  }
2047
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
2048
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
1574
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
2049
1575
  margin: 0 8px 0 8px;
2050
1576
  }
2051
- .e-daterangepicker.e-popup .e-date-range-container,
2052
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container {
1577
+ .e-daterangepicker.e-popup .e-date-range-container {
2053
1578
  float: left;
2054
1579
  }
2055
- .e-daterangepicker.e-popup .e-date-range-container.e-range-border,
2056
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
1580
+ .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
2057
1581
  border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2058
1582
  }
2059
- .e-daterangepicker.e-popup .e-calendar-container,
2060
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
1583
+ .e-daterangepicker.e-popup .e-calendar-container {
2061
1584
  display: -ms-flexbox;
2062
1585
  display: flex;
2063
1586
  }
2064
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container,
2065
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2066
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
1587
+ .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
2067
1588
  float: left;
2068
1589
  }
2069
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2070
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
1590
+ .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
2071
1591
  border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2072
1592
  }
2073
- .e-daterangepicker.e-popup .e-presets,
2074
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
1593
+ .e-daterangepicker.e-popup .e-presets {
2075
1594
  max-height: 192px;
2076
1595
  overflow: auto;
2077
1596
  width: auto;
2078
1597
  }
2079
- .e-daterangepicker.e-popup .e-presets .e-list-item,
2080
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item {
1598
+ .e-daterangepicker.e-popup .e-presets .e-list-item {
2081
1599
  border-radius: 0;
2082
1600
  cursor: pointer;
2083
1601
  line-height: 48px;
@@ -2086,307 +1604,61 @@ ejs-calendar {
2086
1604
  white-space: nowrap;
2087
1605
  text-overflow: ellipsis;
2088
1606
  }
2089
- .e-daterangepicker.e-popup .e-presets .e-list-parent,
2090
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
1607
+ .e-daterangepicker.e-popup .e-presets .e-list-parent {
2091
1608
  margin: 0;
2092
1609
  max-width: 160px;
2093
1610
  padding: 0;
2094
1611
  }
2095
- .e-daterangepicker.e-popup .e-presets .e-text-content,
2096
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content {
1612
+ .e-daterangepicker.e-popup .e-presets .e-text-content {
2097
1613
  line-height: 47px;
2098
1614
  }
2099
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
2100
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
1615
+ .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
2101
1616
  font-size: 13px;
2102
1617
  height: 36px;
2103
1618
  line-height: 36px;
2104
1619
  }
2105
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child,
2106
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child {
1620
+ .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child {
2107
1621
  border-top-right-radius: 8px;
2108
1622
  border-top-left-radius: 8px;
2109
1623
  }
2110
- .e-daterangepicker.e-popup .e-hide-range,
2111
- .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range {
1624
+ .e-daterangepicker.e-popup .e-hide-range {
2112
1625
  display: none;
2113
1626
  }
2114
- .e-daterangepicker.e-rtl .e-date-range-container,
2115
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container {
1627
+ .e-daterangepicker.e-rtl .e-date-range-container {
2116
1628
  float: right;
2117
1629
  }
2118
- .e-daterangepicker.e-rtl .e-date-range-container.e-range-border,
2119
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
1630
+ .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
2120
1631
  border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
2121
1632
  border-right: 0;
2122
1633
  }
2123
- .e-daterangepicker.e-rtl .e-date-range-container .e-left-container,
2124
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
1634
+ .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
2125
1635
  border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
2126
1636
  border-right: 0;
2127
1637
  }
2128
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next,
2129
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
1638
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
2130
1639
  float: left;
2131
1640
  }
2132
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
2133
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
1641
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
2134
1642
  float: right;
2135
1643
  }
2136
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
2137
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
1644
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
2138
1645
  border-radius: 0 50% 50% 0;
2139
1646
  }
2140
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
2141
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
1647
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
2142
1648
  border-radius: 50% 0 0 50%;
2143
1649
  }
2144
- .e-daterangepicker.e-rtl .e-footer,
2145
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
1650
+ .e-daterangepicker.e-rtl .e-footer {
2146
1651
  -ms-flex-direction: row;
2147
1652
  flex-direction: row;
2148
1653
  -ms-flex-pack: end;
2149
1654
  justify-content: flex-end;
2150
1655
  }
2151
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
2152
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
2153
- margin: 0 8px 0 8px;
2154
- }
2155
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply,
2156
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
2157
- margin-left: 0;
2158
- }
2159
-
2160
- .e-bigger .e-daterangepicker.e-range-modal,
2161
- *.e-device.e-daterangepicker.e-range-modal {
2162
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2163
- height: 100%;
2164
- left: 0;
2165
- opacity: 0.5;
2166
- pointer-events: auto;
2167
- position: fixed;
2168
- top: 0;
2169
- width: 100%;
2170
- z-index: 999;
2171
- }
2172
-
2173
- .e-bigger.e-small .e-daterangepicker .e-calendar {
2174
- max-width: 246px;
2175
- }
2176
-
2177
- .e-bigger .e-daterangepicker.e-popup,
2178
- *.e-bigger.e-daterangepicker.e-popup,
2179
- *.e-device.e-daterangepicker.e-popup {
2180
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2181
- }
2182
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
2183
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
2184
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
2185
- max-width: 770px;
2186
- min-width: auto;
2187
- }
2188
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2189
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2190
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
2191
- max-height: none;
2192
- }
2193
- .e-bigger .e-daterangepicker.e-popup .e-range-header,
2194
- *.e-bigger.e-daterangepicker.e-popup .e-range-header,
2195
- *.e-device.e-daterangepicker.e-popup .e-range-header {
2196
- width: auto;
2197
- }
2198
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
2199
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
2200
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
2201
- -ms-flex-align: center;
2202
- align-items: center;
2203
- cursor: pointer;
2204
- display: -ms-flexbox;
2205
- display: flex;
2206
- height: 36px;
2207
- -ms-flex-pack: center;
2208
- justify-content: center;
2209
- -webkit-user-select: none;
2210
- -ms-user-select: none;
2211
- user-select: none;
2212
- width: 100%;
2213
- }
2214
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2215
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2216
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2217
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2218
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2219
- border: 1px solid rgba(var(--color-sf-primary));
2220
- box-shadow: none;
2221
- font-size: 14px;
2222
- font-weight: 500;
2223
- height: 36px;
2224
- line-height: 34px;
2225
- max-width: 116px;
2226
- overflow: hidden;
2227
- padding: 1px 6px;
2228
- text-overflow: ellipsis;
2229
- width: 50%;
2230
- }
2231
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2232
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2233
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2234
- border-left: 0;
2235
- border-radius: 0 16px 16px 0;
2236
- }
2237
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2238
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2239
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
2240
- border-radius: 16px 0 0 16px;
2241
- }
2242
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
2243
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2244
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
2245
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2246
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
2247
- box-shadow: none;
2248
- }
2249
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
2250
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2251
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2252
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2253
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2254
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2255
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
2256
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2257
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2258
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2259
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2260
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2261
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
2262
- box-shadow: none;
2263
- }
2264
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn, .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2265
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2266
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2267
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2268
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2269
- max-width: 141px;
2270
- }
2271
- .e-bigger .e-daterangepicker.e-popup .e-presets,
2272
- *.e-bigger.e-daterangepicker.e-popup .e-presets,
2273
- *.e-device.e-daterangepicker.e-popup .e-presets {
2274
- max-height: 240px;
2275
- }
2276
- .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2277
- *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2278
- *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
2279
- max-height: none;
2280
- }
2281
- .e-bigger .e-daterangepicker.e-popup .e-presets ul,
2282
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul,
2283
- *.e-device.e-daterangepicker.e-popup .e-presets ul {
2284
- max-width: none;
2285
- }
2286
- .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2287
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2288
- *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
2289
- font-size: 14px;
2290
- height: 48px;
2291
- line-height: 48px;
2292
- padding: 0 16px;
2293
- }
2294
- .e-bigger .e-daterangepicker .e-calendar,
2295
- *.e-bigger.e-daterangepicker .e-calendar,
2296
- *.e-device.e-daterangepicker .e-calendar {
2297
- max-width: 296px;
2298
- padding: 0;
2299
- }
2300
- .e-bigger .e-daterangepicker .e-calendar .e-content table,
2301
- *.e-bigger.e-daterangepicker .e-calendar .e-content table,
2302
- *.e-device.e-daterangepicker .e-calendar .e-content table {
2303
- padding: 0 12px 12px;
2304
- }
2305
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
2306
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
2307
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
2308
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next,
2309
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev {
2310
- height: 48px;
2311
- width: 48px;
2312
- }
2313
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
2314
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
2315
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
2316
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next span,
2317
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
2318
- padding: 15px;
2319
- }
2320
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
2321
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
2322
- *.e-device.e-daterangepicker .e-calendar .e-header .e-title {
2323
- cursor: pointer;
2324
- line-height: 48px;
2325
- }
2326
- .e-bigger .e-daterangepicker .e-calendar .e-header.e-month, .e-bigger .e-daterangepicker .e-calendar .e-header.e-year, .e-bigger .e-daterangepicker .e-calendar .e-header.e-decade,
2327
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
2328
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year,
2329
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade,
2330
- *.e-device.e-daterangepicker .e-calendar .e-header.e-month,
2331
- *.e-device.e-daterangepicker .e-calendar .e-header.e-year,
2332
- *.e-device.e-daterangepicker .e-calendar .e-header.e-decade {
2333
- padding: 10px 5px 0 5px;
2334
- }
2335
- .e-bigger .e-daterangepicker .e-footer,
2336
- *.e-bigger.e-daterangepicker .e-footer,
2337
- *.e-device.e-daterangepicker .e-footer {
2338
- height: 58px;
2339
- }
2340
- .e-bigger .e-daterangepicker .e-footer .e-btn,
2341
- *.e-bigger.e-daterangepicker .e-footer .e-btn,
2342
- *.e-device.e-daterangepicker .e-footer .e-btn {
2343
- height: 36px;
2344
- line-height: 36px;
2345
- overflow: hidden;
2346
- }
2347
- .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
2348
- *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
2349
- *.e-device.e-daterangepicker .e-footer .e-btn.e-apply {
1656
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
2350
1657
  margin: 0 8px 0 8px;
2351
1658
  }
2352
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2353
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2354
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
2355
- border: 1px solid rgba(var(--color-sf-primary));
2356
- border-radius: 16px 0 0 16px;
2357
- border-right: 0;
2358
- }
2359
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2360
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2361
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
2362
- border-radius: 0 16px 16px 0;
2363
- }
2364
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2365
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2366
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
2367
- margin: 0 8px 0 8px;
2368
- }
2369
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2370
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2371
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
1659
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
2372
1660
  margin-left: 0;
2373
1661
  }
2374
- .e-bigger .e-daterangepicker.e-device.e-popup,
2375
- *.e-bigger.e-daterangepicker.e-device.e-popup,
2376
- *.e-device.e-daterangepicker.e-device.e-popup {
2377
- max-width: 298px;
2378
- }
2379
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
2380
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
2381
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
2382
- margin: 20px 16px 0 16px;
2383
- padding: 0;
2384
- }
2385
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2386
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2387
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
2388
- margin: 10px 0;
2389
- }
2390
1662
 
2391
1663
  .e-small .e-daterangepicker.e-popup .e-range-header,
2392
1664
  *.e-small.e-daterangepicker.e-popup .e-range-header {
@@ -2464,12 +1736,6 @@ ejs-calendar {
2464
1736
  min-height: 33px;
2465
1737
  }
2466
1738
 
2467
- .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker,
2468
- .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2469
- background-size: 250px 40px;
2470
- min-height: 40px;
2471
- }
2472
-
2473
1739
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2474
1740
  min-height: 100%;
2475
1741
  min-width: 100%;
@@ -2805,8 +2071,6 @@ ejs-calendar {
2805
2071
  width: calc(100% - 110px);
2806
2072
  }
2807
2073
 
2808
- /* stylelint-enable */
2809
- /*! daterangepicker theme */
2810
2074
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2811
2075
  color: rgba(var(--color-sf-on-surface-variant));
2812
2076
  }
@@ -2814,198 +2078,91 @@ ejs-calendar {
2814
2078
  color: rgba(var(--color-sf-on-surface-variant));
2815
2079
  }
2816
2080
 
2817
- .e-daterangepicker.e-popup,
2818
- .e-bigger.e-small .e-daterangepicker.e-popup,
2819
- .e-bigger.e-small.e-daterangepicker.e-popup {
2081
+ .e-daterangepicker.e-popup {
2820
2082
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2821
2083
  }
2822
- .e-daterangepicker.e-popup .e-calendar,
2823
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
2824
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
2084
+ .e-daterangepicker.e-popup .e-calendar {
2825
2085
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2826
2086
  }
2827
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2828
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2829
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2830
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2831
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2087
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2832
2088
  color: rgba(var(--color-sf-on-surface));
2833
2089
  text-decoration: none;
2834
2090
  }
2835
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2836
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2837
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2091
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2838
2092
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2839
2093
  color: rgba(var(--color-sf-on-surface));
2840
2094
  }
2841
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2842
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2843
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2095
+ .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2844
2096
  background: transparent;
2845
2097
  border: 1px solid rgba(var(--color-sf-primary));
2846
2098
  color: rgba(var(--color-sf-primary));
2847
2099
  }
2848
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2849
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2850
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2100
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2851
2101
  background: transparent;
2852
2102
  border: none;
2853
2103
  color: rgba(var(--color-sf-on-surface));
2854
2104
  }
2855
- .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,
2856
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2857
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2858
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2859
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2860
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2861
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2105
+ .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 {
2862
2106
  background: rgba(var(--color-sf-on-surface), 0.05);
2863
2107
  border: none;
2864
2108
  color: rgba(var(--color-sf-on-surface));
2865
2109
  }
2866
- .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,
2867
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2868
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2869
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2870
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
2871
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2872
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2873
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2874
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
2110
+ .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 {
2875
2111
  border: 1px solid rgba(var(--color-sf-primary));
2876
2112
  }
2877
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2878
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2879
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2113
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2880
2114
  border: 1px solid rgba(var(--color-sf-primary));
2881
2115
  }
2882
- .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,
2883
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2884
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2885
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2886
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2887
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2888
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
2889
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2890
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2891
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2892
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2893
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2894
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
2116
+ .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 {
2895
2117
  background: transparent;
2896
2118
  border: none;
2897
2119
  color: rgba(var(--color-sf-on-surface-variant));
2898
2120
  }
2899
- .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,
2900
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2901
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2902
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2903
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
2121
+ .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 {
2904
2122
  background: transparent;
2905
2123
  border: none;
2906
2124
  color: rgba(var(--color-sf-on-surface-variant));
2907
2125
  }
2908
- .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,
2909
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2910
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2911
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2912
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2126
+ .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 {
2913
2127
  background: rgba(var(--color-sf-primary));
2914
2128
  color: rgba(var(--color-sf-on-primary));
2915
2129
  }
2916
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2917
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2918
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2130
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2919
2131
  background: rgba(var(--color-sf-primary));
2920
2132
  color: rgba(var(--color-sf-on-primary));
2921
2133
  }
2922
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2923
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2924
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2134
+ .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2925
2135
  color: rgba(var(--color-sf-on-primary));
2926
2136
  }
2927
- .e-daterangepicker.e-popup .e-presets,
2928
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
2929
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
2137
+ .e-daterangepicker.e-popup .e-presets {
2930
2138
  background: transparent;
2931
2139
  color: rgba(var(--color-sf-on-surface));
2932
2140
  }
2933
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2934
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2935
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2141
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2936
2142
  background: rgba(var(--color-sf-primary-container));
2937
2143
  color: rgba(var(--color-sf-on-surface));
2938
2144
  }
2939
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2940
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2941
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2145
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2942
2146
  background: rgba(var(--color-sf-on-surface), 0.08);
2943
2147
  color: rgba(var(--color-sf-on-surface));
2944
2148
  }
2945
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label,
2946
- .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
2947
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
2948
- .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
2949
- .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
2149
+ .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
2950
2150
  color: rgba(var(--color-sf-on-surface));
2951
2151
  }
2952
- .e-daterangepicker.e-popup .e-change-icon,
2953
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
2954
- .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
2152
+ .e-daterangepicker.e-popup .e-change-icon {
2955
2153
  color: rgba(var(--color-sf-on-surface-variant));
2956
2154
  }
2957
- .e-daterangepicker.e-popup .e-day-span,
2958
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
2959
- .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
2155
+ .e-daterangepicker.e-popup .e-day-span {
2960
2156
  color: rgba(var(--color-sf-on-surface-variant));
2961
2157
  }
2962
- .e-daterangepicker.e-popup .e-separator,
2963
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
2964
- .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
2158
+ .e-daterangepicker.e-popup .e-separator {
2965
2159
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2966
2160
  }
2967
- .e-daterangepicker.e-popup .e-footer,
2968
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
2969
- .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
2161
+ .e-daterangepicker.e-popup .e-footer {
2970
2162
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2971
2163
  border-bottom-left-radius: 8px;
2972
2164
  border-bottom-right-radius: 8px;
2973
2165
  }
2974
- .e-bigger .e-daterangepicker,
2975
- *.e-bigger.e-daterangepicker,
2976
- *.e-device.e-daterangepicker {
2977
- background: initial;
2978
- padding: 0;
2979
- }
2980
- .e-bigger .e-daterangepicker .e-calendar th,
2981
- *.e-bigger.e-daterangepicker .e-calendar th,
2982
- *.e-device.e-daterangepicker .e-calendar th {
2983
- color: rgba(var(--color-sf-on-surface-variant));
2984
- }
2985
- .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn,
2986
- *.e-bigger.e-daterangepicker .e-start-btn,
2987
- *.e-bigger.e-daterangepicker .e-end-btn,
2988
- *.e-device.e-daterangepicker .e-start-btn,
2989
- *.e-device.e-daterangepicker .e-end-btn {
2990
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2991
- }
2992
- .e-bigger .e-daterangepicker .e-start-btn.e-active, .e-bigger .e-daterangepicker .e-start-btn.e-active:active, .e-bigger .e-daterangepicker .e-end-btn.e-active, .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]), .e-bigger .e-daterangepicker .e-start-btn.e-active:hover, .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
2993
- *.e-bigger.e-daterangepicker .e-start-btn.e-active,
2994
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
2995
- *.e-bigger.e-daterangepicker .e-end-btn.e-active,
2996
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
2997
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
2998
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
2999
- *.e-device.e-daterangepicker .e-start-btn.e-active,
3000
- *.e-device.e-daterangepicker .e-start-btn.e-active:active,
3001
- *.e-device.e-daterangepicker .e-end-btn.e-active,
3002
- *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
3003
- *.e-device.e-daterangepicker .e-start-btn.e-active:hover,
3004
- *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
3005
- background: rgba(var(--color-sf-primary));
3006
- color: rgba(var(--color-sf-on-primary));
3007
- }
3008
-
3009
2166
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
3010
2167
  background-color: rgba(var(--color-sf-primary));
3011
2168
  color: rgba(var(--color-sf-on-primary));
@@ -3014,22 +2171,6 @@ ejs-calendar {
3014
2171
  color: rgba(var(--color-sf-on-primary));
3015
2172
  }
3016
2173
 
3017
- /* stylelint-disable property-no-vendor-prefix */
3018
- @keyframes e-input-ripple {
3019
- 100% {
3020
- opacity: 0;
3021
- transform: scale(4);
3022
- }
3023
- }
3024
- @keyframes slideTopUp {
3025
- from {
3026
- transform: translate3d(0, 0, 0) scale(1);
3027
- }
3028
- to {
3029
- transform: translate3d(0, 0, 0) scale(1);
3030
- }
3031
- }
3032
- /* stylelint-disable-line no-empty-source */
3033
2174
  /*! component icons */
3034
2175
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3035
2176
  content: "\e705";
@@ -3079,6 +2220,29 @@ ejs-calendar {
3079
2220
  margin: 0;
3080
2221
  }
3081
2222
 
2223
+ .e-datetime-mob-popup-wrap {
2224
+ -ms-flex-align: center;
2225
+ align-items: center;
2226
+ display: -ms-flexbox;
2227
+ display: flex;
2228
+ -ms-flex-direction: column;
2229
+ flex-direction: column;
2230
+ height: 100%;
2231
+ -ms-flex-pack: center;
2232
+ justify-content: center;
2233
+ left: 0;
2234
+ max-height: 100%;
2235
+ position: fixed;
2236
+ top: 0;
2237
+ width: 100%;
2238
+ z-index: 1002;
2239
+ }
2240
+ .e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
2241
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2242
+ position: relative;
2243
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2244
+ }
2245
+
3082
2246
  .e-datetimepicker.e-time-modal {
3083
2247
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
3084
2248
  height: 100%;
@@ -3123,34 +2287,6 @@ ejs-calendar {
3123
2287
  text-indent: 16px;
3124
2288
  }
3125
2289
 
3126
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
3127
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
3128
- font-size: 20px;
3129
- }
3130
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
3131
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3132
- margin: 0;
3133
- min-height: 38px;
3134
- min-width: 38px;
3135
- border-radius: 20px;
3136
- }
3137
-
3138
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
3139
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
3140
- margin: 0;
3141
- }
3142
-
3143
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
3144
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
3145
- padding: 0;
3146
- }
3147
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3148
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3149
- font-size: 14px;
3150
- line-height: 48px;
3151
- text-indent: 16px;
3152
- }
3153
-
3154
2290
  .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3155
2291
  *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3156
2292
  font-size: 12px;
@@ -3158,13 +2294,6 @@ ejs-calendar {
3158
2294
  text-indent: 12px;
3159
2295
  }
3160
2296
 
3161
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3162
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3163
- font-size: 13px;
3164
- line-height: 40px;
3165
- text-indent: 16px;
3166
- }
3167
-
3168
2297
  .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
3169
2298
  *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
3170
2299
  font-size: 16px;
@@ -3177,29 +2306,11 @@ ejs-calendar {
3177
2306
  margin: 0;
3178
2307
  }
3179
2308
 
3180
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
3181
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
3182
- font-size: 20px;
3183
- }
3184
- .e-small.e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
3185
- *.e-small.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3186
- min-height: 34px;
3187
- min-width: 34px;
3188
- border-radius: 20px;
3189
- margin: 0;
3190
- }
3191
-
3192
2309
  .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3193
2310
  background-size: 250px 33px;
3194
2311
  min-height: 33px;
3195
2312
  }
3196
2313
 
3197
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
3198
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3199
- background-size: 250px 40px;
3200
- min-height: 40px;
3201
- }
3202
-
3203
2314
  .e-datetimepicker.e-popup-expand.e-popup {
3204
2315
  position: fixed;
3205
2316
  }