@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
@@ -100,7 +100,7 @@
100
100
  --color-sf-on-warning: 99, 52, 0;
101
101
  --color-sf-on-warning-container: 255, 220, 193;
102
102
  --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
104
  --color-sf-success-text: 0, 0, 0;
105
105
  --color-sf-warning-text: 0, 0, 0;
106
106
  --color-sf-info-text: 0, 0, 0;
@@ -109,7 +109,6 @@
109
109
  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
110
110
  }
111
111
 
112
- /*! calendar material3 theme variables */
113
112
  /*! component icons */
114
113
  .e-calendar .e-header .e-date-icon-prev::before {
115
114
  content: "\e765";
@@ -146,8 +145,7 @@ ejs-calendar {
146
145
  touch-action: none;
147
146
  }
148
147
 
149
- .e-calendar,
150
- .e-bigger.e-small .e-calendar {
148
+ .e-calendar {
151
149
  /* stylelint-disable property-no-vendor-prefix */
152
150
  -webkit-tap-highlight-color: transparent;
153
151
  border-radius: 2px;
@@ -157,17 +155,14 @@ ejs-calendar {
157
155
  -ms-user-select: none;
158
156
  user-select: none;
159
157
  }
160
- .e-calendar.e-rtl .e-header .e-title,
161
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
158
+ .e-calendar.e-rtl .e-header .e-title {
162
159
  float: right;
163
160
  text-align: right;
164
161
  }
165
- .e-calendar.e-rtl .e-header .e-icon-container,
166
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
162
+ .e-calendar.e-rtl .e-header .e-icon-container {
167
163
  float: left;
168
164
  }
169
- .e-calendar .e-header,
170
- .e-bigger.e-small .e-calendar .e-header {
165
+ .e-calendar .e-header {
171
166
  background: none;
172
167
  display: table;
173
168
  font-weight: 500;
@@ -175,16 +170,14 @@ ejs-calendar {
175
170
  text-align: center;
176
171
  width: 100%;
177
172
  }
178
- .e-calendar .e-header button,
179
- .e-bigger.e-small .e-calendar .e-header button {
173
+ .e-calendar .e-header button {
180
174
  background: transparent;
181
175
  border: 0;
182
176
  margin-right: 0;
183
177
  padding: 0;
184
178
  text-decoration: none;
185
179
  }
186
- .e-calendar .e-header span,
187
- .e-bigger.e-small .e-calendar .e-header span {
180
+ .e-calendar .e-header span {
188
181
  cursor: pointer;
189
182
  display: inline-block;
190
183
  font-size: 15px;
@@ -193,28 +186,22 @@ ejs-calendar {
193
186
  padding: 10px;
194
187
  vertical-align: middle;
195
188
  }
196
- .e-calendar .e-header span.e-disabled,
197
- .e-bigger.e-small .e-calendar .e-header span.e-disabled {
189
+ .e-calendar .e-header span.e-disabled {
198
190
  cursor: default;
199
191
  }
200
- .e-calendar .e-week-header,
201
- .e-bigger.e-small .e-calendar .e-week-header {
192
+ .e-calendar .e-week-header {
202
193
  padding: 0;
203
194
  }
204
- .e-calendar th,
205
- .e-bigger.e-small .e-calendar th {
195
+ .e-calendar th {
206
196
  cursor: default;
207
197
  font-size: 13px;
208
198
  font-weight: normal;
209
199
  text-align: center;
210
200
  }
211
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
212
- .e-bigger.e-small .e-calendar .e-content .e-selected,
213
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
201
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
214
202
  border-radius: 0;
215
203
  }
216
- .e-calendar .e-content span.e-day,
217
- .e-bigger.e-small .e-calendar .e-content span.e-day {
204
+ .e-calendar .e-content span.e-day {
218
205
  border-radius: 0;
219
206
  cursor: pointer;
220
207
  display: inline-block;
@@ -225,47 +212,38 @@ ejs-calendar {
225
212
  text-decoration: none;
226
213
  vertical-align: middle;
227
214
  }
228
- .e-calendar .e-content th, .e-calendar .e-content td,
229
- .e-bigger.e-small .e-calendar .e-content th,
230
- .e-bigger.e-small .e-calendar .e-content td {
215
+ .e-calendar .e-content th, .e-calendar .e-content td {
231
216
  box-sizing: border-box;
232
217
  }
233
- .e-calendar .e-content td.e-disabled,
234
- .e-bigger.e-small .e-calendar .e-content td.e-disabled {
218
+ .e-calendar .e-content td.e-disabled {
235
219
  opacity: 0.35;
236
220
  pointer-events: none;
237
221
  -ms-touch-action: none;
238
222
  touch-action: none;
239
223
  }
240
- .e-calendar .e-content td.e-disabled.e-today,
241
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today {
224
+ .e-calendar .e-content td.e-disabled.e-today {
242
225
  opacity: 1;
243
226
  }
244
- .e-calendar .e-content td.e-disabled.e-today span.e-day,
245
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
227
+ .e-calendar .e-content td.e-disabled.e-today span.e-day {
246
228
  box-shadow: none;
247
229
  color: rgba(var(--color-sf-on-surface), 0.38);
248
230
  }
249
- .e-calendar .e-content td,
250
- .e-bigger.e-small .e-calendar .e-content td {
231
+ .e-calendar .e-content td {
251
232
  cursor: pointer;
252
233
  padding: 2px;
253
234
  text-align: center;
254
235
  }
255
- .e-calendar .e-content td.e-week-number,
256
- .e-bigger.e-small .e-calendar .e-content td.e-week-number {
236
+ .e-calendar .e-content td.e-week-number {
257
237
  color: rgba(var(--color-sf-on-surface-variant));
258
238
  font-size: 12px;
259
239
  font-style: italic;
260
240
  font-weight: 500;
261
241
  }
262
- .e-calendar .e-content td.e-overlay,
263
- .e-bigger.e-small .e-calendar .e-content td.e-overlay {
242
+ .e-calendar .e-content td.e-overlay {
264
243
  background: none;
265
244
  width: initial;
266
245
  }
267
- .e-calendar .e-content table,
268
- .e-bigger.e-small .e-calendar .e-content table {
246
+ .e-calendar .e-content table {
269
247
  border-collapse: separate;
270
248
  border-spacing: 0;
271
249
  border-width: 0;
@@ -276,49 +254,35 @@ ejs-calendar {
276
254
  table-layout: fixed;
277
255
  width: 100%;
278
256
  }
279
- .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day,
280
- .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
281
- .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
257
+ .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day {
282
258
  display: inline-block;
283
259
  font-weight: normal;
284
260
  }
285
- .e-calendar .e-content tr.e-month-hide,
286
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
261
+ .e-calendar .e-content tr.e-month-hide {
287
262
  display: none;
288
263
  font-weight: normal;
289
264
  }
290
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
291
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
292
- .e-bigger.e-small .e-calendar .e-content td.e-other-month,
293
- .e-bigger.e-small .e-calendar .e-content td.e-other-year {
265
+ .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year {
294
266
  pointer-events: initial;
295
267
  -ms-touch-action: initial;
296
268
  touch-action: initial;
297
269
  }
298
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled,
299
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
300
- .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
301
- .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
270
+ .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 {
302
271
  pointer-events: none;
303
272
  -ms-touch-action: none;
304
273
  touch-action: none;
305
274
  }
306
- .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
307
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
308
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
275
+ .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover {
309
276
  background: transparent;
310
277
  cursor: default;
311
278
  }
312
- .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
313
- .e-bigger.e-small .e-calendar .e-header .e-prev,
314
- .e-bigger.e-small .e-calendar .e-header .e-next {
279
+ .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next {
315
280
  border-radius: 32px;
316
281
  display: inline-block;
317
282
  font-size: 16px;
318
283
  vertical-align: middle;
319
284
  }
320
- .e-calendar .e-header .e-title,
321
- .e-bigger.e-small .e-calendar .e-header .e-title {
285
+ .e-calendar .e-header .e-title {
322
286
  cursor: pointer;
323
287
  display: inline-block;
324
288
  float: left;
@@ -329,97 +293,73 @@ ejs-calendar {
329
293
  border: none;
330
294
  border-radius: 4px;
331
295
  }
332
- .e-calendar .e-header .e-title,
333
- .e-bigger.e-small .e-calendar .e-header .e-title {
296
+ .e-calendar .e-header .e-title {
334
297
  margin-left: 5px;
335
298
  }
336
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
337
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
338
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
299
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
339
300
  cursor: pointer;
340
301
  }
341
- .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay,
342
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
343
- .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
302
+ .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay {
344
303
  background: none;
345
304
  }
346
- .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title,
347
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
348
- .e-bigger.e-small .e-calendar .e-header.e-year .e-title {
305
+ .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title {
349
306
  margin-left: 5px;
350
307
  }
351
- .e-calendar .e-header.e-decade .e-title,
352
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
308
+ .e-calendar .e-header.e-decade .e-title {
353
309
  cursor: default;
354
310
  }
355
- .e-calendar .e-header .e-icon-container,
356
- .e-bigger.e-small .e-calendar .e-header .e-icon-container {
311
+ .e-calendar .e-header .e-icon-container {
357
312
  display: inline-block;
358
313
  float: right;
359
314
  padding-top: 0;
360
315
  }
361
- .e-calendar .e-footer-container,
362
- .e-bigger.e-small .e-calendar .e-footer-container {
316
+ .e-calendar .e-footer-container {
363
317
  text-transform: uppercase;
364
318
  }
365
319
 
366
- .e-calendar,
367
- .e-bigger.e-small .e-calendar {
320
+ .e-calendar {
368
321
  border-spacing: 0;
369
322
  max-width: 252px;
370
323
  min-width: 240px;
371
324
  padding: 0;
372
325
  min-height: 336px;
373
326
  }
374
- .e-calendar.e-calendar-day-header-lg,
375
- .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
327
+ .e-calendar.e-calendar-day-header-lg {
376
328
  max-width: 100%;
377
329
  min-width: 540px;
378
330
  }
379
- .e-calendar.e-week-number,
380
- .e-bigger.e-small .e-calendar.e-week-number {
331
+ .e-calendar.e-week-number {
381
332
  min-width: 262px;
382
333
  }
383
- .e-calendar.e-week,
384
- .e-bigger.e-small .e-calendar.e-week {
334
+ .e-calendar.e-week {
385
335
  max-width: 252px;
386
336
  min-width: 240px;
387
337
  }
388
- .e-calendar .e-header .e-title,
389
- .e-bigger.e-small .e-calendar .e-header .e-title {
338
+ .e-calendar .e-header .e-title {
390
339
  line-height: 40px;
391
340
  }
392
- .e-calendar.e-rtl .e-header .e-title,
393
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
341
+ .e-calendar.e-rtl .e-header .e-title {
394
342
  text-align: right;
395
343
  text-indent: 4px;
396
344
  }
397
- .e-calendar .e-header,
398
- .e-bigger.e-small .e-calendar .e-header {
345
+ .e-calendar .e-header {
399
346
  height: 40px;
400
347
  }
401
- .e-calendar .e-header.e-month,
402
- .e-bigger.e-small .e-calendar .e-header.e-month {
348
+ .e-calendar .e-header.e-month {
403
349
  padding: 10px 10px 0 10px;
404
350
  }
405
- .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
406
- .e-bigger.e-small .e-calendar .e-header.e-year,
407
- .e-bigger.e-small .e-calendar .e-header.e-decade {
351
+ .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade {
408
352
  padding: 10px 10px 0 10px;
409
353
  }
410
- .e-calendar th,
411
- .e-bigger.e-small .e-calendar th {
354
+ .e-calendar th {
412
355
  font-weight: normal;
413
356
  height: 32px;
414
357
  text-transform: none;
415
358
  }
416
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
417
- .e-bigger.e-small .e-calendar .e-content .e-selected,
418
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
359
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
419
360
  border-radius: 0;
420
361
  }
421
- .e-calendar .e-content span.e-day,
422
- .e-bigger.e-small .e-calendar .e-content span.e-day {
362
+ .e-calendar .e-content span.e-day {
423
363
  border: none;
424
364
  font-size: 13px;
425
365
  font-weight: normal;
@@ -427,49 +367,37 @@ ejs-calendar {
427
367
  line-height: 32px;
428
368
  width: 32px;
429
369
  }
430
- .e-calendar .e-content.e-month td.e-today span.e-day,
431
- .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
370
+ .e-calendar .e-content.e-month td.e-today span.e-day {
432
371
  line-height: 30px;
433
372
  }
434
- .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
435
- .e-bigger.e-small .e-calendar .e-content.e-year table,
436
- .e-bigger.e-small .e-calendar .e-content.e-decade table {
373
+ .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table {
437
374
  border-spacing: 0;
438
375
  padding: 10px;
439
376
  }
440
- .e-calendar .e-content.e-month td,
441
- .e-bigger.e-small .e-calendar .e-content.e-month td {
377
+ .e-calendar .e-content.e-month td {
442
378
  height: 32px;
443
379
  padding: 2px;
444
380
  }
445
- .e-calendar .e-content .tfooter > tr > td,
446
- .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
381
+ .e-calendar .e-content .tfooter > tr > td {
447
382
  height: 36px;
448
383
  line-height: 36px;
449
384
  }
450
- .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td,
451
- .e-bigger.e-small .e-calendar .e-content.e-year td,
452
- .e-bigger.e-small .e-calendar .e-content.e-decade td {
385
+ .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td {
453
386
  height: 56px;
454
387
  padding: 1px;
455
388
  width: 56px;
456
389
  }
457
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
458
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
459
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
390
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
460
391
  font-weight: normal;
461
392
  height: 32px;
462
393
  line-height: 32px;
463
394
  width: 56px;
464
395
  }
465
- .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
466
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
467
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
396
+ .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next {
468
397
  height: 36px;
469
398
  width: 36px;
470
399
  }
471
- .e-calendar .e-footer-container,
472
- .e-bigger.e-small .e-calendar .e-footer-container {
400
+ .e-calendar .e-footer-container {
473
401
  background: transparent;
474
402
  border-top: none;
475
403
  cursor: default;
@@ -483,136 +411,11 @@ ejs-calendar {
483
411
  text-align: center;
484
412
  width: 100%;
485
413
  }
486
- .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
487
- .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
488
- font-size: 14px;
489
- }
490
- .e-small.e-bigger.e-calendar .e-content.e-month table,
491
- .e-small.e-bigger .e-calendar .e-content.e-month table {
492
- padding: 0 10px 10px;
493
- }
494
- .e-bigger.e-calendar,
495
- *.e-bigger .e-calendar {
496
- max-width: 296px;
497
- min-width: 296px;
498
- padding: 0;
499
- }
500
- .e-bigger.e-calendar.e-calendar-day-header-lg,
501
- *.e-bigger .e-calendar.e-calendar-day-header-lg {
502
- max-width: 100%;
503
- min-width: 540px;
504
- }
505
- .e-bigger.e-calendar.e-week,
506
- *.e-bigger .e-calendar.e-week {
507
- max-width: 296px;
508
- min-width: 296px;
509
- }
510
- .e-bigger.e-calendar.e-week-number,
511
- *.e-bigger .e-calendar.e-week-number {
512
- min-width: 320px;
513
- }
514
- .e-bigger.e-calendar .e-header .e-title,
515
- *.e-bigger .e-calendar .e-header .e-title {
516
- font-size: 16px;
517
- line-height: 48px;
518
- width: 60%;
519
- }
520
- .e-bigger.e-calendar.e-rtl .e-header .e-title,
521
- *.e-bigger .e-calendar.e-rtl .e-header .e-title {
522
- line-height: 48px;
523
- text-indent: 6px;
524
- }
525
- .e-bigger.e-calendar .e-header,
526
- *.e-bigger .e-calendar .e-header {
527
- height: 48px;
528
- padding: 10px 10px 0 16px;
529
- }
530
- .e-bigger.e-calendar .e-header button,
531
- *.e-bigger .e-calendar .e-header button {
532
- margin-right: 0;
533
- }
534
- .e-bigger.e-calendar .e-header button span,
535
- *.e-bigger .e-calendar .e-header button span {
536
- font-size: 16px;
537
- padding: 15px;
538
- }
539
- .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
540
- *.e-bigger .e-calendar .e-header.e-year,
541
- *.e-bigger .e-calendar .e-header.e-decade {
542
- padding: 10px 10px 0 16px;
543
- }
544
- .e-bigger.e-calendar th,
545
- *.e-bigger .e-calendar th {
546
- font-size: 14px;
547
- height: 36px;
548
- text-transform: none;
549
- }
550
- .e-bigger.e-calendar .e-content.e-year span.e-day,
551
- *.e-bigger .e-calendar .e-content.e-year span.e-day {
552
- font-size: 13px;
553
- font-weight: normal;
554
- }
555
- .e-bigger.e-calendar .e-content.e-month table,
556
- *.e-bigger .e-calendar .e-content.e-month table {
557
- padding: 0 10px 10px;
558
- }
559
- .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table,
560
- *.e-bigger .e-calendar .e-content.e-year table,
561
- *.e-bigger .e-calendar .e-content.e-decade table {
562
- padding: 0 10px 10px;
563
- }
564
- .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover,
565
- *.e-bigger .e-calendar .e-content .e-selected,
566
- *.e-bigger .e-calendar .e-content .e-state-hover {
567
- border-radius: 0;
568
- }
569
- .e-bigger.e-calendar .e-content span.e-day,
570
- *.e-bigger .e-calendar .e-content span.e-day {
571
- font-size: 13px;
572
- height: 36px;
573
- line-height: 36px;
574
- width: 36px;
575
- }
576
- .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
577
- *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
578
- line-height: 34px;
579
- }
580
- .e-bigger.e-calendar .e-content.e-month td,
581
- *.e-bigger .e-calendar .e-content.e-month td {
582
- height: 2px;
583
- padding: 2px;
584
- }
585
- .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td,
586
- *.e-bigger .e-calendar .e-content.e-year td,
587
- *.e-bigger .e-calendar .e-content.e-decade td {
588
- height: 72px;
589
- padding: 2px;
590
- width: 68px;
591
- }
592
- .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
593
- *.e-bigger .e-calendar .e-content.e-year td > span.e-day,
594
- *.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
595
- height: 40px;
596
- line-height: 40px;
597
- width: 68px;
598
- }
599
- .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next,
600
- *.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
601
- *.e-bigger .e-calendar .e-header .e-icon-container .e-next {
602
- height: 48px;
603
- width: 48px;
604
- }
605
- .e-bigger.e-calendar .e-footer-container,
606
- *.e-bigger .e-calendar .e-footer-container {
607
- border-top: none;
608
- padding: 0 10px 10px 10px;
609
- }
610
414
  .e-small.e-calendar,
611
415
  .e-small .e-calendar {
612
416
  max-width: 252px;
613
417
  min-width: 240px;
614
418
  padding: 0;
615
- min-height: 220px;
616
419
  }
617
420
  .e-small.e-calendar.e-calendar-day-header-lg,
618
421
  .e-small .e-calendar.e-calendar-day-header-lg {
@@ -678,277 +481,194 @@ ejs-calendar {
678
481
  min-height: 336px;
679
482
  }
680
483
 
681
- .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
682
- .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
683
- background-size: 300px 392px;
684
- min-height: 392px;
685
- }
686
-
687
- .e-calendar,
688
- .e-bigger.e-small .e-calendar {
484
+ .e-calendar {
689
485
  background: transparent;
690
486
  border-radius: 8px;
691
487
  border: 1px solid rgba(var(--color-sf-outline-variant));
692
488
  box-shadow: none;
693
489
  }
694
- .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
695
- .e-bigger.e-small .e-calendar .e-date-icon-prev,
696
- .e-bigger.e-small .e-calendar .e-date-icon-next {
490
+ .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next {
697
491
  color: rgba(var(--color-sf-on-surface-variant));
698
492
  }
699
- .e-calendar th,
700
- .e-bigger.e-small .e-calendar th {
493
+ .e-calendar th {
701
494
  border-bottom: 0;
702
495
  color: rgba(var(--color-sf-on-surface-variant));
703
496
  }
704
- .e-calendar .e-header,
705
- .e-bigger.e-small .e-calendar .e-header {
497
+ .e-calendar .e-header {
706
498
  border-bottom: 0;
707
499
  }
708
- .e-calendar .e-header a span,
709
- .e-bigger.e-small .e-calendar .e-header a span {
500
+ .e-calendar .e-header a span {
710
501
  border: none;
711
502
  color: rgba(var(--color-sf-on-surface-variant));
712
503
  }
713
- .e-calendar .e-header .e-title,
714
- .e-bigger.e-small .e-calendar .e-header .e-title {
504
+ .e-calendar .e-header .e-title {
715
505
  color: rgba(var(--color-sf-on-surface));
716
506
  }
717
- .e-calendar .e-header .e-title:hover,
718
- .e-bigger.e-small .e-calendar .e-header .e-title:hover {
507
+ .e-calendar .e-header .e-title:hover {
719
508
  background: rgba(var(--color-sf-on-surface), 0.08);
720
509
  cursor: pointer;
721
510
  text-decoration: none;
722
511
  }
723
- .e-calendar .e-header .e-title:focus,
724
- .e-bigger.e-small .e-calendar .e-header .e-title:focus {
512
+ .e-calendar .e-header .e-title:focus {
725
513
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
726
514
  background: none;
727
515
  text-decoration: none;
728
516
  }
729
- .e-calendar .e-header .e-title:active,
730
- .e-bigger.e-small .e-calendar .e-header .e-title:active {
517
+ .e-calendar .e-header .e-title:active {
731
518
  box-shadow: none;
732
519
  background: rgba(var(--color-sf-on-surface), 0.12);
733
520
  text-decoration: none;
734
521
  }
735
- .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
736
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
737
- .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
522
+ .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span {
738
523
  border: none;
739
524
  color: rgba(var(--color-sf-on-surface-variant));
740
525
  cursor: pointer;
741
526
  }
742
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
743
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
744
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
527
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
745
528
  background: rgba(var(--color-sf-on-surface), 0.08);
746
529
  }
747
- .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
748
- .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
749
- .e-bigger.e-small .e-calendar .e-header .e-next:focus {
530
+ .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
750
531
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
751
532
  }
752
- .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
753
- .e-bigger.e-small .e-calendar .e-header .e-prev:active,
754
- .e-bigger.e-small .e-calendar .e-header .e-next:active {
533
+ .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
755
534
  background: rgba(var(--color-sf-on-surface), 0.12);
756
535
  color: rgba(var(--color-sf-on-primary));
757
536
  }
758
- .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span,
759
- .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
760
- .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
537
+ .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
761
538
  border: none;
762
539
  color: rgba(var(--color-sf-on-surface-variant));
763
540
  }
764
- .e-calendar .e-header.e-decade .e-title,
765
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
541
+ .e-calendar .e-header.e-decade .e-title {
766
542
  color: rgba(var(--color-sf-on-surface));
767
543
  cursor: default;
768
544
  }
769
- .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span,
770
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
771
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
545
+ .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span {
772
546
  color: rgba(var(--color-sf-on-surface));
773
547
  font-weight: normal;
774
548
  }
775
- .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
776
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
777
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
549
+ .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled {
778
550
  opacity: 0.35;
779
551
  }
780
552
 
781
- .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,
782
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
783
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
553
+ .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 {
784
554
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
785
555
  }
786
- .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,
787
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
788
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
556
+ .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 {
789
557
  color: rgba(var(--color-sf-on-primary));
790
558
  }
791
- .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,
792
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
793
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
559
+ .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 {
794
560
  color: rgba(var(--color-sf-on-surface));
795
561
  }
796
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
797
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
798
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
562
+ .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day {
799
563
  background: rgba(var(--color-sf-on-surface), 0.05);
800
564
  }
801
- .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,
802
- .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
803
- .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
565
+ .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 {
804
566
  background: rgba(var(--color-sf-primary));
805
567
  }
806
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
807
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
808
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
568
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
809
569
  background: transparent;
810
570
  }
811
- .e-calendar .e-content .e-week-number span,
812
- .e-bigger.e-small .e-calendar .e-content .e-week-number span {
571
+ .e-calendar .e-content .e-week-number span {
813
572
  color: rgba(var(--color-sf-on-surface-variant));
814
573
  }
815
- .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,
816
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
817
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
818
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
574
+ .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 {
819
575
  background: rgba(var(--color-sf-on-surface), 0.05);
820
576
  border: none;
821
577
  border-radius: 32px;
822
578
  box-shadow: none;
823
579
  }
824
- .e-calendar .e-content td.e-focused-date:hover span.e-day,
825
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
580
+ .e-calendar .e-content td.e-focused-date:hover span.e-day {
826
581
  background: rgba(var(--color-sf-on-surface), 0.05);
827
582
  border: none;
828
583
  border-radius: 32px;
829
584
  color: rgba(var(--color-sf-on-surface));
830
585
  }
831
- .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
832
- .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
833
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
586
+ .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
834
587
  background: none;
835
588
  border: 1px solid rgba(var(--color-sf-primary));
836
589
  border-radius: 32px;
837
590
  box-shadow: none;
838
591
  color: rgba(var(--color-sf-primary));
839
592
  }
840
- .e-calendar .e-content td.e-focused-date.e-today span.e-day,
841
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
593
+ .e-calendar .e-content td.e-focused-date.e-today span.e-day {
842
594
  background: rgba(var(--color-sf-primary), 0.08);
843
595
  border: 1px solid rgba(var(--color-sf-primary));
844
596
  box-shadow: none;
845
597
  color: rgba(var(--color-sf-primary));
846
598
  }
847
- .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,
848
- .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
849
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
599
+ .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 {
850
600
  background: rgba(var(--color-sf-primary));
851
601
  border: none;
852
602
  border-radius: 32px;
853
603
  color: rgba(var(--color-sf-primary));
854
604
  }
855
- .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,
856
- .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
857
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
858
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
605
+ .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 {
859
606
  background: rgba(var(--color-sf-on-surface), 0.05);
860
607
  border: 1px solid rgba(var(--color-sf-primary));
861
608
  color: rgba(var(--color-sf-primary));
862
609
  }
863
- .e-calendar .e-content td.e-today.e-selected span.e-day,
864
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
610
+ .e-calendar .e-content td.e-today.e-selected span.e-day {
865
611
  background: rgba(var(--color-sf-primary));
866
612
  border: 1px solid rgba(var(--color-sf-primary));
867
613
  box-shadow: inset 0 0 0 2px linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
868
614
  color: rgba(var(--color-sf-on-primary));
869
615
  }
870
- .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,
871
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
872
- .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
873
- .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
616
+ .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 {
874
617
  background: rgba(var(--color-sf-primary));
875
618
  color: rgba(var(--color-sf-on-primary));
876
619
  }
877
- .e-calendar .e-content span,
878
- .e-bigger.e-small .e-calendar .e-content span {
620
+ .e-calendar .e-content span {
879
621
  color: rgba(var(--color-sf-on-surface));
880
622
  }
881
- .e-calendar .e-content .e-disabled span.e-day:hover,
882
- .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
623
+ .e-calendar .e-content .e-disabled span.e-day:hover {
883
624
  background: none;
884
625
  border: 0;
885
626
  color: rgba(var(--color-sf-on-surface));
886
627
  }
887
- .e-calendar .e-content .e-other-month:hover span.e-day,
888
- .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
628
+ .e-calendar .e-content .e-other-month:hover span.e-day {
889
629
  color: rgba(var(--color-sf-on-surface));
890
630
  }
891
- .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day,
892
- .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
893
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
631
+ .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day {
894
632
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
895
633
  }
896
- .e-calendar .e-content .e-other-month.e-today:hover span.e-day,
897
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
634
+ .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
898
635
  background: rgba(var(--color-sf-on-surface), 0.05);
899
636
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
900
637
  }
901
- .e-calendar .e-content thead,
902
- .e-bigger.e-small .e-calendar .e-content thead {
638
+ .e-calendar .e-content thead {
903
639
  background: none;
904
640
  border-bottom: 0;
905
641
  }
906
- .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day,
907
- .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
908
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
642
+ .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
909
643
  background: rgba(var(--color-sf-on-surface), 0.05);
910
644
  border: none;
911
645
  border-radius: 32px;
912
646
  color: rgba(var(--color-sf-on-surface));
913
647
  }
914
- .e-calendar .e-content td:focus span.e-day,
915
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
648
+ .e-calendar .e-content td:focus span.e-day {
916
649
  background: rgba(var(--color-sf-primary));
917
650
  color: rgba(var(--color-sf-on-primary));
918
651
  border: none;
919
652
  border-radius: 32px;
920
653
  }
921
- .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,
922
- .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
923
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
924
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
654
+ .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 {
925
655
  background: none;
926
656
  border: none;
927
657
  color: rgba(var(--color-sf-on-surface));
928
658
  }
929
- .e-calendar .e-content td.e-selected span.e-day,
930
- .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
659
+ .e-calendar .e-content td.e-selected span.e-day {
931
660
  background: rgba(var(--color-sf-primary));
661
+ color: rgba(var(--color-sf-on-primary));
932
662
  border: none;
933
663
  border-radius: 32px;
934
- color: rgba(var(--color-sf-on-primary));
935
664
  }
936
- .e-calendar .e-content .e-footer,
937
- .e-bigger.e-small .e-calendar .e-content .e-footer {
665
+ .e-calendar .e-content .e-footer {
938
666
  color: rgba(var(--color-sf-primary));
939
667
  }
940
- .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,
941
- .e-bigger.e-small .e-calendar.e-device .e-prev:hover,
942
- .e-bigger.e-small .e-calendar.e-device .e-next:hover,
943
- .e-bigger.e-small .e-calendar.e-device .e-prev:active,
944
- .e-bigger.e-small .e-calendar.e-device .e-next:active,
945
- .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
946
- .e-bigger.e-small .e-calendar.e-device .e-next:focus {
668
+ .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 {
947
669
  background: none;
948
670
  }
949
- .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span,
950
- .e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
951
- .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
671
+ .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
952
672
  color: rgba(var(--color-sf-on-surface-variant));
953
673
  }
954
674
  .e-small.e-calendar .e-header .e-title,
@@ -1072,28 +792,6 @@ ejs-calendar {
1072
792
  text-indent: 16px;
1073
793
  }
1074
794
 
1075
- .e-bigger .e-time-wrapper .e-time-icon.e-icons,
1076
- *.e-bigger.e-time-wrapper .e-time-icon.e-icons,
1077
- *.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
1078
- *.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
1079
- font-size: 20px;
1080
- min-height: 38px;
1081
- min-width: 38px;
1082
- border-radius: 20px;
1083
- margin: 0;
1084
- }
1085
-
1086
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
1087
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
1088
- padding: 0 0;
1089
- }
1090
- .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1091
- *.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1092
- font-size: 14px;
1093
- line-height: 40px;
1094
- text-indent: 16px;
1095
- }
1096
-
1097
795
  .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1098
796
  *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1099
797
  font-size: 12px;
@@ -1112,35 +810,11 @@ ejs-calendar {
1112
810
  margin: 0;
1113
811
  }
1114
812
 
1115
- .e-small.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1116
- *.e-small.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1117
- font-size: 13px;
1118
- line-height: 36px;
1119
- text-indent: 16px;
1120
- }
1121
-
1122
- .e-small.e-bigger .e-time-wrapper .e-time-icon.e-icons,
1123
- *.e-small.e-bigger.e-time-wrapper .e-time-icon.e-icons,
1124
- *.e-small.bigger .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons,
1125
- *.e-control-wrapper.e-small.bigger.e-time-wrapper .e-time-icon.e-icons {
1126
- font-size: 20px;
1127
- min-height: 34px;
1128
- min-width: 34px;
1129
- border-radius: 20px;
1130
- margin: 0;
1131
- }
1132
-
1133
813
  .e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1134
814
  background-size: 250px 33px;
1135
815
  min-height: 33px;
1136
816
  }
1137
817
 
1138
- .e-bigger .e-content-placeholder.e-timepicker.e-placeholder-timepicker,
1139
- .e-bigger.e-content-placeholder.e-timepicker.e-placeholder-timepicker {
1140
- background-size: 250px 40px;
1141
- min-height: 40px;
1142
- }
1143
-
1144
818
  /* stylelint-disable */
1145
819
  .e-time-overflow {
1146
820
  overflow: hidden;
@@ -1254,7 +928,6 @@ ejs-calendar {
1254
928
  }
1255
929
  }
1256
930
  /* stylelint-enable */
1257
- /*! timepicker theme */
1258
931
  .e-time-wrapper .e-input-group-icon.e-icons.e-active {
1259
932
  color: rgba(var(--color-sf-on-surface-variant));
1260
933
  }
@@ -1300,9 +973,7 @@ ejs-calendar {
1300
973
  }
1301
974
 
1302
975
  .e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1303
- *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1304
- .e-bigger.e-small .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
1305
- *.e-bigger.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
976
+ *.e-small.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
1306
977
  color: rgba(var(--color-sf-on-surface));
1307
978
  }
1308
979
 
@@ -1317,22 +988,6 @@ ejs-calendar {
1317
988
  font-weight: 500;
1318
989
  }
1319
990
 
1320
- /* stylelint-disable property-no-vendor-prefix */
1321
- @keyframes e-input-ripple {
1322
- 100% {
1323
- opacity: 0;
1324
- transform: scale(4);
1325
- }
1326
- }
1327
- @keyframes slideTopUp {
1328
- from {
1329
- transform: translate3d(0, 0, 0) scale(1);
1330
- }
1331
- to {
1332
- transform: translate3d(0, 0, 0) scale(1);
1333
- }
1334
- }
1335
- /* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
1336
991
  /*! component icons */
1337
992
  .e-input-group-icon.e-date-icon,
1338
993
  *.e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1354,28 +1009,6 @@ ejs-calendar {
1354
1009
  border-radius: 50%;
1355
1010
  }
1356
1011
 
1357
- .e-bigger .e-input-group-icon.e-date-icon,
1358
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
1359
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1360
- font-size: 20px;
1361
- margin: 0;
1362
- min-height: 38px;
1363
- min-width: 38px;
1364
- border-radius: 20px;
1365
- }
1366
- .e-bigger .e-input-group-icon.e-date-icon::before,
1367
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
1368
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
1369
- content: "\e778";
1370
- font-family: "e-icons";
1371
- }
1372
- .e-bigger .e-input-group-icon.e-date-icon:focus,
1373
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
1374
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
1375
- background: rgba(var(--color-sf-on-surface), 0.08);
1376
- border-radius: 50%;
1377
- }
1378
-
1379
1012
  .e-small .e-input-group-icon.e-date-icon,
1380
1013
  *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
1381
1014
  *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
@@ -1386,16 +1019,6 @@ ejs-calendar {
1386
1019
  margin: 0;
1387
1020
  }
1388
1021
 
1389
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
1390
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
1391
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
1392
- font-size: 20px;
1393
- min-width: 34px;
1394
- min-height: 34px;
1395
- border-radius: 20px;
1396
- margin: 0;
1397
- }
1398
-
1399
1022
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
1400
1023
  content: "\e7e7";
1401
1024
  font-family: "e-icons";
@@ -1487,12 +1110,6 @@ ejs-calendar {
1487
1110
  min-height: 33px;
1488
1111
  }
1489
1112
 
1490
- .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
1491
- .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
1492
- background-size: 250px 40px;
1493
- min-height: 40px;
1494
- }
1495
-
1496
1113
  @media screen and (orientation: landscape) {
1497
1114
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
1498
1115
  line-height: 64px;
@@ -1564,12 +1181,12 @@ ejs-calendar {
1564
1181
  line-height: 5vh;
1565
1182
  }
1566
1183
  .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 {
1567
- margin-left: 5vw;
1568
1184
  position: inherit;
1185
+ line-height: inherit;
1186
+ margin-left: 5vw;
1569
1187
  text-align: left;
1570
1188
  vertical-align: middle;
1571
1189
  width: 60vw;
1572
- line-height: inherit;
1573
1190
  }
1574
1191
  @media (min-device-width: 768px) {
1575
1192
  .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 {
@@ -1769,21 +1386,11 @@ ejs-calendar {
1769
1386
  }
1770
1387
  /* stylelint-enable */
1771
1388
  .e-datepicker.e-popup-wrapper,
1772
- .e-bigger.e-small .e-datepicker.e-popup-wrapper,
1773
- .e-bigger .e-datepicker.e-popup-wrapper,
1774
- .e-small .e-datepicker.e-popup-wrapper,
1775
- .e-bigger.e-small.e-datepicker.e-popup-wrapper,
1776
- .e-bigger.e-datepicker.e-popup-wrapper,
1777
1389
  .e-small.e-datepicker.e-popup-wrapper {
1778
1390
  border: none;
1779
1391
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1780
1392
  }
1781
1393
  .e-datepicker .e-calendar,
1782
- .e-bigger.e-small .e-datepicker .e-calendar,
1783
- .e-bigger .e-datepicker .e-calendar,
1784
- .e-small .e-datepicker .e-calendar,
1785
- .e-bigger.e-small.e-datepicker .e-calendar,
1786
- .e-bigger.e-datepicker .e-calendar,
1787
1394
  .e-small.e-datepicker .e-calendar {
1788
1395
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1789
1396
  border: none;
@@ -1802,22 +1409,6 @@ ejs-calendar {
1802
1409
  background: rgba(var(--color-sf-on-surface), 0.08);
1803
1410
  }
1804
1411
 
1805
- /* stylelint-disable property-no-vendor-prefix */
1806
- @keyframes e-input-ripple {
1807
- 100% {
1808
- opacity: 0;
1809
- transform: scale(4);
1810
- }
1811
- }
1812
- @keyframes slideTopUp {
1813
- from {
1814
- transform: translate3d(0, 0, 0) scale(1);
1815
- }
1816
- to {
1817
- transform: translate3d(0, 0, 0) scale(1);
1818
- }
1819
- }
1820
- /* stylelint-disable-line no-empty-source */ /*! calendar material3 theme variables */
1821
1412
  /*! component icons */
1822
1413
  .e-input-group-icon.e-range-icon,
1823
1414
  *.e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1858,15 +1449,6 @@ ejs-calendar {
1858
1449
  content: "\e773";
1859
1450
  }
1860
1451
 
1861
- .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 {
1862
- font-size: 20px;
1863
- margin: 0;
1864
- min-height: 38px;
1865
- min-width: 38px;
1866
- outline: none;
1867
- border-radius: 20px;
1868
- }
1869
-
1870
1452
  .e-small .e-input-group-icon.e-range-icon,
1871
1453
  *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
1872
1454
  *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
@@ -1877,29 +1459,12 @@ ejs-calendar {
1877
1459
  margin: 0;
1878
1460
  }
1879
1461
 
1880
- .e-small.e-bigger .e-input-group-icon.e-range-icon,
1881
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
1882
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
1883
- font-size: 20px;
1884
- min-width: 34px;
1885
- min-height: 34px;
1886
- border-radius: 20px;
1887
- margin: 0;
1888
- }
1889
-
1890
1462
  .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1891
1463
  .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1892
1464
  min-height: 0;
1893
1465
  min-width: 20px;
1894
1466
  }
1895
1467
 
1896
- .e-bigger .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1897
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-range-icon,
1898
- .e-bigger .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1899
- min-height: 0;
1900
- min-width: 24px;
1901
- }
1902
-
1903
1468
  .e-small .e-date-range-wrapper.e-outline .e-input-group-icon.e-range-icon,
1904
1469
  .e-date-range-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-range-icon,
1905
1470
  .e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
@@ -1907,14 +1472,6 @@ ejs-calendar {
1907
1472
  min-width: 18px;
1908
1473
  }
1909
1474
 
1910
- .e-bigger.e-small .e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
1911
- .e-bigger.e-small.e-outline.e-date-range-wrapper .e-input-group-icon.e-range-icon,
1912
- .e-date-range-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-range-icon,
1913
- .e-bigger.e-small .e-date-range-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-range-icon {
1914
- min-height: 0;
1915
- min-width: 20px;
1916
- }
1917
-
1918
1475
  .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 {
1919
1476
  content: "\e7e7";
1920
1477
  font-family: "e-icons";
@@ -1924,7 +1481,6 @@ ejs-calendar {
1924
1481
  font-family: "e-icons";
1925
1482
  }
1926
1483
 
1927
- /*! daterangepicker layout */
1928
1484
  .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
1929
1485
  .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
1930
1486
  display: -ms-flexbox;
@@ -1946,36 +1502,29 @@ ejs-calendar {
1946
1502
  width: 0;
1947
1503
  }
1948
1504
 
1949
- .e-daterangepicker.e-popup,
1950
- .e-bigger.e-small .e-daterangepicker.e-popup {
1505
+ .e-daterangepicker.e-popup {
1951
1506
  border: none;
1952
1507
  border-radius: 8px;
1953
1508
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
1954
1509
  max-height: 500px;
1955
1510
  max-width: 730px;
1956
1511
  }
1957
- .e-daterangepicker.e-popup.e-daterange-day-header-lg,
1958
- .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1512
+ .e-daterangepicker.e-popup.e-daterange-day-header-lg {
1959
1513
  max-width: 100%;
1960
1514
  }
1961
- .e-daterangepicker.e-popup.e-preset-wrapper,
1962
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper {
1515
+ .e-daterangepicker.e-popup.e-preset-wrapper {
1963
1516
  min-width: 625px;
1964
1517
  }
1965
- .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
1966
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1518
+ .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
1967
1519
  max-height: none;
1968
1520
  }
1969
- .e-daterangepicker.e-popup .e-range-header,
1970
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
1521
+ .e-daterangepicker.e-popup .e-range-header {
1971
1522
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1972
1523
  padding: 16px 16px 0 16px;
1973
1524
  width: auto;
1974
1525
  border-top-left-radius: 8px;
1975
1526
  }
1976
- .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label,
1977
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
1978
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label {
1527
+ .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label {
1979
1528
  cursor: default;
1980
1529
  display: inline-block;
1981
1530
  font-size: 18px;
@@ -1990,15 +1539,13 @@ ejs-calendar {
1990
1539
  width: 48%;
1991
1540
  font-weight: 600;
1992
1541
  }
1993
- .e-daterangepicker.e-popup .e-range-header .e-change-icon,
1994
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1542
+ .e-daterangepicker.e-popup .e-range-header .e-change-icon {
1995
1543
  font-size: 15px;
1996
1544
  font-weight: 500;
1997
1545
  text-align: center;
1998
1546
  width: 4%;
1999
1547
  }
2000
- .e-daterangepicker.e-popup .e-range-header .e-day-span,
2001
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
1548
+ .e-daterangepicker.e-popup .e-range-header .e-day-span {
2002
1549
  direction: ltr;
2003
1550
  font-size: 13px;
2004
1551
  height: 14px;
@@ -2009,31 +1556,26 @@ ejs-calendar {
2009
1556
  user-select: none;
2010
1557
  width: 100%;
2011
1558
  }
2012
- .e-daterangepicker.e-popup .e-range-header .e-start-end,
2013
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
1559
+ .e-daterangepicker.e-popup .e-range-header .e-start-end {
2014
1560
  -ms-flex-align: center;
2015
1561
  align-items: center;
2016
1562
  display: -ms-flexbox;
2017
1563
  display: flex;
2018
1564
  height: 35px;
2019
1565
  }
2020
- .e-daterangepicker.e-popup .e-separator,
2021
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
1566
+ .e-daterangepicker.e-popup .e-separator {
2022
1567
  height: 1px;
2023
1568
  margin: 0;
2024
1569
  }
2025
- .e-daterangepicker.e-popup .e-calendar,
2026
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
1570
+ .e-daterangepicker.e-popup .e-calendar {
2027
1571
  border: none;
2028
1572
  margin: 0;
2029
1573
  padding: 0;
2030
1574
  }
2031
- .e-daterangepicker.e-popup .e-calendar .e-content table,
2032
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table {
1575
+ .e-daterangepicker.e-popup .e-calendar .e-content table {
2033
1576
  padding: 0 10px 10px;
2034
1577
  }
2035
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2036
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
1578
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
2037
1579
  cursor: pointer;
2038
1580
  line-height: 36px;
2039
1581
  width: auto;
@@ -2041,46 +1583,32 @@ ejs-calendar {
2041
1583
  font-weight: 600;
2042
1584
  margin-left: 0;
2043
1585
  }
2044
- .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,
2045
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month,
2046
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year,
2047
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
1586
+ .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 {
2048
1587
  padding: 10px 5px 0 5px;
2049
1588
  }
2050
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
2051
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
1589
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
2052
1590
  float: right;
2053
1591
  }
2054
- .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
2055
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1592
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
2056
1593
  float: left;
2057
1594
  }
2058
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
2059
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
2060
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
1595
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
2061
1596
  height: 36px;
2062
1597
  width: 36px;
2063
1598
  }
2064
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span,
2065
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
2066
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
1599
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
2067
1600
  padding: 10px;
2068
1601
  }
2069
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover,
2070
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
1602
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
2071
1603
  border-radius: 50% 0 0 50%;
2072
1604
  }
2073
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover,
2074
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
1605
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
2075
1606
  border-radius: 0 50% 50% 0;
2076
1607
  }
2077
- .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,
2078
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2079
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
1608
+ .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 {
2080
1609
  border: none;
2081
1610
  }
2082
- .e-daterangepicker.e-popup .e-footer,
2083
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
1611
+ .e-daterangepicker.e-popup .e-footer {
2084
1612
  -ms-flex-align: center;
2085
1613
  align-items: center;
2086
1614
  border-top: 0.75px solid rgba(var(--color-sf-outline-variant));
@@ -2091,8 +1619,7 @@ ejs-calendar {
2091
1619
  flex-direction: row-reverse;
2092
1620
  height: 48px;
2093
1621
  }
2094
- .e-daterangepicker.e-popup .e-footer .e-btn,
2095
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn {
1622
+ .e-daterangepicker.e-popup .e-footer .e-btn {
2096
1623
  font-weight: 500;
2097
1624
  height: 27px;
2098
1625
  line-height: 27px;
@@ -2100,40 +1627,31 @@ ejs-calendar {
2100
1627
  padding: 0 16px;
2101
1628
  text-overflow: ellipsis;
2102
1629
  }
2103
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
2104
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
1630
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
2105
1631
  margin: 0 8px 0 8px;
2106
1632
  }
2107
- .e-daterangepicker.e-popup .e-date-range-container,
2108
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container {
1633
+ .e-daterangepicker.e-popup .e-date-range-container {
2109
1634
  float: left;
2110
1635
  }
2111
- .e-daterangepicker.e-popup .e-date-range-container.e-range-border,
2112
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
1636
+ .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
2113
1637
  border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2114
1638
  }
2115
- .e-daterangepicker.e-popup .e-calendar-container,
2116
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
1639
+ .e-daterangepicker.e-popup .e-calendar-container {
2117
1640
  display: -ms-flexbox;
2118
1641
  display: flex;
2119
1642
  }
2120
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container,
2121
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2122
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
1643
+ .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
2123
1644
  float: left;
2124
1645
  }
2125
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
2126
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
1646
+ .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
2127
1647
  border-right: 0.75px solid rgba(var(--color-sf-outline-variant));
2128
1648
  }
2129
- .e-daterangepicker.e-popup .e-presets,
2130
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
1649
+ .e-daterangepicker.e-popup .e-presets {
2131
1650
  max-height: 192px;
2132
1651
  overflow: auto;
2133
1652
  width: auto;
2134
1653
  }
2135
- .e-daterangepicker.e-popup .e-presets .e-list-item,
2136
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item {
1654
+ .e-daterangepicker.e-popup .e-presets .e-list-item {
2137
1655
  border-radius: 0;
2138
1656
  cursor: pointer;
2139
1657
  line-height: 48px;
@@ -2142,307 +1660,61 @@ ejs-calendar {
2142
1660
  white-space: nowrap;
2143
1661
  text-overflow: ellipsis;
2144
1662
  }
2145
- .e-daterangepicker.e-popup .e-presets .e-list-parent,
2146
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
1663
+ .e-daterangepicker.e-popup .e-presets .e-list-parent {
2147
1664
  margin: 0;
2148
1665
  max-width: 160px;
2149
1666
  padding: 0;
2150
1667
  }
2151
- .e-daterangepicker.e-popup .e-presets .e-text-content,
2152
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content {
1668
+ .e-daterangepicker.e-popup .e-presets .e-text-content {
2153
1669
  line-height: 47px;
2154
1670
  }
2155
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
2156
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
1671
+ .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
2157
1672
  font-size: 13px;
2158
1673
  height: 36px;
2159
1674
  line-height: 36px;
2160
1675
  }
2161
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child,
2162
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child {
1676
+ .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item.e-active:first-child {
2163
1677
  border-top-right-radius: 8px;
2164
1678
  border-top-left-radius: 8px;
2165
1679
  }
2166
- .e-daterangepicker.e-popup .e-hide-range,
2167
- .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range {
1680
+ .e-daterangepicker.e-popup .e-hide-range {
2168
1681
  display: none;
2169
1682
  }
2170
- .e-daterangepicker.e-rtl .e-date-range-container,
2171
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container {
1683
+ .e-daterangepicker.e-rtl .e-date-range-container {
2172
1684
  float: right;
2173
1685
  }
2174
- .e-daterangepicker.e-rtl .e-date-range-container.e-range-border,
2175
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
1686
+ .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
2176
1687
  border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
2177
1688
  border-right: 0;
2178
1689
  }
2179
- .e-daterangepicker.e-rtl .e-date-range-container .e-left-container,
2180
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
1690
+ .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
2181
1691
  border-left: 0.75px solid rgba(var(--color-sf-outline-variant));
2182
1692
  border-right: 0;
2183
1693
  }
2184
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next,
2185
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
1694
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
2186
1695
  float: left;
2187
1696
  }
2188
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
2189
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
1697
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
2190
1698
  float: right;
2191
1699
  }
2192
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
2193
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
1700
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
2194
1701
  border-radius: 0 50% 50% 0;
2195
1702
  }
2196
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
2197
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
1703
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
2198
1704
  border-radius: 50% 0 0 50%;
2199
1705
  }
2200
- .e-daterangepicker.e-rtl .e-footer,
2201
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
1706
+ .e-daterangepicker.e-rtl .e-footer {
2202
1707
  -ms-flex-direction: row;
2203
1708
  flex-direction: row;
2204
1709
  -ms-flex-pack: end;
2205
1710
  justify-content: flex-end;
2206
1711
  }
2207
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
2208
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
2209
- margin: 0 8px 0 8px;
2210
- }
2211
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply,
2212
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
2213
- margin-left: 0;
2214
- }
2215
-
2216
- .e-bigger .e-daterangepicker.e-range-modal,
2217
- *.e-device.e-daterangepicker.e-range-modal {
2218
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
2219
- height: 100%;
2220
- left: 0;
2221
- opacity: 0.5;
2222
- pointer-events: auto;
2223
- position: fixed;
2224
- top: 0;
2225
- width: 100%;
2226
- z-index: 999;
2227
- }
2228
-
2229
- .e-bigger.e-small .e-daterangepicker .e-calendar {
2230
- max-width: 246px;
2231
- }
2232
-
2233
- .e-bigger .e-daterangepicker.e-popup,
2234
- *.e-bigger.e-daterangepicker.e-popup,
2235
- *.e-device.e-daterangepicker.e-popup {
2236
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2237
- }
2238
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
2239
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
2240
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
2241
- max-width: 770px;
2242
- min-width: auto;
2243
- }
2244
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2245
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
2246
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
2247
- max-height: none;
2248
- }
2249
- .e-bigger .e-daterangepicker.e-popup .e-range-header,
2250
- *.e-bigger.e-daterangepicker.e-popup .e-range-header,
2251
- *.e-device.e-daterangepicker.e-popup .e-range-header {
2252
- width: auto;
2253
- }
2254
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
2255
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
2256
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
2257
- -ms-flex-align: center;
2258
- align-items: center;
2259
- cursor: pointer;
2260
- display: -ms-flexbox;
2261
- display: flex;
2262
- height: 36px;
2263
- -ms-flex-pack: center;
2264
- justify-content: center;
2265
- -webkit-user-select: none;
2266
- -ms-user-select: none;
2267
- user-select: none;
2268
- width: 100%;
2269
- }
2270
- .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,
2271
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2272
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2273
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2274
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2275
- border: 1px solid rgba(var(--color-sf-primary));
2276
- box-shadow: none;
2277
- font-size: 14px;
2278
- font-weight: 500;
2279
- height: 36px;
2280
- line-height: 34px;
2281
- max-width: 116px;
2282
- overflow: hidden;
2283
- padding: 1px 6px;
2284
- text-overflow: ellipsis;
2285
- width: 50%;
2286
- }
2287
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2288
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2289
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2290
- border-left: 0;
2291
- border-radius: 0 16px 16px 0;
2292
- }
2293
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2294
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2295
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
2296
- border-radius: 16px 0 0 16px;
2297
- }
2298
- .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]),
2299
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2300
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
2301
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
2302
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
2303
- box-shadow: none;
2304
- }
2305
- .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,
2306
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2307
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2308
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2309
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2310
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2311
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
2312
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
2313
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
2314
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
2315
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
2316
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
2317
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
2318
- box-shadow: none;
2319
- }
2320
- .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,
2321
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2322
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
2323
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
2324
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
2325
- max-width: 141px;
2326
- }
2327
- .e-bigger .e-daterangepicker.e-popup .e-presets,
2328
- *.e-bigger.e-daterangepicker.e-popup .e-presets,
2329
- *.e-device.e-daterangepicker.e-popup .e-presets {
2330
- max-height: 240px;
2331
- }
2332
- .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2333
- *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
2334
- *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
2335
- max-height: none;
2336
- }
2337
- .e-bigger .e-daterangepicker.e-popup .e-presets ul,
2338
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul,
2339
- *.e-device.e-daterangepicker.e-popup .e-presets ul {
2340
- max-width: none;
2341
- }
2342
- .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2343
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
2344
- *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
2345
- font-size: 14px;
2346
- height: 48px;
2347
- line-height: 48px;
2348
- padding: 0 16px;
2349
- }
2350
- .e-bigger .e-daterangepicker .e-calendar,
2351
- *.e-bigger.e-daterangepicker .e-calendar,
2352
- *.e-device.e-daterangepicker .e-calendar {
2353
- max-width: 296px;
2354
- padding: 0;
2355
- }
2356
- .e-bigger .e-daterangepicker .e-calendar .e-content table,
2357
- *.e-bigger.e-daterangepicker .e-calendar .e-content table,
2358
- *.e-device.e-daterangepicker .e-calendar .e-content table {
2359
- padding: 0 12px 12px;
2360
- }
2361
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
2362
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
2363
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
2364
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next,
2365
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev {
2366
- height: 48px;
2367
- width: 48px;
2368
- }
2369
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
2370
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
2371
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
2372
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next span,
2373
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
2374
- padding: 15px;
2375
- }
2376
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
2377
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
2378
- *.e-device.e-daterangepicker .e-calendar .e-header .e-title {
2379
- cursor: pointer;
2380
- line-height: 48px;
2381
- }
2382
- .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,
2383
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
2384
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year,
2385
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade,
2386
- *.e-device.e-daterangepicker .e-calendar .e-header.e-month,
2387
- *.e-device.e-daterangepicker .e-calendar .e-header.e-year,
2388
- *.e-device.e-daterangepicker .e-calendar .e-header.e-decade {
2389
- padding: 10px 5px 0 5px;
2390
- }
2391
- .e-bigger .e-daterangepicker .e-footer,
2392
- *.e-bigger.e-daterangepicker .e-footer,
2393
- *.e-device.e-daterangepicker .e-footer {
2394
- height: 58px;
2395
- }
2396
- .e-bigger .e-daterangepicker .e-footer .e-btn,
2397
- *.e-bigger.e-daterangepicker .e-footer .e-btn,
2398
- *.e-device.e-daterangepicker .e-footer .e-btn {
2399
- height: 36px;
2400
- line-height: 36px;
2401
- overflow: hidden;
2402
- }
2403
- .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
2404
- *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
2405
- *.e-device.e-daterangepicker .e-footer .e-btn.e-apply {
1712
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
2406
1713
  margin: 0 8px 0 8px;
2407
1714
  }
2408
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2409
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
2410
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
2411
- border: 1px solid rgba(var(--color-sf-primary));
2412
- border-radius: 16px 0 0 16px;
2413
- border-right: 0;
2414
- }
2415
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2416
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
2417
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
2418
- border-radius: 0 16px 16px 0;
2419
- }
2420
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2421
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
2422
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
2423
- margin: 0 8px 0 8px;
2424
- }
2425
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2426
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
2427
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
1715
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
2428
1716
  margin-left: 0;
2429
1717
  }
2430
- .e-bigger .e-daterangepicker.e-device.e-popup,
2431
- *.e-bigger.e-daterangepicker.e-device.e-popup,
2432
- *.e-device.e-daterangepicker.e-device.e-popup {
2433
- max-width: 298px;
2434
- }
2435
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
2436
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
2437
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
2438
- margin: 20px 16px 0 16px;
2439
- padding: 0;
2440
- }
2441
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2442
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
2443
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
2444
- margin: 10px 0;
2445
- }
2446
1718
 
2447
1719
  .e-small .e-daterangepicker.e-popup .e-range-header,
2448
1720
  *.e-small.e-daterangepicker.e-popup .e-range-header {
@@ -2520,12 +1792,6 @@ ejs-calendar {
2520
1792
  min-height: 33px;
2521
1793
  }
2522
1794
 
2523
- .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker,
2524
- .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
2525
- background-size: 250px 40px;
2526
- min-height: 40px;
2527
- }
2528
-
2529
1795
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
2530
1796
  min-height: 100%;
2531
1797
  min-width: 100%;
@@ -2861,8 +2127,6 @@ ejs-calendar {
2861
2127
  width: calc(100% - 110px);
2862
2128
  }
2863
2129
 
2864
- /* stylelint-enable */
2865
- /*! daterangepicker theme */
2866
2130
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
2867
2131
  color: rgba(var(--color-sf-on-surface-variant));
2868
2132
  }
@@ -2870,198 +2134,91 @@ ejs-calendar {
2870
2134
  color: rgba(var(--color-sf-on-surface-variant));
2871
2135
  }
2872
2136
 
2873
- .e-daterangepicker.e-popup,
2874
- .e-bigger.e-small .e-daterangepicker.e-popup,
2875
- .e-bigger.e-small.e-daterangepicker.e-popup {
2137
+ .e-daterangepicker.e-popup {
2876
2138
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2877
2139
  }
2878
- .e-daterangepicker.e-popup .e-calendar,
2879
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
2880
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
2140
+ .e-daterangepicker.e-popup .e-calendar {
2881
2141
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2882
2142
  }
2883
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2884
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2885
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
2886
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
2887
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2143
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
2888
2144
  color: rgba(var(--color-sf-on-surface));
2889
2145
  text-decoration: none;
2890
2146
  }
2891
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2892
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
2893
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2147
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
2894
2148
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2895
2149
  color: rgba(var(--color-sf-on-surface));
2896
2150
  }
2897
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2898
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
2899
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2151
+ .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
2900
2152
  background: transparent;
2901
2153
  border: 1px solid rgba(var(--color-sf-primary));
2902
2154
  color: rgba(var(--color-sf-primary));
2903
2155
  }
2904
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2905
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
2906
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2156
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
2907
2157
  background: transparent;
2908
2158
  border: none;
2909
2159
  color: rgba(var(--color-sf-on-surface));
2910
2160
  }
2911
- .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,
2912
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2913
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2914
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2915
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
2916
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
2917
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
2161
+ .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 {
2918
2162
  background: rgba(var(--color-sf-on-surface), 0.05);
2919
2163
  border: none;
2920
2164
  color: rgba(var(--color-sf-on-surface));
2921
2165
  }
2922
- .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,
2923
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2924
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2925
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2926
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
2927
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
2928
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
2929
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
2930
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
2166
+ .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 {
2931
2167
  border: 1px solid rgba(var(--color-sf-primary));
2932
2168
  }
2933
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2934
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
2935
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2169
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
2936
2170
  border: 1px solid rgba(var(--color-sf-primary));
2937
2171
  }
2938
- .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,
2939
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2940
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2941
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2942
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2943
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2944
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
2945
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2946
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
2947
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
2948
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
2949
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2950
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
2172
+ .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 {
2951
2173
  background: transparent;
2952
2174
  border: none;
2953
2175
  color: rgba(var(--color-sf-on-surface-variant));
2954
2176
  }
2955
- .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,
2956
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2957
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
2958
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
2959
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
2177
+ .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 {
2960
2178
  background: transparent;
2961
2179
  border: none;
2962
2180
  color: rgba(var(--color-sf-on-surface-variant));
2963
2181
  }
2964
- .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,
2965
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2966
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
2967
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
2968
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
2182
+ .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 {
2969
2183
  background: rgba(var(--color-sf-primary));
2970
2184
  color: rgba(var(--color-sf-on-primary));
2971
2185
  }
2972
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2973
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
2974
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2186
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
2975
2187
  background: rgba(var(--color-sf-primary));
2976
2188
  color: rgba(var(--color-sf-on-primary));
2977
2189
  }
2978
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2979
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
2980
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2190
+ .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
2981
2191
  color: rgba(var(--color-sf-on-primary));
2982
2192
  }
2983
- .e-daterangepicker.e-popup .e-presets,
2984
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
2985
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
2193
+ .e-daterangepicker.e-popup .e-presets {
2986
2194
  background: transparent;
2987
2195
  color: rgba(var(--color-sf-on-surface));
2988
2196
  }
2989
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2990
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
2991
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2197
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
2992
2198
  background: rgba(var(--color-sf-primary-container));
2993
2199
  color: rgba(var(--color-sf-on-surface));
2994
2200
  }
2995
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2996
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
2997
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2201
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
2998
2202
  background: rgba(var(--color-sf-on-surface), 0.08);
2999
2203
  color: rgba(var(--color-sf-on-surface));
3000
2204
  }
3001
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label,
3002
- .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
3003
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
3004
- .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
3005
- .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
2205
+ .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
3006
2206
  color: rgba(var(--color-sf-on-surface));
3007
2207
  }
3008
- .e-daterangepicker.e-popup .e-change-icon,
3009
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
3010
- .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
2208
+ .e-daterangepicker.e-popup .e-change-icon {
3011
2209
  color: rgba(var(--color-sf-on-surface-variant));
3012
2210
  }
3013
- .e-daterangepicker.e-popup .e-day-span,
3014
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
3015
- .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
2211
+ .e-daterangepicker.e-popup .e-day-span {
3016
2212
  color: rgba(var(--color-sf-on-surface-variant));
3017
2213
  }
3018
- .e-daterangepicker.e-popup .e-separator,
3019
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
3020
- .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
2214
+ .e-daterangepicker.e-popup .e-separator {
3021
2215
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3022
2216
  }
3023
- .e-daterangepicker.e-popup .e-footer,
3024
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
3025
- .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
2217
+ .e-daterangepicker.e-popup .e-footer {
3026
2218
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3027
2219
  border-bottom-left-radius: 8px;
3028
2220
  border-bottom-right-radius: 8px;
3029
2221
  }
3030
- .e-bigger .e-daterangepicker,
3031
- *.e-bigger.e-daterangepicker,
3032
- *.e-device.e-daterangepicker {
3033
- background: initial;
3034
- padding: 0;
3035
- }
3036
- .e-bigger .e-daterangepicker .e-calendar th,
3037
- *.e-bigger.e-daterangepicker .e-calendar th,
3038
- *.e-device.e-daterangepicker .e-calendar th {
3039
- color: rgba(var(--color-sf-on-surface-variant));
3040
- }
3041
- .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn,
3042
- *.e-bigger.e-daterangepicker .e-start-btn,
3043
- *.e-bigger.e-daterangepicker .e-end-btn,
3044
- *.e-device.e-daterangepicker .e-start-btn,
3045
- *.e-device.e-daterangepicker .e-end-btn {
3046
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
3047
- }
3048
- .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,
3049
- *.e-bigger.e-daterangepicker .e-start-btn.e-active,
3050
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
3051
- *.e-bigger.e-daterangepicker .e-end-btn.e-active,
3052
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
3053
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
3054
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
3055
- *.e-device.e-daterangepicker .e-start-btn.e-active,
3056
- *.e-device.e-daterangepicker .e-start-btn.e-active:active,
3057
- *.e-device.e-daterangepicker .e-end-btn.e-active,
3058
- *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
3059
- *.e-device.e-daterangepicker .e-start-btn.e-active:hover,
3060
- *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
3061
- background: rgba(var(--color-sf-primary));
3062
- color: rgba(var(--color-sf-on-primary));
3063
- }
3064
-
3065
2222
  .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
