@syncfusion/ej2-calendars 26.2.11 → 27.1.48

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 (346) hide show
  1. package/README.md +24 -24
  2. package/dist/ej2-calendars.min.js +2 -2
  3. package/dist/ej2-calendars.umd.min.js +2 -2
  4. package/dist/ej2-calendars.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-calendars.es2015.js +154 -37
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +154 -37
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/dist/global/ej2-calendars.min.js +2 -2
  10. package/dist/global/ej2-calendars.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -11
  13. package/src/calendar/calendar.js +25 -9
  14. package/src/datepicker/datepicker.d.ts +1 -0
  15. package/src/datepicker/datepicker.js +15 -5
  16. package/src/daterangepicker/daterangepicker.js +2 -2
  17. package/src/datetimepicker/datetimepicker-model.d.ts +14 -0
  18. package/src/datetimepicker/datetimepicker.d.ts +13 -0
  19. package/src/datetimepicker/datetimepicker.js +111 -20
  20. package/src/timepicker/timepicker.js +1 -1
  21. package/styles/bootstrap-dark-lite.css +2245 -0
  22. package/styles/bootstrap-dark-lite.scss +19 -0
  23. package/styles/bootstrap-dark.css +2261 -1747
  24. package/styles/bootstrap-dark.scss +6 -2
  25. package/styles/bootstrap-lite.css +2252 -0
  26. package/styles/bootstrap-lite.scss +19 -0
  27. package/styles/bootstrap.css +2261 -1741
  28. package/styles/bootstrap.scss +6 -2
  29. package/styles/bootstrap4-lite.css +2273 -0
  30. package/styles/bootstrap4-lite.scss +19 -0
  31. package/styles/bootstrap4.css +2278 -1758
  32. package/styles/bootstrap4.scss +6 -2
  33. package/styles/bootstrap5-dark-lite.css +2382 -0
  34. package/styles/bootstrap5-dark-lite.scss +19 -0
  35. package/styles/bootstrap5-dark.css +2350 -1827
  36. package/styles/bootstrap5-dark.scss +6 -2
  37. package/styles/bootstrap5-lite.css +2382 -0
  38. package/styles/bootstrap5-lite.scss +19 -0
  39. package/styles/bootstrap5.3-lite.css +2363 -0
  40. package/styles/bootstrap5.3-lite.scss +19 -0
  41. package/styles/bootstrap5.3.css +3725 -0
  42. package/styles/bootstrap5.3.scss +24 -0
  43. package/styles/bootstrap5.css +2351 -1828
  44. package/styles/bootstrap5.scss +6 -2
  45. package/styles/calendar/_bigger.scss +1142 -0
  46. package/styles/calendar/_bootstrap5.3-definition.scss +7 -3
  47. package/styles/calendar/_fluent-definition.scss +4 -2
  48. package/styles/calendar/_fluent2-definition.scss +9 -5
  49. package/styles/calendar/_layout.scss +7 -251
  50. package/styles/calendar/_theme.scss +32 -8
  51. package/styles/calendar/bootstrap-dark.css +681 -369
  52. package/styles/calendar/bootstrap-dark.scss +1 -0
  53. package/styles/calendar/bootstrap.css +681 -369
  54. package/styles/calendar/bootstrap.scss +1 -0
  55. package/styles/calendar/bootstrap4.css +681 -369
  56. package/styles/calendar/bootstrap4.scss +1 -0
  57. package/styles/calendar/bootstrap5-dark.css +704 -390
  58. package/styles/calendar/bootstrap5-dark.scss +1 -0
  59. package/styles/calendar/bootstrap5.3.css +1238 -0
  60. package/styles/calendar/bootstrap5.3.scss +6 -0
  61. package/styles/calendar/bootstrap5.css +704 -390
  62. package/styles/calendar/bootstrap5.scss +1 -0
  63. package/styles/calendar/fabric-dark.css +689 -371
  64. package/styles/calendar/fabric-dark.scss +1 -0
  65. package/styles/calendar/fabric.css +693 -373
  66. package/styles/calendar/fabric.scss +1 -0
  67. package/styles/calendar/fluent-dark.css +806 -420
  68. package/styles/calendar/fluent-dark.scss +1 -0
  69. package/styles/calendar/fluent.css +806 -420
  70. package/styles/calendar/fluent.scss +1 -0
  71. package/styles/calendar/fluent2.css +841 -423
  72. package/styles/calendar/fluent2.scss +1 -0
  73. package/styles/calendar/highcontrast-light.css +683 -369
  74. package/styles/calendar/highcontrast-light.scss +1 -0
  75. package/styles/calendar/highcontrast.css +693 -373
  76. package/styles/calendar/highcontrast.scss +1 -0
  77. package/styles/calendar/material-dark.css +693 -373
  78. package/styles/calendar/material-dark.scss +1 -0
  79. package/styles/calendar/material.css +693 -373
  80. package/styles/calendar/material.scss +1 -0
  81. package/styles/calendar/material3-dark.css +700 -376
  82. package/styles/calendar/material3-dark.scss +1 -0
  83. package/styles/calendar/material3.css +700 -376
  84. package/styles/calendar/material3.scss +1 -0
  85. package/styles/calendar/tailwind-dark.css +748 -421
  86. package/styles/calendar/tailwind-dark.scss +1 -0
  87. package/styles/calendar/tailwind.css +748 -421
  88. package/styles/calendar/tailwind.scss +1 -0
  89. package/styles/datepicker/_bigger.scss +82 -0
  90. package/styles/datepicker/_bootstrap5.3-definition.scss +7 -6
  91. package/styles/datepicker/_fluent2-definition.scss +2 -2
  92. package/styles/datepicker/_layout.scss +43 -26
  93. package/styles/datepicker/_theme.scss +2 -7
  94. package/styles/datepicker/bootstrap-dark.css +33 -43
  95. package/styles/datepicker/bootstrap-dark.scss +1 -0
  96. package/styles/datepicker/bootstrap.css +33 -43
  97. package/styles/datepicker/bootstrap.scss +1 -0
  98. package/styles/datepicker/bootstrap4.css +35 -45
  99. package/styles/datepicker/bootstrap4.scss +1 -0
  100. package/styles/datepicker/bootstrap5-dark.css +35 -45
  101. package/styles/datepicker/bootstrap5-dark.scss +1 -0
  102. package/styles/datepicker/bootstrap5.3.css +453 -0
  103. package/styles/datepicker/bootstrap5.3.scss +8 -0
  104. package/styles/datepicker/bootstrap5.css +35 -45
  105. package/styles/datepicker/bootstrap5.scss +1 -0
  106. package/styles/datepicker/fabric-dark.css +33 -43
  107. package/styles/datepicker/fabric-dark.scss +1 -0
  108. package/styles/datepicker/fabric.css +33 -43
  109. package/styles/datepicker/fabric.scss +1 -0
  110. package/styles/datepicker/fluent-dark.css +35 -45
  111. package/styles/datepicker/fluent-dark.scss +1 -0
  112. package/styles/datepicker/fluent.css +35 -45
  113. package/styles/datepicker/fluent.scss +1 -0
  114. package/styles/datepicker/fluent2.css +40 -52
  115. package/styles/datepicker/fluent2.scss +1 -0
  116. package/styles/datepicker/highcontrast-light.css +33 -43
  117. package/styles/datepicker/highcontrast-light.scss +1 -0
  118. package/styles/datepicker/highcontrast.css +33 -43
  119. package/styles/datepicker/highcontrast.scss +1 -0
  120. package/styles/datepicker/icons/_bds.scss +0 -24
  121. package/styles/datepicker/icons/_bootstrap-dark.scss +0 -24
  122. package/styles/datepicker/icons/_bootstrap.scss +0 -22
  123. package/styles/datepicker/icons/_bootstrap4.scss +0 -24
  124. package/styles/datepicker/icons/_bootstrap5.3.scss +0 -24
  125. package/styles/datepicker/icons/_bootstrap5.scss +0 -24
  126. package/styles/datepicker/icons/_fabric-dark.scss +0 -22
  127. package/styles/datepicker/icons/_fabric.scss +0 -22
  128. package/styles/datepicker/icons/_fluent.scss +0 -24
  129. package/styles/datepicker/icons/_fluent2.scss +0 -31
  130. package/styles/datepicker/icons/_fusionnew.scss +0 -24
  131. package/styles/datepicker/icons/_highcontrast-light.scss +0 -22
  132. package/styles/datepicker/icons/_highcontrast.scss +0 -22
  133. package/styles/datepicker/icons/_material-dark.scss +0 -40
  134. package/styles/datepicker/icons/_material.scss +0 -40
  135. package/styles/datepicker/icons/_material3.scss +0 -29
  136. package/styles/datepicker/icons/_tailwind.scss +0 -24
  137. package/styles/datepicker/material-dark.css +50 -60
  138. package/styles/datepicker/material-dark.scss +1 -0
  139. package/styles/datepicker/material.css +50 -60
  140. package/styles/datepicker/material.scss +1 -0
  141. package/styles/datepicker/material3-dark.css +41 -50
  142. package/styles/datepicker/material3-dark.scss +1 -0
  143. package/styles/datepicker/material3.css +41 -50
  144. package/styles/datepicker/material3.scss +1 -0
  145. package/styles/datepicker/tailwind-dark.css +40 -50
  146. package/styles/datepicker/tailwind-dark.scss +1 -0
  147. package/styles/datepicker/tailwind.css +40 -50
  148. package/styles/datepicker/tailwind.scss +1 -0
  149. package/styles/daterangepicker/_bigger.scss +971 -0
  150. package/styles/daterangepicker/_bootstrap5.3-definition.scss +5 -3
  151. package/styles/daterangepicker/_fluent-definition.scss +0 -9
  152. package/styles/daterangepicker/_fluent2-definition.scss +3 -7
  153. package/styles/daterangepicker/_layout.scss +20 -252
  154. package/styles/daterangepicker/_theme.scss +20 -68
  155. package/styles/daterangepicker/bootstrap-dark.css +750 -540
  156. package/styles/daterangepicker/bootstrap-dark.scss +1 -0
  157. package/styles/daterangepicker/bootstrap.css +779 -563
  158. package/styles/daterangepicker/bootstrap.scss +1 -0
  159. package/styles/daterangepicker/bootstrap4.css +752 -536
  160. package/styles/daterangepicker/bootstrap4.scss +1 -0
  161. package/styles/daterangepicker/bootstrap5-dark.css +786 -570
  162. package/styles/daterangepicker/bootstrap5-dark.scss +1 -0
  163. package/styles/daterangepicker/bootstrap5.3.css +1500 -0
  164. package/styles/daterangepicker/bootstrap5.3.scss +8 -0
  165. package/styles/daterangepicker/bootstrap5.css +786 -570
  166. package/styles/daterangepicker/bootstrap5.scss +1 -0
  167. package/styles/daterangepicker/fabric-dark.css +752 -536
  168. package/styles/daterangepicker/fabric-dark.scss +1 -0
  169. package/styles/daterangepicker/fabric.css +752 -536
  170. package/styles/daterangepicker/fabric.scss +1 -0
  171. package/styles/daterangepicker/fluent-dark.css +817 -592
  172. package/styles/daterangepicker/fluent-dark.scss +1 -0
  173. package/styles/daterangepicker/fluent.css +817 -592
  174. package/styles/daterangepicker/fluent.scss +1 -0
  175. package/styles/daterangepicker/fluent2.css +791 -571
  176. package/styles/daterangepicker/fluent2.scss +1 -0
  177. package/styles/daterangepicker/highcontrast-light.css +752 -536
  178. package/styles/daterangepicker/highcontrast-light.scss +1 -0
  179. package/styles/daterangepicker/highcontrast.css +752 -536
  180. package/styles/daterangepicker/highcontrast.scss +1 -0
  181. package/styles/daterangepicker/icons/_bds.scss +0 -18
  182. package/styles/daterangepicker/icons/_bootstrap-dark.scss +0 -24
  183. package/styles/daterangepicker/icons/_bootstrap.scss +0 -16
  184. package/styles/daterangepicker/icons/_bootstrap4.scss +0 -19
  185. package/styles/daterangepicker/icons/_bootstrap5.3.scss +0 -18
  186. package/styles/daterangepicker/icons/_bootstrap5.scss +0 -18
  187. package/styles/daterangepicker/icons/_fabric-dark.scss +0 -16
  188. package/styles/daterangepicker/icons/_fabric.scss +0 -16
  189. package/styles/daterangepicker/icons/_fluent.scss +0 -18
  190. package/styles/daterangepicker/icons/_fluent2.scss +0 -41
  191. package/styles/daterangepicker/icons/_fusionnew.scss +0 -18
  192. package/styles/daterangepicker/icons/_highcontrast-light.scss +0 -16
  193. package/styles/daterangepicker/icons/_highcontrast.scss +0 -16
  194. package/styles/daterangepicker/icons/_material-dark.scss +0 -34
  195. package/styles/daterangepicker/icons/_material.scss +0 -34
  196. package/styles/daterangepicker/icons/_material3.scss +0 -39
  197. package/styles/daterangepicker/icons/_tailwind.scss +0 -18
  198. package/styles/daterangepicker/material-dark.css +781 -565
  199. package/styles/daterangepicker/material-dark.scss +1 -0
  200. package/styles/daterangepicker/material.css +784 -568
  201. package/styles/daterangepicker/material.scss +1 -0
  202. package/styles/daterangepicker/material3-dark.css +802 -572
  203. package/styles/daterangepicker/material3-dark.scss +1 -0
  204. package/styles/daterangepicker/material3.css +802 -572
  205. package/styles/daterangepicker/material3.scss +1 -0
  206. package/styles/daterangepicker/tailwind-dark.css +791 -559
  207. package/styles/daterangepicker/tailwind-dark.scss +1 -0
  208. package/styles/daterangepicker/tailwind.css +791 -559
  209. package/styles/daterangepicker/tailwind.scss +1 -0
  210. package/styles/datetimepicker/_bigger.scss +105 -0
  211. package/styles/datetimepicker/_layout.scss +0 -76
  212. package/styles/datetimepicker/bootstrap-dark.css +42 -42
  213. package/styles/datetimepicker/bootstrap-dark.scss +1 -0
  214. package/styles/datetimepicker/bootstrap.css +42 -42
  215. package/styles/datetimepicker/bootstrap.scss +1 -0
  216. package/styles/datetimepicker/bootstrap4.css +42 -42
  217. package/styles/datetimepicker/bootstrap4.scss +1 -0
  218. package/styles/datetimepicker/bootstrap5-dark.css +42 -42
  219. package/styles/datetimepicker/bootstrap5-dark.scss +1 -0
  220. package/styles/datetimepicker/bootstrap5.3.css +227 -0
  221. package/styles/datetimepicker/bootstrap5.3.scss +9 -0
  222. package/styles/datetimepicker/bootstrap5.css +42 -42
  223. package/styles/datetimepicker/bootstrap5.scss +1 -0
  224. package/styles/datetimepicker/fabric-dark.css +42 -42
  225. package/styles/datetimepicker/fabric-dark.scss +1 -0
  226. package/styles/datetimepicker/fabric.css +42 -42
  227. package/styles/datetimepicker/fabric.scss +1 -0
  228. package/styles/datetimepicker/fluent-dark.css +42 -42
  229. package/styles/datetimepicker/fluent-dark.scss +1 -0
  230. package/styles/datetimepicker/fluent.css +42 -42
  231. package/styles/datetimepicker/fluent.scss +1 -0
  232. package/styles/datetimepicker/fluent2.css +42 -42
  233. package/styles/datetimepicker/fluent2.scss +1 -0
  234. package/styles/datetimepicker/highcontrast-light.css +42 -42
  235. package/styles/datetimepicker/highcontrast-light.scss +1 -0
  236. package/styles/datetimepicker/highcontrast.css +42 -42
  237. package/styles/datetimepicker/highcontrast.scss +1 -0
  238. package/styles/datetimepicker/icons/_material-dark.scss +0 -22
  239. package/styles/datetimepicker/icons/_material.scss +0 -22
  240. package/styles/datetimepicker/material-dark.css +66 -66
  241. package/styles/datetimepicker/material-dark.scss +1 -0
  242. package/styles/datetimepicker/material.css +66 -66
  243. package/styles/datetimepicker/material.scss +1 -0
  244. package/styles/datetimepicker/material3-dark.css +53 -53
  245. package/styles/datetimepicker/material3-dark.scss +1 -0
  246. package/styles/datetimepicker/material3.css +53 -53
  247. package/styles/datetimepicker/material3.scss +1 -0
  248. package/styles/datetimepicker/tailwind-dark.css +42 -42
  249. package/styles/datetimepicker/tailwind-dark.scss +1 -0
  250. package/styles/datetimepicker/tailwind.css +42 -42
  251. package/styles/datetimepicker/tailwind.scss +1 -0
  252. package/styles/fabric-dark-lite.css +2251 -0
  253. package/styles/fabric-dark-lite.scss +19 -0
  254. package/styles/fabric-dark.css +2268 -1742
  255. package/styles/fabric-dark.scss +6 -2
  256. package/styles/fabric-lite.css +2255 -0
  257. package/styles/fabric-lite.scss +19 -0
  258. package/styles/fabric.css +2265 -1737
  259. package/styles/fabric.scss +6 -2
  260. package/styles/fluent-dark-lite.css +2509 -0
  261. package/styles/fluent-dark-lite.scss +19 -0
  262. package/styles/fluent-dark.css +2456 -1853
  263. package/styles/fluent-dark.scss +6 -2
  264. package/styles/fluent-lite.css +2509 -0
  265. package/styles/fluent-lite.scss +19 -0
  266. package/styles/fluent.css +2456 -1853
  267. package/styles/fluent.scss +6 -2
  268. package/styles/fluent2-lite.css +2606 -0
  269. package/styles/fluent2-lite.scss +19 -0
  270. package/styles/fluent2.css +2410 -1781
  271. package/styles/fluent2.scss +6 -2
  272. package/styles/highcontrast-light-lite.css +2259 -0
  273. package/styles/highcontrast-light-lite.scss +19 -0
  274. package/styles/highcontrast-light.css +2264 -1742
  275. package/styles/highcontrast-light.scss +6 -2
  276. package/styles/highcontrast-lite.css +2268 -0
  277. package/styles/highcontrast-lite.scss +19 -0
  278. package/styles/highcontrast.css +2273 -1745
  279. package/styles/highcontrast.scss +6 -2
  280. package/styles/material-dark-lite.css +2345 -0
  281. package/styles/material-dark-lite.scss +19 -0
  282. package/styles/material-dark.css +2371 -1843
  283. package/styles/material-dark.scss +6 -2
  284. package/styles/material-lite.css +2375 -0
  285. package/styles/material-lite.scss +19 -0
  286. package/styles/material.css +2363 -1835
  287. package/styles/material.scss +6 -2
  288. package/styles/material3-dark-lite.css +2400 -0
  289. package/styles/material3-dark-lite.scss +19 -0
  290. package/styles/material3-dark.css +2414 -1867
  291. package/styles/material3-dark.scss +6 -2
  292. package/styles/material3-lite.css +2402 -0
  293. package/styles/material3-lite.scss +19 -0
  294. package/styles/material3.css +2414 -1867
  295. package/styles/material3.scss +6 -2
  296. package/styles/tailwind-dark-lite.css +2327 -0
  297. package/styles/tailwind-dark-lite.scss +19 -0
  298. package/styles/tailwind-dark.css +2362 -1811
  299. package/styles/tailwind-dark.scss +6 -2
  300. package/styles/tailwind-lite.css +2327 -0
  301. package/styles/tailwind-lite.scss +19 -0
  302. package/styles/tailwind.css +2363 -1812
  303. package/styles/tailwind.scss +6 -2
  304. package/styles/timepicker/_bigger.scss +92 -0
  305. package/styles/timepicker/_layout.scss +0 -62
  306. package/styles/timepicker/_theme.scss +2 -4
  307. package/styles/timepicker/bootstrap-dark.css +44 -41
  308. package/styles/timepicker/bootstrap-dark.scss +1 -0
  309. package/styles/timepicker/bootstrap.css +44 -41
  310. package/styles/timepicker/bootstrap.scss +1 -0
  311. package/styles/timepicker/bootstrap4.css +44 -41
  312. package/styles/timepicker/bootstrap4.scss +1 -0
  313. package/styles/timepicker/bootstrap5-dark.css +44 -41
  314. package/styles/timepicker/bootstrap5-dark.scss +1 -0
  315. package/styles/timepicker/bootstrap5.3.css +327 -0
  316. package/styles/timepicker/bootstrap5.3.scss +7 -0
  317. package/styles/timepicker/bootstrap5.css +44 -41
  318. package/styles/timepicker/bootstrap5.scss +1 -0
  319. package/styles/timepicker/fabric-dark.css +44 -41
  320. package/styles/timepicker/fabric-dark.scss +1 -0
  321. package/styles/timepicker/fabric.css +44 -41
  322. package/styles/timepicker/fabric.scss +1 -0
  323. package/styles/timepicker/fluent-dark.css +44 -41
  324. package/styles/timepicker/fluent-dark.scss +1 -0
  325. package/styles/timepicker/fluent.css +44 -41
  326. package/styles/timepicker/fluent.scss +1 -0
  327. package/styles/timepicker/fluent2.css +44 -41
  328. package/styles/timepicker/fluent2.scss +1 -0
  329. package/styles/timepicker/highcontrast-light.css +44 -41
  330. package/styles/timepicker/highcontrast-light.scss +1 -0
  331. package/styles/timepicker/highcontrast.css +44 -41
  332. package/styles/timepicker/highcontrast.scss +1 -0
  333. package/styles/timepicker/icons/_material-dark.scss +0 -15
  334. package/styles/timepicker/icons/_material.scss +0 -15
  335. package/styles/timepicker/material-dark.css +61 -58
  336. package/styles/timepicker/material-dark.scss +1 -0
  337. package/styles/timepicker/material.css +61 -58
  338. package/styles/timepicker/material.scss +1 -0
  339. package/styles/timepicker/material3-dark.css +52 -49
  340. package/styles/timepicker/material3-dark.scss +1 -0
  341. package/styles/timepicker/material3.css +52 -49
  342. package/styles/timepicker/material3.scss +1 -0
  343. package/styles/timepicker/tailwind-dark.css +44 -41
  344. package/styles/timepicker/tailwind-dark.scss +1 -0
  345. package/styles/timepicker/tailwind.css +44 -41
  346. package/styles/timepicker/tailwind.scss +1 -0
