@syncfusion/ej2-calendars 21.2.8 → 21.2.10-11964

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 (467) hide show
  1. package/CHANGELOG.md +1237 -1235
  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 +54 -50
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +131 -126
  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 +86 -86
  17. package/src/calendar/calendar-model.d.ts +277 -277
  18. package/src/calendar/calendar.d.ts +19 -20
  19. package/src/calendar/calendar.js +27 -28
  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 +284 -284
  23. package/src/datepicker/datepicker.d.ts +11 -11
  24. package/src/datepicker/datepicker.js +35 -30
  25. package/src/daterangepicker/daterangepicker-model.d.ts +423 -423
  26. package/src/daterangepicker/daterangepicker.d.ts +1 -2
  27. package/src/daterangepicker/daterangepicker.js +22 -22
  28. package/src/datetimepicker/datetimepicker-model.d.ts +446 -446
  29. package/src/datetimepicker/datetimepicker.d.ts +1 -1
  30. package/src/datetimepicker/datetimepicker.js +20 -20
  31. package/src/maskbase/masked-date-time.d.ts +2 -0
  32. package/src/maskbase/masked-date-time.js +7 -4
  33. package/src/timepicker/timepicker-model.d.ts +329 -329
  34. package/src/timepicker/timepicker.d.ts +3 -4
  35. package/src/timepicker/timepicker.js +23 -25
  36. package/styles/bootstrap-dark.css +1000 -1052
  37. package/styles/bootstrap-dark.scss +20 -5
  38. package/styles/bootstrap.css +1002 -1055
  39. package/styles/bootstrap.scss +20 -5
  40. package/styles/bootstrap4.css +987 -1048
  41. package/styles/bootstrap4.scss +20 -5
  42. package/styles/bootstrap5-dark.css +990 -1071
  43. package/styles/bootstrap5-dark.scss +20 -5
  44. package/styles/bootstrap5.css +990 -1071
  45. package/styles/bootstrap5.scss +20 -5
  46. package/styles/calendar/_all.scss +2 -2
  47. package/styles/calendar/_bds-definition.scss +273 -0
  48. package/styles/calendar/_bigger.scss +1156 -0
  49. package/styles/calendar/_bootstrap-dark-definition.scss +238 -228
  50. package/styles/calendar/_bootstrap-definition.scss +238 -228
  51. package/styles/calendar/_bootstrap4-definition.scss +238 -228
  52. package/styles/calendar/_bootstrap5-definition.scss +258 -250
  53. package/styles/calendar/_bootstrap5.3-definition.scss +260 -0
  54. package/styles/calendar/_fabric-dark-definition.scss +202 -192
  55. package/styles/calendar/_fabric-definition.scss +200 -190
  56. package/styles/calendar/_fluent-definition.scss +264 -252
  57. package/styles/calendar/_fluent2-definition.scss +294 -0
  58. package/styles/calendar/_fusionnew-definition.scss +260 -250
  59. package/styles/calendar/_highcontrast-definition.scss +199 -189
  60. package/styles/calendar/_highcontrast-light-definition.scss +202 -192
  61. package/styles/calendar/_layout.scss +582 -741
  62. package/styles/calendar/_material-dark-definition.scss +204 -194
  63. package/styles/calendar/_material-definition.scss +199 -189
  64. package/styles/calendar/_material3-dark-definition.scss +1 -0
  65. package/styles/calendar/_material3-definition.scss +196 -0
  66. package/styles/calendar/_tailwind-definition.scss +271 -262
  67. package/styles/calendar/_tailwind4-definition.scss +262 -0
  68. package/styles/calendar/_theme.scss +721 -533
  69. package/styles/calendar/bootstrap-dark.css +120 -373
  70. package/styles/calendar/bootstrap-dark.scss +1 -1
  71. package/styles/calendar/bootstrap.css +119 -372
  72. package/styles/calendar/bootstrap.scss +1 -1
  73. package/styles/calendar/bootstrap4.css +119 -372
  74. package/styles/calendar/bootstrap4.scss +1 -1
  75. package/styles/calendar/bootstrap5-dark.css +121 -393
  76. package/styles/calendar/bootstrap5-dark.scss +1 -1
  77. package/styles/calendar/bootstrap5.css +121 -393
  78. package/styles/calendar/bootstrap5.scss +1 -1
  79. package/styles/calendar/fabric-dark.css +121 -375
  80. package/styles/calendar/fabric-dark.scss +1 -1
  81. package/styles/calendar/fabric.css +124 -379
  82. package/styles/calendar/fabric.scss +1 -1
  83. package/styles/calendar/fluent-dark.css +139 -421
  84. package/styles/calendar/fluent-dark.scss +1 -1
  85. package/styles/calendar/fluent.css +139 -421
  86. package/styles/calendar/fluent.scss +1 -1
  87. package/styles/calendar/fluent2.css +1747 -0
  88. package/styles/calendar/fluent2.scss +5 -0
  89. package/styles/calendar/highcontrast-light.css +120 -373
  90. package/styles/calendar/highcontrast-light.scss +1 -1
  91. package/styles/calendar/highcontrast.css +124 -379
  92. package/styles/calendar/highcontrast.scss +1 -1
  93. package/styles/calendar/icons/_bds.scss +13 -0
  94. package/styles/calendar/icons/_bootstrap-dark.scss +13 -13
  95. package/styles/calendar/icons/_bootstrap.scss +13 -13
  96. package/styles/calendar/icons/_bootstrap4.scss +13 -13
  97. package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
  98. package/styles/calendar/icons/_bootstrap5.scss +13 -13
  99. package/styles/calendar/icons/_fabric-dark.scss +13 -13
  100. package/styles/calendar/icons/_fabric.scss +13 -13
  101. package/styles/calendar/icons/_fluent.scss +13 -13
  102. package/styles/calendar/icons/_fluent2.scss +13 -0
  103. package/styles/calendar/icons/_fusionnew.scss +13 -13
  104. package/styles/calendar/icons/_highcontrast-light.scss +13 -13
  105. package/styles/calendar/icons/_highcontrast.scss +13 -13
  106. package/styles/calendar/icons/_material-dark.scss +13 -13
  107. package/styles/calendar/icons/_material.scss +13 -13
  108. package/styles/calendar/icons/_material3-dark.scss +1 -0
  109. package/styles/calendar/icons/_material3.scss +13 -13
  110. package/styles/calendar/icons/_tailwind.scss +13 -13
  111. package/styles/calendar/icons/_tailwind4.scss +13 -0
  112. package/styles/calendar/material-dark.css +121 -377
  113. package/styles/calendar/material-dark.scss +1 -1
  114. package/styles/calendar/material.css +122 -378
  115. package/styles/calendar/material.scss +1 -1
  116. package/styles/calendar/material3-dark.css +638 -0
  117. package/styles/calendar/material3-dark.scss +6 -0
  118. package/styles/calendar/material3.css +694 -0
  119. package/styles/calendar/material3.scss +6 -0
  120. package/styles/calendar/tailwind-dark.css +122 -426
  121. package/styles/calendar/tailwind-dark.scss +1 -1
  122. package/styles/calendar/tailwind.css +122 -426
  123. package/styles/calendar/tailwind.scss +1 -1
  124. package/styles/datepicker/_all.scss +2 -2
  125. package/styles/datepicker/_bds-definition.scss +105 -0
  126. package/styles/datepicker/_bigger.scss +82 -0
  127. package/styles/datepicker/_bootstrap-dark-definition.scss +97 -37
  128. package/styles/datepicker/_bootstrap-definition.scss +96 -34
  129. package/styles/datepicker/_bootstrap4-definition.scss +101 -40
  130. package/styles/datepicker/_bootstrap5-definition.scss +107 -46
  131. package/styles/datepicker/_bootstrap5.3-definition.scss +108 -0
  132. package/styles/datepicker/_fabric-dark-definition.scss +98 -37
  133. package/styles/datepicker/_fabric-definition.scss +95 -34
  134. package/styles/datepicker/_fluent-definition.scss +107 -46
  135. package/styles/datepicker/_fluent2-definition.scss +118 -0
  136. package/styles/datepicker/_fusionnew-definition.scss +107 -46
  137. package/styles/datepicker/_highcontrast-definition.scss +96 -35
  138. package/styles/datepicker/_highcontrast-light-definition.scss +99 -38
  139. package/styles/datepicker/_layout.scss +459 -260
  140. package/styles/datepicker/_material-dark-definition.scss +103 -42
  141. package/styles/datepicker/_material-definition.scss +100 -39
  142. package/styles/datepicker/_material3-dark-definition.scss +1 -0
  143. package/styles/datepicker/_material3-definition.scss +97 -0
  144. package/styles/datepicker/_tailwind-definition.scss +105 -44
  145. package/styles/datepicker/_tailwind4-definition.scss +108 -0
  146. package/styles/datepicker/_theme.scss +48 -54
  147. package/styles/datepicker/bootstrap-dark.css +288 -45
  148. package/styles/datepicker/bootstrap-dark.scss +1 -1
  149. package/styles/datepicker/bootstrap.css +288 -45
  150. package/styles/datepicker/bootstrap.scss +1 -1
  151. package/styles/datepicker/bootstrap4.css +287 -47
  152. package/styles/datepicker/bootstrap4.scss +1 -1
  153. package/styles/datepicker/bootstrap5-dark.css +285 -44
  154. package/styles/datepicker/bootstrap5-dark.scss +1 -1
  155. package/styles/datepicker/bootstrap5.css +285 -44
  156. package/styles/datepicker/bootstrap5.scss +1 -1
  157. package/styles/datepicker/fabric-dark.css +281 -45
  158. package/styles/datepicker/fabric-dark.scss +1 -1
  159. package/styles/datepicker/fabric.css +281 -45
  160. package/styles/datepicker/fabric.scss +1 -1
  161. package/styles/datepicker/fluent-dark.css +284 -44
  162. package/styles/datepicker/fluent-dark.scss +1 -1
  163. package/styles/datepicker/fluent.css +284 -44
  164. package/styles/datepicker/fluent.scss +1 -1
  165. package/styles/datepicker/fluent2.css +1617 -0
  166. package/styles/datepicker/fluent2.scss +7 -0
  167. package/styles/datepicker/highcontrast-light.css +286 -44
  168. package/styles/datepicker/highcontrast-light.scss +1 -1
  169. package/styles/datepicker/highcontrast.css +286 -44
  170. package/styles/datepicker/highcontrast.scss +1 -1
  171. package/styles/datepicker/icons/_bds.scss +52 -0
  172. package/styles/datepicker/icons/_bootstrap-dark.scss +49 -52
  173. package/styles/datepicker/icons/_bootstrap.scss +50 -52
  174. package/styles/datepicker/icons/_bootstrap4.scss +52 -56
  175. package/styles/datepicker/icons/_bootstrap5.3.scss +52 -0
  176. package/styles/datepicker/icons/_bootstrap5.scss +52 -56
  177. package/styles/datepicker/icons/_fabric-dark.scss +43 -52
  178. package/styles/datepicker/icons/_fabric.scss +43 -52
  179. package/styles/datepicker/icons/_fluent.scss +52 -56
  180. package/styles/datepicker/icons/_fluent2.scss +52 -0
  181. package/styles/datepicker/icons/_fusionnew.scss +52 -56
  182. package/styles/datepicker/icons/_highcontrast-light.scss +50 -52
  183. package/styles/datepicker/icons/_highcontrast.scss +50 -52
  184. package/styles/datepicker/icons/_material-dark.scss +59 -86
  185. package/styles/datepicker/icons/_material.scss +59 -86
  186. package/styles/datepicker/icons/_material3-dark.scss +1 -0
  187. package/styles/datepicker/icons/_material3.scss +50 -56
  188. package/styles/datepicker/icons/_tailwind.scss +52 -56
  189. package/styles/datepicker/icons/_tailwind4.scss +52 -0
  190. package/styles/datepicker/material-dark.css +278 -60
  191. package/styles/datepicker/material-dark.scss +1 -1
  192. package/styles/datepicker/material.css +231 -96
  193. package/styles/datepicker/material.scss +1 -1
  194. package/styles/datepicker/material3-dark.css +491 -0
  195. package/styles/datepicker/material3-dark.scss +8 -0
  196. package/styles/datepicker/material3.css +547 -0
  197. package/styles/datepicker/material3.scss +8 -0
  198. package/styles/datepicker/tailwind-dark.css +284 -50
  199. package/styles/datepicker/tailwind-dark.scss +1 -1
  200. package/styles/datepicker/tailwind.css +284 -50
  201. package/styles/datepicker/tailwind.scss +1 -1
  202. package/styles/daterangepicker/_all.scss +2 -2
  203. package/styles/daterangepicker/_bds-definition.scss +294 -0
  204. package/styles/daterangepicker/_bigger.scss +971 -0
  205. package/styles/daterangepicker/_bootstrap-dark-definition.scss +258 -193
  206. package/styles/daterangepicker/_bootstrap-definition.scss +258 -193
  207. package/styles/daterangepicker/_bootstrap4-definition.scss +268 -203
  208. package/styles/daterangepicker/_bootstrap5-definition.scss +296 -231
  209. package/styles/daterangepicker/_bootstrap5.3-definition.scss +298 -0
  210. package/styles/daterangepicker/_fabric-dark-definition.scss +261 -196
  211. package/styles/daterangepicker/_fabric-definition.scss +258 -193
  212. package/styles/daterangepicker/_fluent-definition.scss +313 -240
  213. package/styles/daterangepicker/_fluent2-definition.scss +305 -0
  214. package/styles/daterangepicker/_fusionnew-definition.scss +295 -230
  215. package/styles/daterangepicker/_highcontrast-definition.scss +258 -193
  216. package/styles/daterangepicker/_highcontrast-light-definition.scss +261 -196
  217. package/styles/daterangepicker/_layout.scss +806 -821
  218. package/styles/daterangepicker/_material-dark-definition.scss +266 -201
  219. package/styles/daterangepicker/_material-definition.scss +266 -201
  220. package/styles/daterangepicker/_material3-dark-definition.scss +1 -0
  221. package/styles/daterangepicker/_material3-definition.scss +262 -0
  222. package/styles/daterangepicker/_tailwind-definition.scss +287 -222
  223. package/styles/daterangepicker/_tailwind4-definition.scss +308 -0
  224. package/styles/daterangepicker/_theme.scss +428 -435
  225. package/styles/daterangepicker/bootstrap-dark.css +387 -474
  226. package/styles/daterangepicker/bootstrap-dark.scss +1 -1
  227. package/styles/daterangepicker/bootstrap.css +387 -473
  228. package/styles/daterangepicker/bootstrap.scss +1 -1
  229. package/styles/daterangepicker/bootstrap4.css +386 -477
  230. package/styles/daterangepicker/bootstrap4.scss +1 -1
  231. package/styles/daterangepicker/bootstrap5-dark.css +392 -483
  232. package/styles/daterangepicker/bootstrap5-dark.scss +1 -1
  233. package/styles/daterangepicker/bootstrap5.css +392 -483
  234. package/styles/daterangepicker/bootstrap5.scss +1 -1
  235. package/styles/daterangepicker/fabric-dark.css +387 -468
  236. package/styles/daterangepicker/fabric-dark.scss +1 -1
  237. package/styles/daterangepicker/fabric.css +388 -469
  238. package/styles/daterangepicker/fabric.scss +1 -1
  239. package/styles/daterangepicker/fluent-dark.css +396 -504
  240. package/styles/daterangepicker/fluent-dark.scss +1 -1
  241. package/styles/daterangepicker/fluent.css +396 -504
  242. package/styles/daterangepicker/fluent.scss +1 -1
  243. package/styles/daterangepicker/fluent2.css +1998 -0
  244. package/styles/daterangepicker/fluent2.scss +7 -0
  245. package/styles/daterangepicker/highcontrast-light.css +389 -470
  246. package/styles/daterangepicker/highcontrast-light.scss +1 -1
  247. package/styles/daterangepicker/highcontrast.css +389 -470
  248. package/styles/daterangepicker/highcontrast.scss +1 -1
  249. package/styles/daterangepicker/icons/_bds.scss +74 -0
  250. package/styles/daterangepicker/icons/_bootstrap-dark.scss +61 -65
  251. package/styles/daterangepicker/icons/_bootstrap.scss +69 -65
  252. package/styles/daterangepicker/icons/_bootstrap4.scss +75 -74
  253. package/styles/daterangepicker/icons/_bootstrap5.3.scss +74 -0
  254. package/styles/daterangepicker/icons/_bootstrap5.scss +74 -72
  255. package/styles/daterangepicker/icons/_fabric-dark.scss +69 -65
  256. package/styles/daterangepicker/icons/_fabric.scss +69 -65
  257. package/styles/daterangepicker/icons/_fluent.scss +74 -72
  258. package/styles/daterangepicker/icons/_fluent2.scss +91 -0
  259. package/styles/daterangepicker/icons/_fusionnew.scss +74 -72
  260. package/styles/daterangepicker/icons/_highcontrast-light.scss +69 -65
  261. package/styles/daterangepicker/icons/_highcontrast.scss +69 -65
  262. package/styles/daterangepicker/icons/_material-dark.scss +85 -99
  263. package/styles/daterangepicker/icons/_material.scss +85 -99
  264. package/styles/daterangepicker/icons/_material3-dark.scss +1 -0
  265. package/styles/daterangepicker/icons/_material3.scss +90 -99
  266. package/styles/daterangepicker/icons/_tailwind.scss +74 -72
  267. package/styles/daterangepicker/icons/_tailwind4.scss +74 -0
  268. package/styles/daterangepicker/material-dark.css +388 -487
  269. package/styles/daterangepicker/material-dark.scss +1 -1
  270. package/styles/daterangepicker/material.css +344 -560
  271. package/styles/daterangepicker/material.scss +1 -1
  272. package/styles/daterangepicker/material3-dark.css +888 -0
  273. package/styles/daterangepicker/material3-dark.scss +8 -0
  274. package/styles/daterangepicker/material3.css +944 -0
  275. package/styles/daterangepicker/material3.scss +8 -0
  276. package/styles/daterangepicker/tailwind-dark.css +388 -476
  277. package/styles/daterangepicker/tailwind-dark.scss +1 -1
  278. package/styles/daterangepicker/tailwind.css +388 -476
  279. package/styles/daterangepicker/tailwind.scss +1 -1
  280. package/styles/datetimepicker/_all.scss +2 -2
  281. package/styles/datetimepicker/_bds-definition.scss +65 -0
  282. package/styles/datetimepicker/_bigger.scss +105 -0
  283. package/styles/datetimepicker/_bootstrap-dark-definition.scss +60 -55
  284. package/styles/datetimepicker/_bootstrap-definition.scss +59 -54
  285. package/styles/datetimepicker/_bootstrap4-definition.scss +65 -60
  286. package/styles/datetimepicker/_bootstrap5-definition.scss +65 -60
  287. package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
  288. package/styles/datetimepicker/_fabric-dark-definition.scss +60 -55
  289. package/styles/datetimepicker/_fabric-definition.scss +57 -52
  290. package/styles/datetimepicker/_fluent-definition.scss +65 -60
  291. package/styles/datetimepicker/_fluent2-definition.scss +65 -0
  292. package/styles/datetimepicker/_fusionnew-definition.scss +65 -60
  293. package/styles/datetimepicker/_highcontrast-definition.scss +57 -52
  294. package/styles/datetimepicker/_highcontrast-light-definition.scss +60 -55
  295. package/styles/datetimepicker/_layout.scss +179 -195
  296. package/styles/datetimepicker/_material-dark-definition.scss +64 -59
  297. package/styles/datetimepicker/_material-definition.scss +62 -57
  298. package/styles/datetimepicker/_material3-dark-definition.scss +1 -0
  299. package/styles/datetimepicker/_material3-definition.scss +61 -0
  300. package/styles/datetimepicker/_tailwind-definition.scss +65 -60
  301. package/styles/datetimepicker/_tailwind4-definition.scss +70 -0
  302. package/styles/datetimepicker/_theme.scss +95 -70
  303. package/styles/datetimepicker/bootstrap-dark.css +29 -42
  304. package/styles/datetimepicker/bootstrap-dark.scss +1 -1
  305. package/styles/datetimepicker/bootstrap.css +29 -42
  306. package/styles/datetimepicker/bootstrap.scss +1 -1
  307. package/styles/datetimepicker/bootstrap4.css +29 -42
  308. package/styles/datetimepicker/bootstrap4.scss +1 -1
  309. package/styles/datetimepicker/bootstrap5-dark.css +29 -42
  310. package/styles/datetimepicker/bootstrap5-dark.scss +1 -1
  311. package/styles/datetimepicker/bootstrap5.css +29 -42
  312. package/styles/datetimepicker/bootstrap5.scss +1 -1
  313. package/styles/datetimepicker/fabric-dark.css +29 -42
  314. package/styles/datetimepicker/fabric-dark.scss +1 -1
  315. package/styles/datetimepicker/fabric.css +29 -42
  316. package/styles/datetimepicker/fabric.scss +1 -1
  317. package/styles/datetimepicker/fluent-dark.css +29 -42
  318. package/styles/datetimepicker/fluent-dark.scss +1 -1
  319. package/styles/datetimepicker/fluent.css +29 -42
  320. package/styles/datetimepicker/fluent.scss +1 -1
  321. package/styles/datetimepicker/fluent2.css +1373 -0
  322. package/styles/datetimepicker/fluent2.scss +8 -0
  323. package/styles/datetimepicker/highcontrast-light.css +29 -42
  324. package/styles/datetimepicker/highcontrast-light.scss +1 -1
  325. package/styles/datetimepicker/highcontrast.css +29 -42
  326. package/styles/datetimepicker/highcontrast.scss +1 -1
  327. package/styles/datetimepicker/icons/_bds.scss +11 -0
  328. package/styles/datetimepicker/icons/_bootstrap-dark.scss +11 -11
  329. package/styles/datetimepicker/icons/_bootstrap.scss +11 -11
  330. package/styles/datetimepicker/icons/_bootstrap4.scss +11 -11
  331. package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
  332. package/styles/datetimepicker/icons/_bootstrap5.scss +11 -11
  333. package/styles/datetimepicker/icons/_fabric-dark.scss +11 -11
  334. package/styles/datetimepicker/icons/_fabric.scss +11 -11
  335. package/styles/datetimepicker/icons/_fluent.scss +11 -11
  336. package/styles/datetimepicker/icons/_fluent2.scss +11 -0
  337. package/styles/datetimepicker/icons/_fusionnew.scss +11 -11
  338. package/styles/datetimepicker/icons/_highcontrast-light.scss +11 -11
  339. package/styles/datetimepicker/icons/_highcontrast.scss +11 -11
  340. package/styles/datetimepicker/icons/_material-dark.scss +31 -53
  341. package/styles/datetimepicker/icons/_material.scss +40 -62
  342. package/styles/datetimepicker/icons/_material3-dark.scss +1 -0
  343. package/styles/datetimepicker/icons/_material3.scss +11 -11
  344. package/styles/datetimepicker/icons/_tailwind.scss +11 -11
  345. package/styles/datetimepicker/icons/_tailwind4.scss +11 -0
  346. package/styles/datetimepicker/material-dark.css +29 -67
  347. package/styles/datetimepicker/material-dark.scss +1 -1
  348. package/styles/datetimepicker/material.css +29 -67
  349. package/styles/datetimepicker/material.scss +1 -1
  350. package/styles/datetimepicker/material3-dark.css +252 -0
  351. package/styles/datetimepicker/material3-dark.scss +9 -0
  352. package/styles/datetimepicker/material3.css +308 -0
  353. package/styles/datetimepicker/material3.scss +9 -0
  354. package/styles/datetimepicker/tailwind-dark.css +29 -43
  355. package/styles/datetimepicker/tailwind-dark.scss +1 -1
  356. package/styles/datetimepicker/tailwind.css +29 -43
  357. package/styles/datetimepicker/tailwind.scss +1 -1
  358. package/styles/fabric-dark.css +1002 -1056
  359. package/styles/fabric-dark.scss +20 -5
  360. package/styles/fabric.css +1003 -1060
  361. package/styles/fabric.scss +20 -5
  362. package/styles/fluent-dark.css +1024 -1133
  363. package/styles/fluent-dark.scss +20 -5
  364. package/styles/fluent.css +1024 -1133
  365. package/styles/fluent.scss +20 -5
  366. package/styles/fluent2.css +3549 -0
  367. package/styles/fluent2.scss +20 -0
  368. package/styles/highcontrast-light.css +1010 -1057
  369. package/styles/highcontrast-light.scss +20 -5
  370. package/styles/highcontrast.css +1009 -1060
  371. package/styles/highcontrast.scss +20 -5
  372. package/styles/material-dark.css +967 -1116
  373. package/styles/material-dark.scss +20 -5
  374. package/styles/material.css +833 -1208
  375. package/styles/material.scss +20 -5
  376. package/styles/material3-dark.css +2354 -0
  377. package/styles/material3-dark.scss +22 -0
  378. package/styles/material3.css +2410 -0
  379. package/styles/material3.scss +22 -0
  380. package/styles/tailwind-dark.css +988 -1106
  381. package/styles/tailwind-dark.scss +20 -5
  382. package/styles/tailwind.css +988 -1106
  383. package/styles/tailwind.scss +20 -5
  384. package/styles/timepicker/_all.scss +2 -2
  385. package/styles/timepicker/_bds-definition.scss +84 -0
  386. package/styles/timepicker/_bigger.scss +92 -0
  387. package/styles/timepicker/_bootstrap-dark-definition.scss +80 -52
  388. package/styles/timepicker/_bootstrap-definition.scss +77 -49
  389. package/styles/timepicker/_bootstrap4-definition.scss +85 -57
  390. package/styles/timepicker/_bootstrap5-definition.scss +86 -58
  391. package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
  392. package/styles/timepicker/_fabric-dark-definition.scss +80 -52
  393. package/styles/timepicker/_fabric-definition.scss +77 -49
  394. package/styles/timepicker/_fluent-definition.scss +86 -58
  395. package/styles/timepicker/_fluent2-definition.scss +84 -0
  396. package/styles/timepicker/_fusionnew-definition.scss +86 -58
  397. package/styles/timepicker/_highcontrast-definition.scss +77 -49
  398. package/styles/timepicker/_highcontrast-light-definition.scss +80 -52
  399. package/styles/timepicker/_layout.scss +227 -202
  400. package/styles/timepicker/_material-dark-definition.scss +84 -56
  401. package/styles/timepicker/_material-definition.scss +81 -53
  402. package/styles/timepicker/_material3-dark-definition.scss +1 -0
  403. package/styles/timepicker/_material3-definition.scss +83 -0
  404. package/styles/timepicker/_tailwind-definition.scss +84 -56
  405. package/styles/timepicker/_tailwind4-definition.scss +92 -0
  406. package/styles/timepicker/_theme.scss +134 -100
  407. package/styles/timepicker/bootstrap-dark.css +102 -42
  408. package/styles/timepicker/bootstrap-dark.scss +1 -1
  409. package/styles/timepicker/bootstrap.css +102 -42
  410. package/styles/timepicker/bootstrap.scss +1 -1
  411. package/styles/timepicker/bootstrap4.css +102 -42
  412. package/styles/timepicker/bootstrap4.scss +1 -1
  413. package/styles/timepicker/bootstrap5-dark.css +102 -42
  414. package/styles/timepicker/bootstrap5-dark.scss +1 -1
  415. package/styles/timepicker/bootstrap5.css +102 -42
  416. package/styles/timepicker/bootstrap5.scss +1 -1
  417. package/styles/timepicker/fabric-dark.css +102 -42
  418. package/styles/timepicker/fabric-dark.scss +1 -1
  419. package/styles/timepicker/fabric.css +102 -42
  420. package/styles/timepicker/fabric.scss +1 -1
  421. package/styles/timepicker/fluent-dark.css +102 -42
  422. package/styles/timepicker/fluent-dark.scss +1 -1
  423. package/styles/timepicker/fluent.css +102 -42
  424. package/styles/timepicker/fluent.scss +1 -1
  425. package/styles/timepicker/fluent2.css +1470 -0
  426. package/styles/timepicker/fluent2.scss +6 -0
  427. package/styles/timepicker/highcontrast-light.css +102 -42
  428. package/styles/timepicker/highcontrast-light.scss +1 -1
  429. package/styles/timepicker/highcontrast.css +102 -42
  430. package/styles/timepicker/highcontrast.scss +1 -1
  431. package/styles/timepicker/icons/_bds.scss +24 -0
  432. package/styles/timepicker/icons/_bootstrap-dark.scss +23 -11
  433. package/styles/timepicker/icons/_bootstrap.scss +24 -12
  434. package/styles/timepicker/icons/_bootstrap4.scss +24 -12
  435. package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
  436. package/styles/timepicker/icons/_bootstrap5.scss +24 -12
  437. package/styles/timepicker/icons/_fabric-dark.scss +24 -12
  438. package/styles/timepicker/icons/_fabric.scss +24 -12
  439. package/styles/timepicker/icons/_fluent.scss +24 -12
  440. package/styles/timepicker/icons/_fluent2.scss +24 -0
  441. package/styles/timepicker/icons/_fusionnew.scss +24 -12
  442. package/styles/timepicker/icons/_highcontrast-light.scss +24 -12
  443. package/styles/timepicker/icons/_highcontrast.scss +24 -12
  444. package/styles/timepicker/icons/_material-dark.scss +37 -40
  445. package/styles/timepicker/icons/_material.scss +39 -42
  446. package/styles/timepicker/icons/_material3-dark.scss +1 -0
  447. package/styles/timepicker/icons/_material3.scss +24 -12
  448. package/styles/timepicker/icons/_tailwind.scss +24 -12
  449. package/styles/timepicker/icons/_tailwind4.scss +24 -0
  450. package/styles/timepicker/material-dark.css +100 -58
  451. package/styles/timepicker/material-dark.scss +1 -1
  452. package/styles/timepicker/material.css +100 -58
  453. package/styles/timepicker/material.scss +1 -1
  454. package/styles/timepicker/material3-dark.css +349 -0
  455. package/styles/timepicker/material3-dark.scss +7 -0
  456. package/styles/timepicker/material3.css +405 -0
  457. package/styles/timepicker/material3.scss +7 -0
  458. package/styles/timepicker/tailwind-dark.css +102 -43
  459. package/styles/timepicker/tailwind-dark.scss +1 -1
  460. package/styles/timepicker/tailwind.css +102 -43
  461. package/styles/timepicker/tailwind.scss +1 -1
  462. package/.eslintrc.json +0 -259
  463. package/dist/ej2-calendars.min.js +0 -10
  464. package/dist/global/ej2-calendars.min.js +0 -11
  465. package/dist/global/ej2-calendars.min.js.map +0 -1
  466. package/dist/global/index.d.ts +0 -14
  467. package/tslint.json +0 -111