3066
2223
  background-color: rgba(var(--color-sf-primary));
3067
2224
  color: rgba(var(--color-sf-on-primary));
@@ -3070,22 +2227,6 @@ ejs-calendar {
3070
2227
  color: rgba(var(--color-sf-on-primary));
3071
2228
  }
3072
2229
 
3073
- /* stylelint-disable property-no-vendor-prefix */
3074
- @keyframes e-input-ripple {
3075
- 100% {
3076
- opacity: 0;
3077
- transform: scale(4);
3078
- }
3079
- }
3080
- @keyframes slideTopUp {
3081
- from {
3082
- transform: translate3d(0, 0, 0) scale(1);
3083
- }
3084
- to {
3085
- transform: translate3d(0, 0, 0) scale(1);
3086
- }
3087
- }
3088
- /* stylelint-disable-line no-empty-source */
3089
2230
  /*! component icons */
3090
2231
  .e-datetime-wrapper .e-time-icon.e-icons::before {
3091
2232
  content: "\e705";
@@ -3135,6 +2276,29 @@ ejs-calendar {
3135
2276
  margin: 0;
3136
2277
  }
3137
2278
 
2279
+ .e-datetime-mob-popup-wrap {
2280
+ -ms-flex-align: center;
2281
+ align-items: center;
2282
+ display: -ms-flexbox;
2283
+ display: flex;
2284
+ -ms-flex-direction: column;
2285
+ flex-direction: column;
2286
+ height: 100%;
2287
+ -ms-flex-pack: center;
2288
+ justify-content: center;
2289
+ left: 0;
2290
+ max-height: 100%;
2291
+ position: fixed;
2292
+ top: 0;
2293
+ width: 100%;
2294
+ z-index: 1002;
2295
+ }
2296
+ .e-datetime-mob-popup-wrap .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
2297
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
2298
+ position: relative;
2299
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
2300
+ }
2301
+
3138
2302
  .e-datetimepicker.e-time-modal {
3139
2303
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
3140
2304
  height: 100%;
@@ -3179,34 +2343,6 @@ ejs-calendar {
3179
2343
  text-indent: 16px;
3180
2344
  }
3181
2345
 
3182
- .e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
3183
- *.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
3184
- font-size: 20px;
3185
- }
3186
- .e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
3187
- *.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3188
- margin: 0;
3189
- min-height: 38px;
3190
- min-width: 38px;
3191
- border-radius: 20px;
3192
- }
3193
-
3194
- .e-bigger.e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon,
3195
- *.e-bigger .e-datetime-wrapper:not(.e-outline).e-rtl .e-input-group-icon.e-time-icon {
3196
- margin: 0;
3197
- }
3198
-
3199
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
3200
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
3201
- padding: 0;
3202
- }
3203
- .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3204
- *.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3205
- font-size: 14px;
3206
- line-height: 48px;
3207
- text-indent: 16px;
3208
- }
3209
-
3210
2346
  .e-small .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3211