package/styles/datepicker/icons/_fabric.scss CHANGED
@@ -19,23 +19,6 @@
19
19
  }
20
20
  }
21
21
 
22
- .e-bigger .e-input-group-icon.e-date-icon,
23
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
24
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
25
- font-size: $datepicker-bigger-icon-font-size;
26
- margin: $datepicker-icon-bigger-margin;
27
-
28
- #{if(&, '&', '*')}::before {
29
- content: '\e93a';
30
- font-family: 'e-icons';
31
- }
32
-
33
- #{if(&, '&', '*')}:focus {
34
- background: $datepicker-icon-hover-color;
35
- border-radius: $datepicker-icon-border-radius;
36
- }
37
- }
38
-
39
22
  // mouse small icon
40
23
  .e-small .e-input-group-icon.e-date-icon,
41
24
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -44,11 +27,6 @@
44
27
  }
45
28
 
46
29
  // Touch small icon
47
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
48
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
49
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
50
- font-size: $datepicker-bigger-small-icon-font-size;
51
- }
52
30
  .e-datepick-mob-popup-wrap {
53
31
 
54
32
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_fluent.scss CHANGED
@@ -21,25 +21,6 @@
21
21
  }
22
22
  }
23
23
 
24
- .e-bigger .e-input-group-icon.e-date-icon,
25
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
26
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
27
- font-size: $datepicker-bigger-icon-font-size;
28
- margin: $datepicker-icon-bigger-margin;
29
- min-height: $datepicker-bigger-icon-container-min-height;
30
- min-width: $datepicker-bigger-icon-container-min-width;
31
-
32
- #{if(&, '&', '*')}::before {
33
- content: '\e75e';
34
- font-family: 'e-icons';
35
- }
36
-
37
- #{if(&, '&', '*')}:focus {
38
- background: $datepicker-icon-hover-color;
39
- border-radius: $datepicker-icon-border-radius;
40
- }
41
- }
42
-
43
24
  // mouse small icon