@@ -42,27 +42,21 @@
42
42
  content: "\e773";
43
43
  }
44
44
 
45
- .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 {
46
- font-size: 18px;
47
- margin: 0;
48
- min-height: 18px;
49
- min-width: 36px;
50
- outline: none;
51
- }
52
-
53
45
  .e-small .e-input-group-icon.e-range-icon,
54
46
  *.e-control-wrapper.e-small .e-input-group-icon.e-range-icon,
55
47
  *.e-small .e-control-wrapper .e-input-group-icon.e-range-icon {
56
48
  font-size: 14px;
57
49
  }
58
50
 
59
- .e-small.e-bigger .e-input-group-icon.e-range-icon,
60
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-range-icon,
61
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
62
- font-size: 18px;
51
+ .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 {
52
+ content: "\e7e7";
53
+ font-family: "e-icons";
54
+ }
55
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-range-header .e-apply::before, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup-expand .e-model-header .e-apply::before {
56
+ content: "\e774";
57
+ font-family: "e-icons";
63
58
  }
64
59
 
65
- /*! daterangepicker layout */
66
60
  .e-input-group.e-control-wrapper.e-date-range-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon,
67
61
  .e-float-input.e-control-wrapper.e-input-group.e-date-range-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon {
68
62
  display: -ms-flexbox;
@@ -84,35 +78,28 @@
84
78
  width: 0;
85
79
  }