2347
  *.e-small.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3212
2348
  font-size: 12px;
@@ -3214,13 +2350,6 @@ ejs-calendar {
3214
2350
  text-indent: 12px;
3215
2351
  }
3216
2352
 
3217
- .e-small.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
3218
- *.e-small.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
3219
- font-size: 13px;
3220
- line-height: 40px;
3221
- text-indent: 16px;
3222
- }
3223
-
3224
2353
  .e-small.e-datetime-wrapper .e-time-icon.e-icons::before,
3225
2354
  *.e-small .e-datetime-wrapper .e-time-icon.e-icons::before {
3226
2355
  font-size: 16px;
@@ -3233,29 +2362,11 @@ ejs-calendar {
3233
2362
  margin: 0;
3234
2363
  }
3235
2364
 
3236
- .e-small.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
3237
- *.e-small.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
3238
- font-size: 20px;
3239
- }
3240
- .e-small.e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
3241
- *.e-small.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
3242
- min-height: 34px;
3243
- min-width: 34px;
3244
- border-radius: 20px;
3245
- margin: 0;
3246
- }
3247
-
3248
2365
  .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3249
2366
  background-size: 250px 33px;
3250
2367
  min-height: 33px;
3251
2368
  }
3252
2369
 
3253
- .e-bigger .e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker,
3254
- .e-bigger.e-content-placeholder.e-datetimepicker.e-placeholder-datetimepicker {
3255
- background-size: 250px 40px;
3256
- min-height: 40px;
3257
- }
3258
-
3259
2370
  .e-datetimepicker.e-popup-expand.e-popup {
3260
2371
  position: fixed;
3261
2372
  }