44
25
  .e-small .e-input-group-icon.e-date-icon,
45
26
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -48,11 +29,6 @@
48
29
  }
49
30
 
50
31
  // Touch small icon
51
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
52
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
53
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
54
- font-size: $datepicker-bigger-small-icon-font-size;
55
- }
56
32
  .e-datepick-mob-popup-wrap {
57
33
 
58
34
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_fluent2.scss CHANGED
@@ -23,27 +23,6 @@
23
23
  }
24
24
  }
25
25
 
26
- .e-bigger .e-input-group-icon.e-date-icon,
27
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
28
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
29
- font-size: $datepicker-bigger-icon-font-size;
30
- margin: $datepicker-icon-bigger-margin;
31
- padding: $datepicker-icon-padding;
32
- min-height: $datepicker-bigger-icon-container-min-height;
33
- min-width: $datepicker-bigger-icon-container-min-width;
34
- border-radius: $datepicker-bigger-icon-border-radius;
35
-
36
- #{if(&, '&', '*')}::before {
37
- content: '\e75e';
38
- font-family: 'e-icons';
39
- }
40
-
41
- #{if(&, '&', '*')}:focus {
42
- background: $datepicker-icon-hover-color;
43
- border-radius: $datepicker-icon-border-radius;
44
- }
45
- }
46
-
47
26
  // mouse small icon