86
80
 
87
- .e-daterangepicker.e-popup,
88
- .e-bigger.e-small .e-daterangepicker.e-popup {
81
+ .e-daterangepicker.e-popup {
89
82
  border: 1px solid #dee2e6;
90
83
  border-radius: 0;
91
84
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
92
85
  max-height: 500px;
93
86
  max-width: 730px;
94
87
  }
95
- .e-daterangepicker.e-popup.e-daterange-day-header-lg,
96
- .e-bigger.e-small .e-daterangepicker.e-popup.e-daterange-day-header-lg {
88
+ .e-daterangepicker.e-popup.e-daterange-day-header-lg {
97
89
  max-width: 100%;
98
90
  }
99
- .e-daterangepicker.e-popup.e-preset-wrapper,
100
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper {
91
+ .e-daterangepicker.e-popup.e-preset-wrapper {
101
92
  min-width: 625px;
102
93
  }
103
- .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
104
- .e-bigger.e-small .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
94
+ .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
105
95
  max-height: none;
106
96
  }
107
- .e-daterangepicker.e-popup .e-range-header,
108
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header {
97
+ .e-daterangepicker.e-popup .e-range-header {
109
98
  background: #fff;
110
99
  padding: 12px 0;
111
100
  width: auto;
112
101
  }
113
- .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label,
114
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-label,
115
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-end-label {
102
+ .e-daterangepicker.e-popup .e-range-header .e-start-label, .e-daterangepicker.e-popup .e-range-header .e-end-label {
116
103
  cursor: default;
117
104
  display: inline-block;
118
105
  font-size: 18px;
@@ -126,15 +113,13 @@
126
113
  white-space: nowrap;
127
114
  width: 48%;
128
115
  }
129
- .e-daterangepicker.e-popup .e-range-header .e-change-icon,
130
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-change-icon {
116
+ .e-daterangepicker.e-popup .e-range-header .e-change-icon {
131
117
  font-size: 14px;
132
118
  font-weight: 500;
133
119
  text-align: center;
134
120
  width: 4%;
135
121
  }
136
- .e-daterangepicker.e-popup .e-range-header .e-day-span,
137
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-day-span {
122
+ .e-daterangepicker.e-popup .e-range-header .e-day-span {
138
123
  direction: ltr;
139
124
  font-size: 12px;
140
125
  height: 18px;
@@ -145,31 +130,26 @@
145
130
  user-select: none;
146
131
  width: 100%;
147
132
  }
148
- .e-daterangepicker.e-popup .e-range-header .e-start-end,
149
- .e-bigger.e-small .e-daterangepicker.e-popup .e-range-header .e-start-end {
133
+ .e-daterangepicker.e-popup .e-range-header .e-start-end {
150
134
  -ms-flex-align: center;
151
135
  align-items: center;
152
136
  display: -ms-flexbox;
153
137
  display: flex;
154
138
  height: 28px;
155
139
  }
156
- .e-daterangepicker.e-popup .e-separator,
157
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator {
140
+ .e-daterangepicker.e-popup .e-separator {
158
141
  height: 1px;
159
142
  margin: 0;
160
143
  }
161
- .e-daterangepicker.e-popup .e-calendar,
162
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar {
144
+ .e-daterangepicker.e-popup .e-calendar {
163
145
  border: none;
164
146
  margin: 0;
165
147
  padding: 0 8px;
166
148
  }
167
- .e-daterangepicker.e-popup .e-calendar .e-content table,
168
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content table {
149
+ .e-daterangepicker.e-popup .e-calendar .e-content table {
169
150
  padding: 0;
170
151
  }
171
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
172
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
152
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
173
153
  cursor: pointer;
174
154
  line-height: 24px;
175
155
  width: auto;
@@ -177,46 +157,32 @@
177
157
  font-weight: 400;
178
158
  margin-left: 0;
179
159
  }
180
- .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,
181
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-month,
182
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-year,
183
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header.e-decade {
160
+ .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 {
184
161
  padding: 8px 5px;
185
162
  }
186
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
187
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
163
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
188
164
  float: right;
189
165
  }
190
- .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
191
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
166
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
192
167
  float: left;
193
168
  }
194
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev,
195
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
196
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
169
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
197
170
  height: 24px;
198
171
  width: 24px;
199
172
  }
200
- .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span,
201
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
202
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
173
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-next span, .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
203
174
  padding: 0;
204
175
  }
205
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover,
206
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
176
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
207
177
  border-radius: 50% 0 0 50%;
208
178
  }
209
- .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover,
210
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
179
+ .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
211
180
  border-radius: 0 50% 50% 0;
212
181
  }
213
- .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,
214
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
215
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
182
+ .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 {
216
183
  border: none;
217
184
  }
218
- .e-daterangepicker.e-popup .e-footer,
219
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer {
185
+ .e-daterangepicker.e-popup .e-footer {
220
186
  -ms-flex-align: center;
221
187
  align-items: center;
222
188
  border-top: 1px solid #dee2e6;
@@ -227,8 +193,7 @@
227
193
  flex-direction: row-reverse;
228
194
  height: 48px;
229
195
  }
230
- .e-daterangepicker.e-popup .e-footer .e-btn,
231
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn {
196
+ .e-daterangepicker.e-popup .e-footer .e-btn {
232
197
  font-weight: 500;
233
198
  height: 30px;
234
199
  line-height: 24px;
@@ -236,40 +201,31 @@
236
201
  padding: 0 16px;
237
202
  text-overflow: ellipsis;
238
203
  }
239
- .e-daterangepicker.e-popup .e-footer .e-btn.e-apply,
240
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
204
+ .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
241
205
  margin: 0 8px 0 8px;
242
206
  }
243
- .e-daterangepicker.e-popup .e-date-range-container,
244
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container {
207
+ .e-daterangepicker.e-popup .e-date-range-container {
245
208
  float: left;
246
209
  }
247
- .e-daterangepicker.e-popup .e-date-range-container.e-range-border,
248
- .e-bigger.e-small .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
210
+ .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
249
211
  border-right: 1px solid #dee2e6;
250
212
  }
251
- .e-daterangepicker.e-popup .e-calendar-container,
252
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container {
213
+ .e-daterangepicker.e-popup .e-calendar-container {
253
214
  display: -ms-flexbox;
254
215
  display: flex;
255
216
  }
256
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container,
257
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
258
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
217
+ .e-daterangepicker.e-popup .e-calendar-container .e-left-container, .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
259
218
  float: left;
260
219
  }
261
- .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
262
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
220
+ .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
263
221
  border-right: 1px solid #dee2e6;
264
222
  }
265
- .e-daterangepicker.e-popup .e-presets,
266
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets {
223
+ .e-daterangepicker.e-popup .e-presets {
267
224
  max-height: 192px;
268
225
  overflow: auto;
269
226
  width: auto;
270
227
  }
271
- .e-daterangepicker.e-popup .e-presets .e-list-item,
272
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item {
228
+ .e-daterangepicker.e-popup .e-presets .e-list-item {
273
229
  border-radius: 0;
274
230
  cursor: pointer;
275
231
  line-height: 48px;
@@ -278,304 +234,57 @@
278
234
  white-space: nowrap;
279
235
  text-overflow: ellipsis;
280
236
  }
281
- .e-daterangepicker.e-popup .e-presets .e-list-parent,
282
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-parent {
237
+ .e-daterangepicker.e-popup .e-presets .e-list-parent {
283
238
  margin: 0;
284
239
  max-width: 160px;
285
240
  padding: 0;
286
241
  }
287
- .e-daterangepicker.e-popup .e-presets .e-text-content,
288
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-text-content {
242
+ .e-daterangepicker.e-popup .e-presets .e-text-content {
289
243
  line-height: 47px;
290
244
  }
291
- .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item,
292
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
245
+ .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
293
246
  font-size: 12px;
294
247
  height: 36px;
295
248
  line-height: 36px;
296
249
  }
297
- .e-daterangepicker.e-popup .e-hide-range,
298
- .e-bigger.e-small .e-daterangepicker.e-popup .e-hide-range {
250
+ .e-daterangepicker.e-popup .e-hide-range {
299
251
  display: none;
300
252
  }
301
- .e-daterangepicker.e-rtl .e-date-range-container,
302
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container {
253
+ .e-daterangepicker.e-rtl .e-date-range-container {
303
254
  float: right;
304
255
  }
305
- .e-daterangepicker.e-rtl .e-date-range-container.e-range-border,
306
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
256
+ .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
307
257
  border-left: 1px solid #dee2e6;
308
258
  border-right: 0;
309
259
  }
310
- .e-daterangepicker.e-rtl .e-date-range-container .e-left-container,
311
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
260
+ .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
312
261
  border-left: 1px solid #dee2e6;
313
262
  border-right: 0;
314
263
  }
315
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next,
316
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
264
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
317
265
  float: left;
318
266
  }
319
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev,
320
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
267
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
321
268
  float: right;
322
269
  }
323
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover,
324
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
270
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
325
271
  border-radius: 0 50% 50% 0;
326
272
  }
327
- .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover,
328
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
273
+ .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
329
274
  border-radius: 50% 0 0 50%;
330
275
  }
331
- .e-daterangepicker.e-rtl .e-footer,
332
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer {
276
+ .e-daterangepicker.e-rtl .e-footer {
333
277
  -ms-flex-direction: row;
334
278
  flex-direction: row;
335
279
  -ms-flex-pack: end;
336
280
  justify-content: flex-end;
337
281
  }
338
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel,
339
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
340
- margin: 0 8px 0 8px;
341
- }
342
- .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply,
343
- .e-bigger.e-small .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
344
- margin-left: 0;
345
- }
346
-
347
- .e-bigger .e-daterangepicker.e-range-modal,
348
- *.e-device.e-daterangepicker.e-range-modal {
349
- background-color: #fff;
350
- height: 100%;
351
- left: 0;
352
- opacity: 0.5;
353
- pointer-events: auto;
354
- position: fixed;
355
- top: 0;
356
- width: 100%;
357
- z-index: 999;
358
- }
359
-
360
- .e-bigger.e-small .e-daterangepicker .e-calendar {
361
- max-width: 246px;
362
- }
363
-
364
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
365
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
366
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
367
- max-width: 770px;
368
- min-width: auto;
369
- }
370
- .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
371
- *.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
372
- *.e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
373
- max-height: none;
374
- }
375
- .e-bigger .e-daterangepicker.e-popup .e-range-header,
376
- *.e-bigger.e-daterangepicker.e-popup .e-range-header,
377
- *.e-device.e-daterangepicker.e-popup .e-range-header {
378
- margin: 12px 0;
379
- width: auto;
380
- }
381
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-change-icon,
382
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-change-icon,
383
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-change-icon {
384
- font-size: 18px;
385
- }
386
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
387
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
388
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
389
- -ms-flex-align: center;
390
- align-items: center;
391
- cursor: pointer;
392
- display: -ms-flexbox;
393
- display: flex;
394
- height: 36px;
395
- -ms-flex-pack: center;
396
- justify-content: center;
397
- -webkit-user-select: none;
398
- -ms-user-select: none;
399
- user-select: none;
400
- width: 100%;
401
- }
402
- .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,
403
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
404
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
405
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
406
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
407
- border: 1px solid #0d6efd;
408
- box-shadow: none;
409
- font-size: 14px;
410
- font-weight: 500;
411
- height: 36px;
412
- line-height: 34px;
413
- max-width: 116px;
414
- overflow: hidden;
415
- padding: 1px 6px;
416
- text-overflow: ellipsis;
417
- width: 50%;
418
- }
419
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
420
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
421
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
422
- border-left: 0;
423
- border-radius: 0 2px 2px 0;
424
- }
425
- .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
426
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
427
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
428
- border-radius: 2px 0 0 2px;
429
- }
430
- .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]),
431
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
432
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
433
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
434
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
435
- box-shadow: none;
436
- }
437
- .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,
438
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
439
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
440
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
441
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
442
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
443
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
444
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
445
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
446
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
447
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
448
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
449
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
450
- box-shadow: none;
451
- }
452
- .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,
453
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
454
- *.e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
455
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
456
- *.e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
457
- max-width: 141px;
458
- }
459
- .e-bigger .e-daterangepicker.e-popup .e-presets,
460
- *.e-bigger.e-daterangepicker.e-popup .e-presets,
461
- *.e-device.e-daterangepicker.e-popup .e-presets {
462
- max-height: 240px;
463
- }
464
- .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
465
- *.e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
466
- *.e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
467
- max-height: none;
468
- }
469
- .e-bigger .e-daterangepicker.e-popup .e-presets ul,
470
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul,
471
- *.e-device.e-daterangepicker.e-popup .e-presets ul {
472
- max-width: none;
473
- }
474
- .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
475
- *.e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
476
- *.e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
477
- font-size: 14px;
478
- height: 48px;
479
- line-height: 48px;
480
- padding: 0 16px;
481
- }
482
- .e-bigger .e-daterangepicker .e-calendar,
483
- *.e-bigger.e-daterangepicker .e-calendar,
484
- *.e-device.e-daterangepicker .e-calendar {
485
- max-width: 296px;
486
- padding: 0 8px;
487
- }
488
- .e-bigger .e-daterangepicker .e-calendar .e-content table,
489
- *.e-bigger.e-daterangepicker .e-calendar .e-content table,
490
- *.e-device.e-daterangepicker .e-calendar .e-content table {
491
- padding: 0;
492
- }
493
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
494
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
495
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
496
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next,
497
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev {
498
- height: 24px;
499
- width: 24px;
500
- }
501
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span, .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
502
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
503
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
504
- *.e-device.e-daterangepicker .e-calendar .e-header .e-next span,
505
- *.e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
506
- padding: 0;
507
- }
508
- .e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
509
- *.e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
510
- *.e-device.e-daterangepicker .e-calendar .e-header .e-title {
511
- cursor: pointer;
512
- line-height: 24px;
513
- }
514
- .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,
515
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
516
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-year,
517
- *.e-bigger.e-daterangepicker .e-calendar .e-header.e-decade,
518
- *.e-device.e-daterangepicker .e-calendar .e-header.e-month,
519
- *.e-device.e-daterangepicker .e-calendar .e-header.e-year,
520
- *.e-device.e-daterangepicker .e-calendar .e-header.e-decade {
521
- padding: 10px 5px;
522
- }
523
- .e-bigger .e-daterangepicker .e-footer,
524
- *.e-bigger.e-daterangepicker .e-footer,
525
- *.e-device.e-daterangepicker .e-footer {
526
- height: 58px;
527
- }
528
- .e-bigger .e-daterangepicker .e-footer .e-btn,
529
- *.e-bigger.e-daterangepicker .e-footer .e-btn,
530
- *.e-device.e-daterangepicker .e-footer .e-btn {
531
- height: 36px;
532
- line-height: 32px;
533
- overflow: hidden;
534
- }
535
- .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
536
- *.e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
537
- *.e-device.e-daterangepicker .e-footer .e-btn.e-apply {
538
- margin: 0 8px 0 8px;
539
- }
540
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
541
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
542
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
543
- border: 1px solid #0d6efd;
544
- border-radius: 2px 0 0 2px;
545
- border-right: 0;
546
- }
547
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
548
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
549
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
550
- border-radius: 0 2px 2px 0;
551
- }
552
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
553
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
554
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
282
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
555
283
  margin: 0 8px 0 8px;