48
27
  .e-small .e-input-group-icon.e-date-icon,
49
28
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -57,16 +36,6 @@
57
36
  }
58
37
 
59
38
  // Touch small icon
60
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
61
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
62
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
63
- font-size: $datepicker-bigger-small-icon-font-size;
64
- min-width: $datepicker-bigger-small-icon-container-min-width;
65
- min-height: $datepicker-bigger-small-icon-container-min-height;
66
- border-radius: $datepicker-bigger-small-icon-border-radius;
67
- margin: $datepicker-bigger-small-icon-margin;
68
- padding: $datepicker-icon-padding;
69
- }
70
39
  .e-datepick-mob-popup-wrap {
71
40
 
72
41
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_fusionnew.scss CHANGED
@@ -21,25 +21,6 @@
21
21
  }
22
22
  }
23
23
 
24
- .e-bigger .e-input-group-icon.e-date-icon,
25
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
26
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
27
- font-size: $datepicker-bigger-icon-font-size;
28
- margin: $datepicker-icon-bigger-margin;
29
- min-height: $datepicker-bigger-icon-container-min-height;
30
- min-width: $datepicker-bigger-icon-container-min-width;
31
-
32
- #{if(&, '&', '*')}::before {
33
- content: '\e75e';
34
- font-family: 'e-icons';
35
- }
36
-
37
- #{if(&, '&', '*')}:focus {
38
- background: $datepicker-icon-hover-color;
39
- border-radius: $datepicker-icon-border-radius;
40
- }
41
- }
42
-
43
24
  // mouse small icon
44
25
  .e-small .e-input-group-icon.e-date-icon,
45
26
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -48,11 +29,6 @@
48
29
  }
49
30
 
50
31
  // Touch small icon
51
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
52
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
53
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
54
- font-size: $datepicker-bigger-small-icon-font-size;
55
- }
56
32
  .e-datepick-mob-popup-wrap {
57
33
 
58
34
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_highcontrast-light.scss CHANGED
@@ -19,23 +19,6 @@
19
19
  }
20
20
  }
21
21
 
22
- .e-bigger .e-input-group-icon.e-date-icon,
23
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
24
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
25
- font-size: $datepicker-bigger-icon-font-size;
26
- margin: $datepicker-icon-bigger-margin;
27
-
28
- #{if(&, '&', '*')}::before {
29
- content: '\e93a';
30
- font-family: 'e-icons';
31
- }
32
-
33
- #{if(&, '&', '*')}:focus {
34
- background: $datepicker-icon-hover-color;
35
- border-radius: $datepicker-icon-border-radius;
36
- }
37
- }
38
-
39
22
  // mouse small icon
40
23
  .e-small .e-input-group-icon.e-date-icon,
41
24
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -44,11 +27,6 @@
44
27
  }
45
28
 
46
29
  // Touch small icon
47
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
48
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
49
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
50
- font-size: $datepicker-bigger-small-icon-font-size;
51
- }
52
30
  .e-datepick-mob-popup-wrap {
53
31
 
54
32
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_highcontrast.scss CHANGED
@@ -19,23 +19,6 @@
19
19
  }