556
284
  }
557
- .e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
558
- *.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
559
- *.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
285
+ .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
560
286
  margin-left: 0;
561
287
  }
562
- .e-bigger .e-daterangepicker.e-device.e-popup,
563
- *.e-bigger.e-daterangepicker.e-device.e-popup,
564
- *.e-device.e-daterangepicker.e-device.e-popup {
565
- max-width: 294px;
566
- }
567
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
568
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
569
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header {
570
- margin: 0;
571
- padding: 12px;
572
- }
573
- .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
574
- *.e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
575
- *.e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
576
- margin: 10px 0;
577
- margin-bottom: 0;
578
- }
579
288
 
580
289
  .e-small .e-daterangepicker.e-popup .e-range-header,
581
290
  *.e-small.e-daterangepicker.e-popup .e-range-header {
@@ -641,22 +350,324 @@
641
350
  top: 0 !important;
642
351
  left: 0 !important;
643
352
  }
353
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand.e-control.e-lib.e-device.e-popup-open {
354
+ min-height: 100%;
355
+ min-width: 100%;
356
+ height: 100%;
357
+ width: 100%;
358
+ }
359
+
644
360
  .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
645
361
  background-size: 250px 33px;
646
362
  min-height: 33px;
647
363
  }
648
364
 
649
- .e-bigger .e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker,
650
- .e-bigger.e-content-placeholder.e-daterangepicker.e-placeholder-daterangepicker {
651
- background-size: 250px 40px;
652
- min-height: 40px;
365
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container {
366
+ min-height: 100%;
367
+ min-width: 100%;
368
+ height: 100%;
369
+ width: 100%;
370
+ }
371
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
372
+ height: 20vh;
373
+ padding: 2vh 2vw;
374
+ margin: 0;
375
+ color: #343a40;
376
+ }
377
+ @media (max-device-width: 768px) {
378
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
379
+ font-size: 16px;
380
+ }
381
+ }
382
+ @media (min-device-width: 768px) {
383
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper {
384
+ font-size: 18px;
385
+ }
386
+ }
387
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-apply {
388
+ float: right;
389
+ }
390
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
391
+ margin: 3vh 0 0 0;
392
+ }
393
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
394
+ min-width: 100%;
395
+ width: 100%;
396
+ padding: 0;
397
+ overflow: unset;
398
+ }
399
+ @media (max-height: 600px) {
400
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
401
+ min-height: 100%;
402
+ height: 100%;
403
+ }
404
+ }
405
+ @media (min-height: 600px) {
406
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar {
407
+ min-height: 80vh;
408
+ height: 80vh;
409
+ }
410
+ }
411
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade {
412
+ height: 10vh;
413
+ border-style: solid;
414
+ border-width: 0 0 1px 0;
415
+ border-color: #dee2e6;
416
+ padding: 2vh 2vw;
417
+ line-height: 5vh;
418
+ }
419
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev {
420
+ height: 36px;
421
+ width: 36px;
422
+ }
423
+ @media (min-device-width: 768px) {
424
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-prev span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-prev span {
425
+ font-size: 18px;
426
+ padding: 11px;
427
+ }
428
+ }
429
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next {
430
+ height: 36px;
431
+ width: 36px;
432
+ }
433
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
434
+ padding: 10px;
435
+ line-height: 1;
436
+ }
437
+ @media (min-device-width: 768px) {
438
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-next span, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-next span {
439
+ font-size: 18px;
440
+ }
441
+ }
442
+ @media (max-height: 600px) {
443
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
444
+ line-height: 8vh;
445
+ }
446
+ }
447
+ @media (min-height: 600px) {
448
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
449
+ line-height: inherit;
450
+ }
451
+ }
452
+ @media (min-device-width: 768px) {
453
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-month .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-year .e-title, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-header.e-decade .e-title {
454
+ font-size: 18px;
455
+ }
456
+ }
457
+ @media (min-device-width: 768px) {
458
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar th {
459
+ font-size: 18px;
460
+ height: 48px;
461
+ }
462
+ }
463
+ @media (min-device-width: 768px) {
464
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-content span.e-day {
465
+ font-size: 18px;
466
+ height: 64px;
467
+ width: 64px;
468
+ line-height: 64px;
469
+ }
470
+ }
471
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
472
+ border-radius: 0;
473
+ }
474
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder {
475
+ height: 100%;
476
+ }
477
+ @media (max-height: 600px) {
478
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
479
+ min-height: 78vh;
480
+ height: 78vh;
481
+ }
482
+ }
483
+ @media (max-height: 600px) {
484
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
485
+ min-height: 78vh;
486
+ height: 78vh;
487
+ }
488
+ }
489
+ @media (max-height: 600px) {
490
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
491
+ min-height: 100%;
492
+ height: 100%;
493
+ }
494
+ }
495
+ @media (min-height: 600px) {
496
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
497
+ min-height: 80vh;
498
+ height: 80vh;
499
+ }
500
+ }
501
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-separator {
502
+ margin: 0;
503
+ }
504
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month {
505
+ height: 69vh;
506
+ }
507
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table {
508
+ padding: 0 2vw;
509
+ height: 69vh;
510
+ border-spacing: unset;
511
+ }
512
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-footer {
513
+ display: none;
514
+ }
515
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
516
+ max-height: 90%;
517
+ height: 90%;
518
+ }
519
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul {
520
+ height: 100%;
521
+ }
522
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
523
+ font-size: 16px;
524
+ }
525
+ @media (min-device-width: 768px) {
526
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets ul li.e-list-item {
527
+ font-size: 18px;
528
+ }
529
+ }
530
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap {
531
+ position: relative;
532
+ height: 100%;
533
+ }
534
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
535
+ height: 10%;
536
+ padding: 2.5vh 2.5vw 2.5vh 1.5vw;
537
+ display: -ms-flexbox;
538
+ display: flex;
539
+ -ms-flex-align: center;
540
+ align-items: center;
541
+ font-size: 3vh;
542
+ border-bottom: none;
543
+ }
544
+ @media (min-device-width: 768px) {
545
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
546
+ font-size: 18px;
547
+ }
548
+ }
549
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
550
+ float: left;
551
+ padding: 1vh 2vw;
552
+ }
553
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
554
+ padding: 1vh 2vw;
555
+ text-transform: capitalize;
653
556
  }
654
557
 
655
558
  @media screen and (orientation: landscape) {
656
- .e-daterangepicker .e-calendar.e-device .e-month table {
657
- display: inline-block;
658
- height: 130px;
659
- overflow: auto;
559
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
560
+ padding: 0;
561
+ }
562
+ }
563
+ @media screen and (orientation: landscape) and (min-device-width: 768px) {
564
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-model-header-wrapper .e-btn {
565
+ font-size: 18px;
566
+ }
567
+ }
568
+ @media screen and (orientation: landscape) and (min-height: 600px) {
569
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
570
+ min-height: 70vh;
571
+ height: 70vh;
572
+ }
573
+ }
574
+ @media screen and (orientation: landscape) and (max-height: 600px) {
575
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container {
576
+ min-height: 65%;
577
+ height: 65%;
578
+ }
579
+ }
580
+ @media screen and (orientation: landscape) and (min-height: 600px) {
581
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-calendar {
582
+ min-height: 70vh;
583
+ height: 70vh;
584
+ }
585
+ }
586
+ @media screen and (orientation: landscape) and (max-height: 600px) {
587
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-holder .e-calendar-container .e-content.e-decade {
588
+ height: 50vh;
589
+ }
590
+ }
591
+ @media screen and (orientation: landscape) {
592
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-presets {
593
+ max-height: 85%;
594
+ height: 85%;
595
+ }
596
+ }
597
+ @media screen and (orientation: landscape) {
598
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header {
599
+ height: 15%;
600
+ font-size: 18px;
601
+ }
602
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-popup-close {
603
+ padding: 1vh 1vw;
604
+ }
605
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-range-mob-popup-wrap .e-model-header .e-model-title {
606
+ padding: 1vh 1vw;
607
+ }
608
+ }
609
+ @media screen and (orientation: landscape) {
610
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
611
+ width: 100%;
612
+ }
613
+ }
614
+ @media screen and (orientation: landscape) and (max-height: 600px) {
615
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
616
+ height: 27vh;
617
+ }
618
+ }
619
+ @media screen and (orientation: landscape) and (min-height: 600px) {
620
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header {
621
+ height: 25vh;
622
+ }
623
+ }
624
+ @media screen and (orientation: landscape) {
625
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
626
+ margin: 0;
627
+ height: 28px;
628
+ }
629
+ }
630
+ @media screen and (orientation: landscape) and (min-height: 600px) {
631
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-start-end {
632
+ margin: 5vh 0 0 0;
633
+ }
634
+ }
635
+ @media screen and (orientation: landscape) {
636
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-date-range-container .e-range-header .e-day-span {
637
+ margin: 8px 0;
638
+ font-size: 16px;
639
+ }
640
+ }
641
+ @media screen and (orientation: landscape) and (min-height: 600px) {
642
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-calendar-container {
643
+ min-height: 75vh;
644
+ height: 75vh;
645
+ }
646
+ }
647
+ @media screen and (orientation: landscape) {
648
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
649
+ overflow-y: auto;
650
+ }
651
+ }
652
+ @media screen and (orientation: landscape) and (max-height: 600px) {
653
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
654
+ height: 60vh;
655
+ }
656
+ }
657
+ @media screen and (orientation: landscape) and (min-height: 600px) {
658
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade {
659
+ height: 65vh;
660
+ }
661
+ }
662
+ @media screen and (orientation: landscape) {
663
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
664
+ display: table;
665
+ border-spacing: unset;
666
+ }
667
+ }
668
+ @media screen and (orientation: landscape) and (min-height: 600px) {
669
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-month table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-year table, .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-content.e-decade table {
670
+ height: 65vh;
660
671
  }
661
672
  }