20
20
  }
21
21
 
22
- .e-bigger .e-input-group-icon.e-date-icon,
23
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
24
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
25
- font-size: $datepicker-bigger-icon-font-size;
26
- margin: $datepicker-icon-bigger-margin;
27
-
28
- #{if(&, '&', '*')}::before {
29
- content: '\e93a';
30
- font-family: 'e-icons';
31
- }
32
-
33
- #{if(&, '&', '*')}:focus {
34
- background: $datepicker-icon-hover-color;
35
- border-radius: $datepicker-icon-border-radius;
36
- }
37
- }
38
-
39
22
  // mouse small icon
40
23
  .e-small .e-input-group-icon.e-date-icon,
41
24
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -44,11 +27,6 @@
44
27
  }
45
28
 
46
29
  // Touch small icon
47
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
48
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
49
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
50
- font-size: $datepicker-bigger-small-icon-font-size;
51
- }
52
30
  .e-datepick-mob-popup-wrap {
53
31
 
54
32
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_material-dark.scss CHANGED
@@ -21,25 +21,6 @@
21
21
  }
22
22
  }
23
23
 
24
- .e-bigger .e-input-group-icon.e-date-icon,
25
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
26
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
27
- font-size: $datepicker-bigger-icon-font-size;
28
- margin: $datepicker-icon-bigger-margin;
29
- min-height: $datepicker-bigger-icon-container-min-height;
30
- min-width: $datepicker-bigger-icon-container-min-width;
31
-
32
- #{if(&, '&', '*')}::before {
33
- content: '\e901';
34
- font-family: 'e-icons';
35
- }
36
-
37
- #{if(&, '&', '*')}:focus {
38
- background: $datepicker-icon-hover-color;
39
- border-radius: $datepicker-icon-border-radius;
40
- }
41
- }
42
-
43
24
  // mouse small icon
44
25
  .e-small .e-input-group-icon.e-date-icon,
45
26
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -47,13 +28,6 @@
47
28
  font-size: $datepicker-small-icon-font-size;
48
29
  }
49
30
 
50
- // Touch small icon
51
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
52
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
53
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
54
- font-size: $datepicker-bigger-small-icon-font-size;
55
- }
56
-
57
31
  // Outline textbox icon configuration
58
32
 
59
33
  .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
@@ -62,13 +36,6 @@
62
36
  min-width: 20px;
63
37
  }
64
38
 
65
- .e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
66
- .e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon,
67
- .e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
68
- min-height: $zero-value;
69
- min-width: 24px;
70
- }
71
-
72
39
  .e-small .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
73
40
  .e-date-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon,
74
41
  .e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
@@ -76,13 +43,6 @@
76
43
  min-width: 18px;
77
44
  }
78
45
 
79
- .e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
80
- .e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
81
- .e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon,
82
- .e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
83
- min-height: $zero-value;
84
- min-width: 20px;
85
- }
86
46
  .e-datepick-mob-popup-wrap {
87
47
 
88
48
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_material.scss CHANGED
@@ -21,25 +21,6 @@
21
21
  }
22
22
  }
23
23
 