662
673
  .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-date-time-icon {
@@ -667,8 +678,6 @@
667
678
  width: calc(100% - 110px);
668
679
  }
669
680
 
670
- /* stylelint-enable */
671
- /*! daterangepicker theme */
672
681
  .e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
673
682
  color: #212529;
674
683
  }
@@ -676,197 +685,89 @@
676
685
  color: #212529;
677
686
  }
678
687
 
679
- .e-daterangepicker.e-popup,
680
- .e-bigger.e-small .e-daterangepicker.e-popup,
681
- .e-bigger.e-small.e-daterangepicker.e-popup {
688
+ .e-daterangepicker.e-popup {
682
689
  background: #fff;
683
690
  }
684
- .e-daterangepicker.e-popup .e-calendar,
685
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar,
686
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar {
691
+ .e-daterangepicker.e-popup .e-calendar {
687
692
  background-color: #fff;
688
693
  }
689
- .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
690
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
691
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover,
692
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title,
693
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
694
+ .e-daterangepicker.e-popup .e-calendar .e-header .e-title, .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
694
695
  color: #343a40;
695
696
  text-decoration: none;
696
697
  }
697
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
698
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover,
699
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
698
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
700
699
  background-color: #dee2e6;
701
700
  color: #343a40;
702
701
  }