24
- .e-bigger .e-input-group-icon.e-date-icon,
25
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
26
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
27
- font-size: $datepicker-bigger-icon-font-size;
28
- margin: $datepicker-icon-bigger-margin;
29
- min-height: $datepicker-bigger-icon-container-min-height;
30
- min-width: $datepicker-bigger-icon-container-min-width;
31
-
32
- #{if(&, '&', '*')}::before {
33
- content: '\e901';
34
- font-family: 'e-icons';
35
- }
36
-
37
- #{if(&, '&', '*')}:focus {
38
- background: $datepicker-icon-hover-color;
39
- border-radius: $datepicker-icon-border-radius;
40
- }
41
- }
42
-
43
24
  // mouse small icon
44
25
  .e-small .e-input-group-icon.e-date-icon,
45
26
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -47,13 +28,6 @@
47
28
  font-size: $datepicker-small-icon-font-size;
48
29
  }
49
30
 
50
- // Touch small icon
51
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
52
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
53
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
54
- font-size: $datepicker-bigger-small-icon-font-size;
55
- }
56
-
57
31
  // Outline textbox icon configuration
58
32
 
59
33
  .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
@@ -62,13 +36,6 @@
62
36
  min-width: 20px;
63
37
  }
64
38
 
65
- .e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
66
- .e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon,
67
- .e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
68
- min-height: $zero-value;
69
- min-width: 24px;
70
- }
71
-
72
39
  .e-small .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
73
40
  .e-date-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon,
74
41
  .e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
@@ -76,13 +43,6 @@
76
43
  min-width: 18px;
77
44
  }
78
45
 
79
- .e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
80
- .e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
81
- .e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon,
82
- .e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
83
- min-height: $zero-value;
84
- min-width: 20px;
85
- }
86
46
  .e-datepick-mob-popup-wrap {
87
47
 
88
48
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_material3.scss CHANGED
@@ -22,26 +22,6 @@
22
22
  }
23
23
  }
24
24
 
25
- .e-bigger .e-input-group-icon.e-date-icon,
26
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
27
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
28
- font-size: $datepicker-bigger-icon-font-size;
29
- margin: $datepicker-icon-bigger-margin;
30
- min-height: $datepicker-bigger-icon-container-min-height;
31
- min-width: $datepicker-bigger-icon-container-min-width;
32
- border-radius: $datepicker-bigger-icon-border-radius;
33
-
34
- #{if(&, '&', '*')}::before {
35
- content: '\e778';
36
- font-family: 'e-icons';
37
- }
38
-
39
- #{if(&, '&', '*')}:focus {
40
- background: $datepicker-icon-hover-color;
41
- border-radius: $datepicker-icon-border-radius;
42
- }
43
- }
44
-
45
25
  // mouse small icon
46
26
  .e-small .e-input-group-icon.e-date-icon,
47
27
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -54,15 +34,6 @@
54
34
  }
55
35
 
56
36
  // Touch small icon
57
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
58
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
59
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
60
- font-size: $datepicker-bigger-small-icon-font-size;
61
- min-width: $datepicker-bigger-small-icon-container-min-width;
62
- min-height: $datepicker-bigger-small-icon-container-min-height;
63
- border-radius: $datepicker-bigger-small-icon-border-radius;
64
- margin: $datepicker-bigger-small-icon-margin;
65
- }
66
37
  .e-datepick-mob-popup-wrap {
67
38
 
68
39
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/icons/_tailwind.scss CHANGED
@@ -21,25 +21,6 @@
21
21
  }
22
22
  }
23
23
 
24
- .e-bigger .e-input-group-icon.e-date-icon,
25
- #{if(&, '&', '*')}.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
26
- #{if(&, '&', '*')}.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
27
- font-size: $datepicker-bigger-icon-font-size;
28
- margin: $datepicker-icon-bigger-margin;
29
- min-height: $datepicker-bigger-icon-container-min-height;
30
- min-width: $datepicker-bigger-icon-container-min-width;
31
-
32
- #{if(&, '&', '*')}::before {
33
- content: '\e75e';
34
- font-family: 'e-icons';
35
- }
36
-
37
- #{if(&, '&', '*')}:focus {
38
- background: $datepicker-icon-hover-color;
39
- border-radius: $datepicker-icon-border-radius;
40
- }
41
- }
42
-
43
24
  // mouse small icon
44
25
  .e-small .e-input-group-icon.e-date-icon,
45
26
  #{if(&, '&', '*')}.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
@@ -48,11 +29,6 @@
48
29
  }
49
30
 
50
31
  // Touch small icon
51
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
52
- #{if(&, '&', '*')}.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
53
- #{if(&, '&', '*')}.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
54
- font-size: $datepicker-bigger-small-icon-font-size;
55
- }
56
32
  .e-datepick-mob-popup-wrap {
57
33
 
58
34
  #{if(&, '&', '*')} .e-datepicker.e-popup-expand {
package/styles/datepicker/material-dark.css CHANGED
@@ -33,52 +33,18 @@
33
33
  border-radius: 50%;
34
34
  }
35
35
 
36
- .e-bigger .e-input-group-icon.e-date-icon,
37
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
38
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
39
- font-size: 18px;
40
- margin: 5px 0 6px 0;
41
- min-height: 26px;
42
- min-width: 26px;
43
- }
44
- .e-bigger .e-input-group-icon.e-date-icon::before,
45
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
46
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
47
- content: "\e901";
48
- font-family: "e-icons";
49
- }
50
- .e-bigger .e-input-group-icon.e-date-icon:focus,
51
- *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
52
- *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
53
- background: #eee;
54
- border-radius: 50%;
55
- }
56
-
57
36
  .e-small .e-input-group-icon.e-date-icon,
58
37
  *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon,
59
38
  *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon {
60
39
  font-size: 14px;
61
40
  }
62
41
 
63
- .e-small.e-bigger .e-input-group-icon.e-date-icon,
64
- *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
65
- *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
66
- font-size: 18px;
67
- }
68
-
69
42
  .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
70
43
  .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
71
44
  min-height: 0;
72
45
  min-width: 20px;
73
46
  }
74
47
 
75
- .e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
76
- .e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon,
77
- .e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
78
- min-height: 0;
79
- min-width: 24px;
80
- }
81
-
82
48
  .e-small .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
83
49
  .e-date-wrapper.e-control-wrapper.e-small.e-outline .e-input-group-icon.e-date-icon,
84
50
  .e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
@@ -86,14 +52,6 @@
86
52
  min-width: 18px;
87
53
  }
88
54
 
89
- .e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
90
- .e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
91
- .e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon,
92
- .e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
93
- min-height: 0;
94
- min-width: 20px;
95
- }
96
-
97
55
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before {
98
56
  content: "\e932";
99
57
  font-family: "e-icons";
@@ -192,12 +150,6 @@
192
150
  min-height: 33px;
193
151
  }
194
152
 
195
- .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
196
- .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
197
- background-size: 250px 40px;
198
- min-height: 40px;
199
- }
200
-
201
153
  @media screen and (orientation: landscape) {
202
154
  .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day {
203
155
  line-height: 64px;
@@ -270,12 +222,12 @@
270
222
  line-height: 5vh;
271
223
  }
272
224
  .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 {
273
- margin-left: 5vw;
274
225
  position: inherit;
226
+ line-height: inherit;
227
+ margin-left: 5vw;
275
228
  text-align: left;
276
229
  vertical-align: middle;
277
230
  width: 60vw;
278
- line-height: inherit;
279
231
  }
280
232
  @media (min-device-width: 768px) {
281
233
  .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 {
@@ -465,22 +417,12 @@
465
417
  }
466
418
  /* stylelint-enable */
467
419
  .e-datepicker.e-popup-wrapper,
468
- .e-bigger.e-small .e-datepicker.e-popup-wrapper,
469
- .e-bigger .e-datepicker.e-popup-wrapper,
470
- .e-small .e-datepicker.e-popup-wrapper,
471
- .e-bigger.e-small.e-datepicker.e-popup-wrapper,
472
- .e-bigger.e-datepicker.e-popup-wrapper,
473
420
  .e-small.e-datepicker.e-popup-wrapper {
474
421
  border: none;
475
422
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
476
423
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
477
424
  }
478
425
  .e-datepicker .e-calendar,
479
- .e-bigger.e-small .e-datepicker .e-calendar,
480
- .e-bigger .e-datepicker .e-calendar,
481
- .e-small .e-datepicker .e-calendar,
482
- .e-bigger.e-small.e-datepicker .e-calendar,
483
- .e-bigger.e-datepicker .e-calendar,
484
426
  .e-small.e-datepicker .e-calendar {
485
427
  background-color: #424242;
486
428
  border: none;
@@ -495,4 +437,52 @@
495
437
  }
496
438
  .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
497
439
  color: #00b0ff;
440
+ }
441
+
442
+ .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker,
443
+ .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker {
444
+ background-size: 250px 40px;
445
+ min-height: 40px;
446
+ }
447
+
448
+ .e-bigger.e-datepicker.e-popup-wrapper,
449
+ .e-bigger.e-small.e-datepicker.e-popup-wrapper {
450
+ border: none;
451
+ -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
452
+ box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
453
+ }
454
+ .e-bigger.e-datepicker .e-calendar,
455
+ .e-bigger.e-small.e-datepicker .e-calendar {
456
+ background-color: #424242;
457
+ border: none;
458
+ }
459
+
460
+ .e-bigger .e-input-group-icon.e-date-icon,
461
+ *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
462
+ *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
463
+ font-size: 18px;
464
+ margin: 5px 0 6px 0;
465
+ min-height: 26px;
466
+ min-width: 26px;
467
+ }
468
+
469
+ .e-small.e-bigger .e-input-group-icon.e-date-icon,
470
+ *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon,
471
+ *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
472
+ font-size: 18px;
473
+ }
474
+
475
+ .e-bigger .e-date-wrapper.e-outline .e-input-group-icon.e-date-icon,
476
+ .e-date-wrapper.e-control-wrapper.e-bigger.e-outline .e-input-group-icon.e-date-icon,
477
+ .e-bigger .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
478
+ min-height: 0;
479
+ min-width: 24px;
480
+ }
481
+
482
+ .e-bigger.e-small .e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
483
+ .e-bigger.e-small.e-outline.e-date-wrapper .e-input-group-icon.e-date-icon,
484
+ .e-date-wrapper.e-control-wrapper.e-bigger.e-small.e-outline .e-input-group-icon.e-date-icon,
485
+ .e-bigger.e-small .e-date-wrapper.e-control-wrapper.e-outline .e-input-group-icon.e-date-icon {
486
+ min-height: 0;
487
+ min-width: 20px;
498
488
  }
package/styles/datepicker/material-dark.scss CHANGED
@@ -5,3 +5,4 @@
5
5
  @import 'material-dark-definition.scss';
6
6
  @import 'icons/material-dark.scss';
7
7
  @import 'all.scss';
8
+ @import 'bigger.scss';