703
- .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
704
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
705
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
702
+ .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span {
706
703
  background-color: #e9ecef;
707
704
  border: 1px solid #0d6efd;
708
705
  color: #212529;
709
706
  }
710
- .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
711
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
712
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
707
+ .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
713
708
  background: #dee2e6;
714
709
  border: none;
715
710
  color: #343a40;
716
711
  }
717
- .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,
718
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
719
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
720
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
721
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
722
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
723
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
712
+ .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 {
724
713
  background-color: #ced4da;
725
714
  border: none;
726
715
  color: #343a40;
727
716
  }
728
- .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,
729
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
730
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
731
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
732
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
733
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
734
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day,
735
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day,
736
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day {
717
+ .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 {
737
718
  border: 1px solid #0d6efd;
738
719
  }
739
- .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
740
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day,
741
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
720
+ .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
742
721
  border: 1px solid #0d6efd;
743
722
  }
744
- .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,
745
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
746
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
747
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
748
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
749
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
750
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span,
751
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
752
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-today.e-range-hover span,
753
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
754
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover:hover span.e-day,
755
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
756
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected span {
723
+ .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 {
757
724
  background-color: #fff;
758
725
  border: none;
759
726
  color: #495057;
760
727
  }
761
- .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,
762
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
763
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected,
764
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover,
765
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-selected {
728
+ .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 {
766
729
  background-color: #fff;
767
730
  border: none;
768
731
  color: #495057;
769
732
  }
770
- .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,
771
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
772
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
773
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
774
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
733
+ .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 {
775
734
  background-color: #0d6efd;
776
735
  color: #fff;
777
736
  }
778
- .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
779
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day,
780
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
737
+ .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover.e-today span.e-day {
781
738
  background-color: #0d6efd;
782
739
  color: #fff;
783
740
  }
784
- .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
785
- .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span,
786
- .e-bigger.e-small.e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
741
+ .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
787
742
  color: #fff;
788
743
  }
789
- .e-daterangepicker.e-popup .e-presets,
790
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets,
791
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets {
744
+ .e-daterangepicker.e-popup .e-presets {
792
745
  background-color: #fff;
793
746
  color: #212529;
794
747
  }
795
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
796
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-active,
797
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
748
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
798
749
  background-color: transparent;
799
750
  color: #0d6efd;
800
751
  }
801
- .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
802
- .e-bigger.e-small .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover,
803
- .e-bigger.e-small.e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
752
+ .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
804
753
  background-color: #e9ecef;
805
754
  color: #212529;
806
755
  }
807
- .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label,
808
- .e-bigger.e-small .e-daterangepicker.e-popup .e-start-label,
809
- .e-bigger.e-small .e-daterangepicker.e-popup .e-end-label,
810
- .e-bigger.e-small.e-daterangepicker.e-popup .e-start-label,
811
- .e-bigger.e-small.e-daterangepicker.e-popup .e-end-label {
756
+ .e-daterangepicker.e-popup .e-start-label, .e-daterangepicker.e-popup .e-end-label {
812
757
  color: #495057;
813
758
  }
814
- .e-daterangepicker.e-popup .e-change-icon,
815
- .e-bigger.e-small .e-daterangepicker.e-popup .e-change-icon,
816
- .e-bigger.e-small.e-daterangepicker.e-popup .e-change-icon {
759
+ .e-daterangepicker.e-popup .e-change-icon {
817
760
  color: #6c757d;
818
761
  }
819
- .e-daterangepicker.e-popup .e-day-span,
820
- .e-bigger.e-small .e-daterangepicker.e-popup .e-day-span,
821
- .e-bigger.e-small.e-daterangepicker.e-popup .e-day-span {
762
+ .e-daterangepicker.e-popup .e-day-span {
822
763
  color: #6c757d;
823
764
  }
824
- .e-daterangepicker.e-popup .e-separator,
825
- .e-bigger.e-small .e-daterangepicker.e-popup .e-separator,
826
- .e-bigger.e-small.e-daterangepicker.e-popup .e-separator {
765
+ .e-daterangepicker.e-popup .e-separator {
827
766
  background-color: #dee2e6;
828
767
  }
829
- .e-daterangepicker.e-popup .e-footer,
830
- .e-bigger.e-small .e-daterangepicker.e-popup .e-footer,
831
- .e-bigger.e-small.e-daterangepicker.e-popup .e-footer {
768
+ .e-daterangepicker.e-popup .e-footer {
832
769
  background-color: #fff;
833
770
  }
834
- .e-bigger .e-daterangepicker,
835
- *.e-bigger.e-daterangepicker,
836
- *.e-device.e-daterangepicker {
837
- background-color: #fff;
838
- padding: 0;
839
- }
840
- .e-bigger .e-daterangepicker .e-calendar th,
841
- *.e-bigger.e-daterangepicker .e-calendar th,
842
- *.e-device.e-daterangepicker .e-calendar th {
843
- color: #495057;
844
- }
845
- .e-bigger .e-daterangepicker .e-start-btn, .e-bigger .e-daterangepicker .e-end-btn,
846
- *.e-bigger.e-daterangepicker .e-start-btn,
847
- *.e-bigger.e-daterangepicker .e-end-btn,
848
- *.e-device.e-daterangepicker .e-start-btn,
849
- *.e-device.e-daterangepicker .e-end-btn {
850
- background: #fff;
851
- color: #0d6efd;
852
- }
853
- .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,
854
- *.e-bigger.e-daterangepicker .e-start-btn.e-active,
855
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:active,
856
- *.e-bigger.e-daterangepicker .e-end-btn.e-active,
857
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
858
- *.e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
859
- *.e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
860
- *.e-device.e-daterangepicker .e-start-btn.e-active,
861
- *.e-device.e-daterangepicker .e-start-btn.e-active:active,
862
- *.e-device.e-daterangepicker .e-end-btn.e-active,
863
- *.e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
864
- *.e-device.e-daterangepicker .e-start-btn.e-active:hover,
865
- *.e-device.e-daterangepicker .e-end-btn.e-active:hover {
866
- background: #0d6efd;
867
- color: #fff;
868
- }
869
-
870
771
  .e-daterangepicker.e-popup .e-footer .e-btn.e-apply.e-flat.e-primary,
871
772
  .e-daterangepicker.e-popup .e-footer .e-css.e-btn.e-apply.e-flat.e-primary {
872
773
  background-color: #0d6efd;
@@ -929,4 +830,12 @@
929
830
  background-color: rgba(108, 117, 125, 0.65);
930
831
  border-color: rgba(108, 117, 125, 0.65);
931
832
  color: rgba(255, 255, 255, 0.65);
833
+ }
834
+
835
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header {
836
+ background-color: #fff;
837
+ color: #343a40;
838
+ }
839
+ .e-daterangepick-mob-popup-wrap .e-daterangepicker.e-popup.e-popup-expand .e-model-header .e-popup-close {
840
+ color: #343a40;
932
841
  }