@syncfusion/ej2-calendars 25.2.5 → 25.2.7-30676

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (380) hide show
  1. package/CHANGELOG.md +1220 -1218
  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 +35 -32
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +110 -107
  8. package/dist/es6/ej2-calendars.es5.js.map +1 -1
  9. package/helpers/e2e/calendarHelper.js +13 -13
  10. package/helpers/e2e/datepickerHelper.js +13 -13
  11. package/helpers/e2e/daterangepickerHelper.js +13 -13
  12. package/helpers/e2e/datetimepickerHelper.js +13 -13
  13. package/helpers/e2e/index.js +3 -3
  14. package/helpers/e2e/timepickerHelper.js +13 -13
  15. package/license +10 -10
  16. package/package.json +85 -85
  17. package/src/calendar/calendar-model.d.ts +277 -277
  18. package/src/calendar/calendar.d.ts +20 -20
  19. package/src/calendar/calendar.js +25 -25
  20. package/src/common/maskplaceholder-model.d.ts +36 -36
  21. package/src/common/maskplaceholder.js +19 -19
  22. package/src/datepicker/datepicker-model.d.ts +289 -289
  23. package/src/datepicker/datepicker.d.ts +10 -10
  24. package/src/datepicker/datepicker.js +23 -23
  25. package/src/daterangepicker/daterangepicker-model.d.ts +427 -427
  26. package/src/daterangepicker/daterangepicker.d.ts +2 -2
  27. package/src/daterangepicker/daterangepicker.js +24 -21
  28. package/src/datetimepicker/datetimepicker-model.d.ts +453 -453
  29. package/src/datetimepicker/datetimepicker.d.ts +1 -1
  30. package/src/datetimepicker/datetimepicker.js +20 -20
  31. package/src/timepicker/timepicker-model.d.ts +350 -350
  32. package/src/timepicker/timepicker.d.ts +5 -5
  33. package/src/timepicker/timepicker.js +21 -21
  34. package/styles/bootstrap-dark.css +190 -984
  35. package/styles/bootstrap-dark.scss +20 -5
  36. package/styles/bootstrap.css +190 -985
  37. package/styles/bootstrap.scss +20 -5
  38. package/styles/bootstrap4.css +190 -992
  39. package/styles/bootstrap4.scss +20 -5
  40. package/styles/bootstrap5-dark.css +191 -1014
  41. package/styles/bootstrap5-dark.scss +20 -5
  42. package/styles/bootstrap5.css +191 -1014
  43. package/styles/bootstrap5.scss +20 -5
  44. package/styles/calendar/_all.scss +2 -2
  45. package/styles/calendar/_bds-definition.scss +273 -272
  46. package/styles/calendar/_bigger.scss +1142 -0
  47. package/styles/calendar/_bootstrap-dark-definition.scss +238 -238
  48. package/styles/calendar/_bootstrap-definition.scss +238 -238
  49. package/styles/calendar/_bootstrap4-definition.scss +238 -238
  50. package/styles/calendar/_bootstrap5-definition.scss +258 -258
  51. package/styles/calendar/_bootstrap5.3-definition.scss +260 -0
  52. package/styles/calendar/_fabric-dark-definition.scss +202 -202
  53. package/styles/calendar/_fabric-definition.scss +200 -200
  54. package/styles/calendar/_fluent-definition.scss +264 -262
  55. package/styles/calendar/_fluent2-definition.scss +294 -0
  56. package/styles/calendar/_fusionnew-definition.scss +260 -260
  57. package/styles/calendar/_highcontrast-definition.scss +199 -199
  58. package/styles/calendar/_highcontrast-light-definition.scss +202 -202
  59. package/styles/calendar/_layout.scss +565 -789
  60. package/styles/calendar/_material-dark-definition.scss +204 -204
  61. package/styles/calendar/_material-definition.scss +199 -199
  62. package/styles/calendar/_material3-definition.scss +196 -205
  63. package/styles/calendar/_tailwind-definition.scss +271 -271
  64. package/styles/calendar/_tailwind4-definition.scss +260 -0
  65. package/styles/calendar/_theme.scss +643 -555
  66. package/styles/calendar/bootstrap-dark.css +97 -375
  67. package/styles/calendar/bootstrap.css +97 -375
  68. package/styles/calendar/bootstrap4.css +97 -375
  69. package/styles/calendar/bootstrap5-dark.css +98 -396
  70. package/styles/calendar/bootstrap5.css +98 -396
  71. package/styles/calendar/fabric-dark.css +98 -377
  72. package/styles/calendar/fabric.css +99 -379
  73. package/styles/calendar/fluent-dark.css +116 -424
  74. package/styles/calendar/fluent.css +116 -424
  75. package/styles/calendar/fluent2.css +1747 -0
  76. package/styles/calendar/fluent2.scss +5 -0
  77. package/styles/calendar/highcontrast-light.css +97 -375
  78. package/styles/calendar/highcontrast.css +99 -379
  79. package/styles/calendar/icons/_bds.scss +13 -13
  80. package/styles/calendar/icons/_bootstrap-dark.scss +13 -13
  81. package/styles/calendar/icons/_bootstrap.scss +13 -13
  82. package/styles/calendar/icons/_bootstrap4.scss +13 -13
  83. package/styles/calendar/icons/_bootstrap5.3.scss +13 -0
  84. package/styles/calendar/icons/_bootstrap5.scss +13 -13
  85. package/styles/calendar/icons/_fabric-dark.scss +13 -13
  86. package/styles/calendar/icons/_fabric.scss +13 -13
  87. package/styles/calendar/icons/_fluent.scss +13 -13
  88. package/styles/calendar/icons/_fluent2.scss +13 -0
  89. package/styles/calendar/icons/_fusionnew.scss +13 -13
  90. package/styles/calendar/icons/_highcontrast-light.scss +13 -13
  91. package/styles/calendar/icons/_highcontrast.scss +13 -13
  92. package/styles/calendar/icons/_material-dark.scss +13 -13
  93. package/styles/calendar/icons/_material.scss +13 -13
  94. package/styles/calendar/icons/_material3.scss +13 -13
  95. package/styles/calendar/icons/_tailwind.scss +13 -13
  96. package/styles/calendar/icons/_tailwind4.scss +13 -0
  97. package/styles/calendar/material-dark.css +99 -379
  98. package/styles/calendar/material.css +99 -379
  99. package/styles/calendar/material3-dark.css +100 -380
  100. package/styles/calendar/material3-dark.scss +1 -1
  101. package/styles/calendar/material3.css +100 -380
  102. package/styles/calendar/material3.scss +1 -1
  103. package/styles/calendar/tailwind-dark.css +100 -428
  104. package/styles/calendar/tailwind.css +100 -428
  105. package/styles/datepicker/_all.scss +2 -2
  106. package/styles/datepicker/_bds-definition.scss +105 -105
  107. package/styles/datepicker/_bigger.scss +82 -0
  108. package/styles/datepicker/_bootstrap-dark-definition.scss +97 -97
  109. package/styles/datepicker/_bootstrap-definition.scss +96 -96
  110. package/styles/datepicker/_bootstrap4-definition.scss +101 -101
  111. package/styles/datepicker/_bootstrap5-definition.scss +107 -107
  112. package/styles/datepicker/_bootstrap5.3-definition.scss +108 -0
  113. package/styles/datepicker/_fabric-dark-definition.scss +98 -98
  114. package/styles/datepicker/_fabric-definition.scss +95 -95
  115. package/styles/datepicker/_fluent-definition.scss +107 -107
  116. package/styles/datepicker/_fluent2-definition.scss +118 -0
  117. package/styles/datepicker/_fusionnew-definition.scss +107 -107
  118. package/styles/datepicker/_highcontrast-definition.scss +96 -96
  119. package/styles/datepicker/_highcontrast-light-definition.scss +99 -99
  120. package/styles/datepicker/_layout.scss +459 -433
  121. package/styles/datepicker/_material-dark-definition.scss +103 -103
  122. package/styles/datepicker/_material-definition.scss +100 -100
  123. package/styles/datepicker/_material3-definition.scss +97 -116
  124. package/styles/datepicker/_tailwind-definition.scss +105 -105
  125. package/styles/datepicker/_tailwind4-definition.scss +108 -0
  126. package/styles/datepicker/_theme.scss +48 -53
  127. package/styles/datepicker/bootstrap-dark.css +2 -43
  128. package/styles/datepicker/bootstrap.css +2 -43
  129. package/styles/datepicker/bootstrap4.css +2 -45
  130. package/styles/datepicker/bootstrap5-dark.css +2 -45
  131. package/styles/datepicker/bootstrap5.css +2 -45
  132. package/styles/datepicker/fabric-dark.css +2 -43
  133. package/styles/datepicker/fabric.css +2 -43
  134. package/styles/datepicker/fluent-dark.css +2 -45
  135. package/styles/datepicker/fluent.css +2 -45
  136. package/styles/datepicker/fluent2.css +1617 -0
  137. package/styles/datepicker/fluent2.scss +7 -0
  138. package/styles/datepicker/highcontrast-light.css +2 -43
  139. package/styles/datepicker/highcontrast.css +2 -43
  140. package/styles/datepicker/icons/_bds.scss +52 -76
  141. package/styles/datepicker/icons/_bootstrap-dark.scss +49 -73
  142. package/styles/datepicker/icons/_bootstrap.scss +50 -72
  143. package/styles/datepicker/icons/_bootstrap4.scss +52 -76
  144. package/styles/datepicker/icons/_bootstrap5.3.scss +52 -0
  145. package/styles/datepicker/icons/_bootstrap5.scss +52 -76
  146. package/styles/datepicker/icons/_fabric-dark.scss +43 -65
  147. package/styles/datepicker/icons/_fabric.scss +43 -65
  148. package/styles/datepicker/icons/_fluent.scss +52 -76
  149. package/styles/datepicker/icons/_fluent2.scss +52 -0
  150. package/styles/datepicker/icons/_fusionnew.scss +52 -76
  151. package/styles/datepicker/icons/_highcontrast-light.scss +50 -72
  152. package/styles/datepicker/icons/_highcontrast.scss +50 -72
  153. package/styles/datepicker/icons/_material-dark.scss +59 -99
  154. package/styles/datepicker/icons/_material.scss +59 -99
  155. package/styles/datepicker/icons/_material3.scss +50 -79
  156. package/styles/datepicker/icons/_tailwind.scss +52 -76
  157. package/styles/datepicker/icons/_tailwind4.scss +52 -0
  158. package/styles/datepicker/material-dark.css +2 -60
  159. package/styles/datepicker/material.css +2 -60
  160. package/styles/datepicker/material3-dark.css +4 -52
  161. package/styles/datepicker/material3-dark.scss +1 -1
  162. package/styles/datepicker/material3.css +4 -52
  163. package/styles/datepicker/material3.scss +1 -1
  164. package/styles/datepicker/tailwind-dark.css +2 -50
  165. package/styles/datepicker/tailwind.css +2 -50
  166. package/styles/daterangepicker/_all.scss +2 -2
  167. package/styles/daterangepicker/_bds-definition.scss +294 -294
  168. package/styles/daterangepicker/_bigger.scss +971 -0
  169. package/styles/daterangepicker/_bootstrap-dark-definition.scss +258 -258
  170. package/styles/daterangepicker/_bootstrap-definition.scss +258 -258
  171. package/styles/daterangepicker/_bootstrap4-definition.scss +268 -268
  172. package/styles/daterangepicker/_bootstrap5-definition.scss +296 -296
  173. package/styles/daterangepicker/_bootstrap5.3-definition.scss +298 -0
  174. package/styles/daterangepicker/_fabric-dark-definition.scss +261 -261
  175. package/styles/daterangepicker/_fabric-definition.scss +258 -258
  176. package/styles/daterangepicker/_fluent-definition.scss +313 -322
  177. package/styles/daterangepicker/_fluent2-definition.scss +305 -0
  178. package/styles/daterangepicker/_fusionnew-definition.scss +295 -295
  179. package/styles/daterangepicker/_highcontrast-definition.scss +258 -258
  180. package/styles/daterangepicker/_highcontrast-light-definition.scss +261 -261
  181. package/styles/daterangepicker/_layout.scss +790 -1030
  182. package/styles/daterangepicker/_material-dark-definition.scss +266 -266
  183. package/styles/daterangepicker/_material-definition.scss +266 -266
  184. package/styles/daterangepicker/_material3-definition.scss +262 -282
  185. package/styles/daterangepicker/_tailwind-definition.scss +287 -287
  186. package/styles/daterangepicker/_tailwind4-definition.scss +298 -0
  187. package/styles/daterangepicker/_theme.scss +415 -455
  188. package/styles/daterangepicker/bootstrap-dark.css +67 -479
  189. package/styles/daterangepicker/bootstrap.css +67 -478
  190. package/styles/daterangepicker/bootstrap4.css +67 -483
  191. package/styles/daterangepicker/bootstrap5-dark.css +67 -483
  192. package/styles/daterangepicker/bootstrap5.css +67 -483
  193. package/styles/daterangepicker/fabric-dark.css +67 -473
  194. package/styles/daterangepicker/fabric.css +67 -473
  195. package/styles/daterangepicker/fluent-dark.css +66 -502
  196. package/styles/daterangepicker/fluent.css +66 -502
  197. package/styles/daterangepicker/fluent2.css +1998 -0
  198. package/styles/daterangepicker/fluent2.scss +7 -0
  199. package/styles/daterangepicker/highcontrast-light.css +67 -473
  200. package/styles/daterangepicker/highcontrast.css +67 -473
  201. package/styles/daterangepicker/icons/_bds.scss +74 -92
  202. package/styles/daterangepicker/icons/_bootstrap-dark.scss +61 -85
  203. package/styles/daterangepicker/icons/_bootstrap.scss +69 -85
  204. package/styles/daterangepicker/icons/_bootstrap4.scss +75 -94
  205. package/styles/daterangepicker/icons/_bootstrap5.3.scss +74 -0
  206. package/styles/daterangepicker/icons/_bootstrap5.scss +74 -92
  207. package/styles/daterangepicker/icons/_fabric-dark.scss +69 -85
  208. package/styles/daterangepicker/icons/_fabric.scss +69 -85
  209. package/styles/daterangepicker/icons/_fluent.scss +74 -92
  210. package/styles/daterangepicker/icons/_fluent2.scss +91 -0
  211. package/styles/daterangepicker/icons/_fusionnew.scss +74 -92
  212. package/styles/daterangepicker/icons/_highcontrast-light.scss +69 -85
  213. package/styles/daterangepicker/icons/_highcontrast.scss +69 -85
  214. package/styles/daterangepicker/icons/_material-dark.scss +85 -119
  215. package/styles/daterangepicker/icons/_material.scss +85 -119
  216. package/styles/daterangepicker/icons/_material3.scss +90 -129
  217. package/styles/daterangepicker/icons/_tailwind.scss +74 -92
  218. package/styles/daterangepicker/icons/_tailwind4.scss +74 -0
  219. package/styles/daterangepicker/material-dark.css +67 -490
  220. package/styles/daterangepicker/material.css +67 -495
  221. package/styles/daterangepicker/material3-dark.css +70 -504
  222. package/styles/daterangepicker/material3-dark.scss +1 -1
  223. package/styles/daterangepicker/material3.css +70 -504
  224. package/styles/daterangepicker/material3.scss +1 -1
  225. package/styles/daterangepicker/tailwind-dark.css +66 -478
  226. package/styles/daterangepicker/tailwind.css +66 -478
  227. package/styles/datetimepicker/_all.scss +2 -2
  228. package/styles/datetimepicker/_bds-definition.scss +65 -65
  229. package/styles/datetimepicker/_bigger.scss +105 -0
  230. package/styles/datetimepicker/_bootstrap-dark-definition.scss +60 -60
  231. package/styles/datetimepicker/_bootstrap-definition.scss +59 -59
  232. package/styles/datetimepicker/_bootstrap4-definition.scss +65 -65
  233. package/styles/datetimepicker/_bootstrap5-definition.scss +65 -65
  234. package/styles/datetimepicker/_bootstrap5.3-definition.scss +65 -0
  235. package/styles/datetimepicker/_fabric-dark-definition.scss +60 -60
  236. package/styles/datetimepicker/_fabric-definition.scss +57 -57
  237. package/styles/datetimepicker/_fluent-definition.scss +65 -65
  238. package/styles/datetimepicker/_fluent2-definition.scss +65 -0
  239. package/styles/datetimepicker/_fusionnew-definition.scss +65 -65
  240. package/styles/datetimepicker/_highcontrast-definition.scss +57 -57
  241. package/styles/datetimepicker/_highcontrast-light-definition.scss +60 -60
  242. package/styles/datetimepicker/_layout.scss +179 -238
  243. package/styles/datetimepicker/_material-dark-definition.scss +64 -64
  244. package/styles/datetimepicker/_material-definition.scss +62 -62
  245. package/styles/datetimepicker/_material3-definition.scss +61 -71
  246. package/styles/datetimepicker/_tailwind-definition.scss +65 -65
  247. package/styles/datetimepicker/_tailwind4-definition.scss +65 -0
  248. package/styles/datetimepicker/_theme.scss +70 -70
  249. package/styles/datetimepicker/bootstrap-dark.css +23 -42
  250. package/styles/datetimepicker/bootstrap.css +23 -42
  251. package/styles/datetimepicker/bootstrap4.css +23 -42
  252. package/styles/datetimepicker/bootstrap5-dark.css +23 -42
  253. package/styles/datetimepicker/bootstrap5.css +23 -42
  254. package/styles/datetimepicker/fabric-dark.css +23 -42
  255. package/styles/datetimepicker/fabric.css +23 -42
  256. package/styles/datetimepicker/fluent-dark.css +23 -42
  257. package/styles/datetimepicker/fluent.css +23 -42
  258. package/styles/datetimepicker/fluent2.css +1373 -0
  259. package/styles/datetimepicker/fluent2.scss +8 -0
  260. package/styles/datetimepicker/highcontrast-light.css +23 -42
  261. package/styles/datetimepicker/highcontrast.css +23 -42
  262. package/styles/datetimepicker/icons/_bds.scss +11 -11
  263. package/styles/datetimepicker/icons/_bootstrap-dark.scss +11 -11
  264. package/styles/datetimepicker/icons/_bootstrap.scss +11 -11
  265. package/styles/datetimepicker/icons/_bootstrap4.scss +11 -11
  266. package/styles/datetimepicker/icons/_bootstrap5.3.scss +11 -0
  267. package/styles/datetimepicker/icons/_bootstrap5.scss +11 -11
  268. package/styles/datetimepicker/icons/_fabric-dark.scss +11 -11
  269. package/styles/datetimepicker/icons/_fabric.scss +11 -11
  270. package/styles/datetimepicker/icons/_fluent.scss +11 -11
  271. package/styles/datetimepicker/icons/_fluent2.scss +11 -0
  272. package/styles/datetimepicker/icons/_fusionnew.scss +11 -11
  273. package/styles/datetimepicker/icons/_highcontrast-light.scss +11 -11
  274. package/styles/datetimepicker/icons/_highcontrast.scss +11 -11
  275. package/styles/datetimepicker/icons/_material-dark.scss +31 -53
  276. package/styles/datetimepicker/icons/_material.scss +40 -62
  277. package/styles/datetimepicker/icons/_material3.scss +11 -11
  278. package/styles/datetimepicker/icons/_tailwind.scss +11 -11
  279. package/styles/datetimepicker/icons/_tailwind4.scss +11 -0
  280. package/styles/datetimepicker/material-dark.css +23 -66
  281. package/styles/datetimepicker/material.css +23 -66
  282. package/styles/datetimepicker/material3-dark.css +24 -54
  283. package/styles/datetimepicker/material3-dark.scss +1 -1
  284. package/styles/datetimepicker/material3.css +24 -54
  285. package/styles/datetimepicker/material3.scss +1 -1
  286. package/styles/datetimepicker/tailwind-dark.css +23 -42
  287. package/styles/datetimepicker/tailwind.css +23 -42
  288. package/styles/fabric-dark.css +191 -980
  289. package/styles/fabric-dark.scss +20 -5
  290. package/styles/fabric.css +192 -984
  291. package/styles/fabric.scss +20 -5
  292. package/styles/fluent-dark.css +208 -1061
  293. package/styles/fluent-dark.scss +20 -5
  294. package/styles/fluent.css +208 -1061
  295. package/styles/fluent.scss +20 -5
  296. package/styles/fluent2.css +3549 -0
  297. package/styles/fluent2.scss +20 -0
  298. package/styles/highcontrast-light.css +190 -978
  299. package/styles/highcontrast-light.scss +20 -5
  300. package/styles/highcontrast.css +192 -984
  301. package/styles/highcontrast.scss +20 -5
  302. package/styles/material-dark.css +192 -1075
  303. package/styles/material-dark.scss +20 -5
  304. package/styles/material.css +192 -1106
  305. package/styles/material.scss +20 -5
  306. package/styles/material3-dark.css +194 -1083
  307. package/styles/material3-dark.scss +20 -5
  308. package/styles/material3.css +194 -1083
  309. package/styles/material3.scss +20 -5
  310. package/styles/tailwind-dark.css +192 -1046
  311. package/styles/tailwind-dark.scss +20 -5
  312. package/styles/tailwind.css +192 -1046
  313. package/styles/tailwind.scss +20 -5
  314. package/styles/timepicker/_all.scss +2 -2
  315. package/styles/timepicker/_bds-definition.scss +84 -84
  316. package/styles/timepicker/_bigger.scss +92 -0
  317. package/styles/timepicker/_bootstrap-dark-definition.scss +80 -80
  318. package/styles/timepicker/_bootstrap-definition.scss +77 -77
  319. package/styles/timepicker/_bootstrap4-definition.scss +85 -85
  320. package/styles/timepicker/_bootstrap5-definition.scss +86 -86
  321. package/styles/timepicker/_bootstrap5.3-definition.scss +85 -0
  322. package/styles/timepicker/_fabric-dark-definition.scss +80 -80
  323. package/styles/timepicker/_fabric-definition.scss +77 -77
  324. package/styles/timepicker/_fluent-definition.scss +86 -86
  325. package/styles/timepicker/_fluent2-definition.scss +84 -0
  326. package/styles/timepicker/_fusionnew-definition.scss +86 -86
  327. package/styles/timepicker/_highcontrast-definition.scss +77 -77
  328. package/styles/timepicker/_highcontrast-light-definition.scss +80 -80
  329. package/styles/timepicker/_layout.scss +227 -303
  330. package/styles/timepicker/_material-dark-definition.scss +84 -84
  331. package/styles/timepicker/_material-definition.scss +81 -81
  332. package/styles/timepicker/_material3-definition.scss +83 -99
  333. package/styles/timepicker/_tailwind-definition.scss +84 -84
  334. package/styles/timepicker/_tailwind4-definition.scss +86 -0
  335. package/styles/timepicker/_theme.scss +109 -114
  336. package/styles/timepicker/bootstrap-dark.css +1 -42
  337. package/styles/timepicker/bootstrap.css +1 -42
  338. package/styles/timepicker/bootstrap4.css +1 -42
  339. package/styles/timepicker/bootstrap5-dark.css +1 -42
  340. package/styles/timepicker/bootstrap5.css +1 -42
  341. package/styles/timepicker/fabric-dark.css +1 -42
  342. package/styles/timepicker/fabric.css +1 -42
  343. package/styles/timepicker/fluent-dark.css +1 -42
  344. package/styles/timepicker/fluent.css +1 -42
  345. package/styles/timepicker/fluent2.css +1470 -0
  346. package/styles/timepicker/fluent2.scss +6 -0
  347. package/styles/timepicker/highcontrast-light.css +1 -42
  348. package/styles/timepicker/highcontrast.css +1 -42
  349. package/styles/timepicker/icons/_bds.scss +24 -24
  350. package/styles/timepicker/icons/_bootstrap-dark.scss +23 -23
  351. package/styles/timepicker/icons/_bootstrap.scss +24 -24
  352. package/styles/timepicker/icons/_bootstrap4.scss +24 -24
  353. package/styles/timepicker/icons/_bootstrap5.3.scss +24 -0
  354. package/styles/timepicker/icons/_bootstrap5.scss +24 -24
  355. package/styles/timepicker/icons/_fabric-dark.scss +24 -24
  356. package/styles/timepicker/icons/_fabric.scss +24 -24
  357. package/styles/timepicker/icons/_fluent.scss +24 -24
  358. package/styles/timepicker/icons/_fluent2.scss +24 -0
  359. package/styles/timepicker/icons/_fusionnew.scss +24 -24
  360. package/styles/timepicker/icons/_highcontrast-light.scss +24 -24
  361. package/styles/timepicker/icons/_highcontrast.scss +24 -24
  362. package/styles/timepicker/icons/_material-dark.scss +37 -52
  363. package/styles/timepicker/icons/_material.scss +39 -54
  364. package/styles/timepicker/icons/_material3.scss +24 -24
  365. package/styles/timepicker/icons/_tailwind.scss +24 -24
  366. package/styles/timepicker/icons/_tailwind4.scss +24 -0
  367. package/styles/timepicker/material-dark.css +1 -59
  368. package/styles/timepicker/material.css +1 -59
  369. package/styles/timepicker/material3-dark.css +2 -51
  370. package/styles/timepicker/material3-dark.scss +1 -1
  371. package/styles/timepicker/material3.css +2 -51
  372. package/styles/timepicker/material3.scss +1 -1
  373. package/styles/timepicker/tailwind-dark.css +1 -42
  374. package/styles/timepicker/tailwind.css +1 -42
  375. package/.eslintrc.json +0 -260
  376. package/dist/ej2-calendars.min.js +0 -10
  377. package/dist/global/ej2-calendars.min.js +0 -11
  378. package/dist/global/ej2-calendars.min.js.map +0 -1
  379. package/dist/global/index.d.ts +0 -14
  380. package/tslint.json +0 -111
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -53,7 +53,6 @@
53
53
  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
54
  }
55
55
 
56
- /*! calendar material3 theme variables */
57
56
  /*! component icons */
58
57
  .e-calendar .e-header .e-date-icon-prev::before {
59
58
  content: "\e765";
@@ -90,8 +89,7 @@ ejs-calendar {
90
89
  touch-action: none;
91
90
  }
92
91
 
93
- .e-calendar,
94
- .e-bigger.e-small .e-calendar {
92
+ .e-calendar {
95
93
  /* stylelint-disable property-no-vendor-prefix */
96
94
  -webkit-tap-highlight-color: transparent;
97
95
  border-radius: 2px;
@@ -101,17 +99,14 @@ ejs-calendar {
101
99
  -ms-user-select: none;
102
100
  user-select: none;
103
101
  }
104
- .e-calendar.e-rtl .e-header .e-title,
105
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
102
+ .e-calendar.e-rtl .e-header .e-title {
106
103
  float: right;
107
104
  text-align: right;
108
105
  }
109
- .e-calendar.e-rtl .e-header .e-icon-container,
110
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container {
106
+ .e-calendar.e-rtl .e-header .e-icon-container {
111
107
  float: left;
112
108
  }
113
- .e-calendar .e-header,
114
- .e-bigger.e-small .e-calendar .e-header {
109
+ .e-calendar .e-header {
115
110
  background: none;
116
111
  display: table;
117
112
  font-weight: 500;
@@ -119,16 +114,14 @@ ejs-calendar {
119
114
  text-align: center;
120
115
  width: 100%;
121
116
  }
122
- .e-calendar .e-header button,
123
- .e-bigger.e-small .e-calendar .e-header button {
117
+ .e-calendar .e-header button {
124
118
  background: transparent;
125
119
  border: 0;
126
120
  margin-right: 0;
127
121
  padding: 0;
128
122
  text-decoration: none;
129
123
  }
130
- .e-calendar .e-header span,
131
- .e-bigger.e-small .e-calendar .e-header span {
124
+ .e-calendar .e-header span {
132
125
  cursor: pointer;
133
126
  display: inline-block;
134
127
  font-size: 15px;
@@ -137,28 +130,22 @@ ejs-calendar {
137
130
  padding: 10px;
138
131
  vertical-align: middle;
139
132
  }
140
- .e-calendar .e-header span.e-disabled,
141
- .e-bigger.e-small .e-calendar .e-header span.e-disabled {
133
+ .e-calendar .e-header span.e-disabled {
142
134
  cursor: default;
143
135
  }
144
- .e-calendar .e-week-header,
145
- .e-bigger.e-small .e-calendar .e-week-header {
136
+ .e-calendar .e-week-header {
146
137
  padding: 0;
147
138
  }
148
- .e-calendar th,
149
- .e-bigger.e-small .e-calendar th {
139
+ .e-calendar th {
150
140
  cursor: default;
151
141
  font-size: 13px;
152
142
  font-weight: normal;
153
143
  text-align: center;
154
144
  }
155
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
156
- .e-bigger.e-small .e-calendar .e-content .e-selected,
157
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
145
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
158
146
  border-radius: 0;
159
147
  }
160
- .e-calendar .e-content span.e-day,
161
- .e-bigger.e-small .e-calendar .e-content span.e-day {
148
+ .e-calendar .e-content span.e-day {
162
149
  border-radius: 0;
163
150
  cursor: pointer;
164
151
  display: inline-block;
@@ -169,47 +156,38 @@ ejs-calendar {
169
156
  text-decoration: none;
170
157
  vertical-align: middle;
171
158
  }
172
- .e-calendar .e-content th, .e-calendar .e-content td,
173
- .e-bigger.e-small .e-calendar .e-content th,
174
- .e-bigger.e-small .e-calendar .e-content td {
159
+ .e-calendar .e-content th, .e-calendar .e-content td {
175
160
  box-sizing: border-box;
176
161
  }
177
- .e-calendar .e-content td.e-disabled,
178
- .e-bigger.e-small .e-calendar .e-content td.e-disabled {
162
+ .e-calendar .e-content td.e-disabled {
179
163
  opacity: 0.35;
180
164
  pointer-events: none;
181
165
  -ms-touch-action: none;
182
166
  touch-action: none;
183
167
  }
184
- .e-calendar .e-content td.e-disabled.e-today,
185
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today {
168
+ .e-calendar .e-content td.e-disabled.e-today {
186
169
  opacity: 1;
187
170
  }
188
- .e-calendar .e-content td.e-disabled.e-today span.e-day,
189
- .e-bigger.e-small .e-calendar .e-content td.e-disabled.e-today span.e-day {
171
+ .e-calendar .e-content td.e-disabled.e-today span.e-day {
190
172
  box-shadow: none;
191
173
  color: rgba(var(--color-sf-on-surface), 0.38);
192
174
  }
193
- .e-calendar .e-content td,
194
- .e-bigger.e-small .e-calendar .e-content td {
175
+ .e-calendar .e-content td {
195
176
  cursor: pointer;
196
177
  padding: 2px;
197
178
  text-align: center;
198
179
  }
199
- .e-calendar .e-content td.e-week-number,
200
- .e-bigger.e-small .e-calendar .e-content td.e-week-number {
180
+ .e-calendar .e-content td.e-week-number {
201
181
  color: rgba(var(--color-sf-on-surface-variant));
202
182
  font-size: 12px;
203
183
  font-style: italic;
204
184
  font-weight: 500;
205
185
  }
206
- .e-calendar .e-content td.e-overlay,
207
- .e-bigger.e-small .e-calendar .e-content td.e-overlay {
186
+ .e-calendar .e-content td.e-overlay {
208
187
  background: none;
209
188
  width: initial;
210
189
  }
211
- .e-calendar .e-content table,
212
- .e-bigger.e-small .e-calendar .e-content table {
190
+ .e-calendar .e-content table {
213
191
  border-collapse: separate;
214
192
  border-spacing: 0;
215
193
  border-width: 0;
@@ -220,49 +198,35 @@ ejs-calendar {
220
198
  table-layout: fixed;
221
199
  width: 100%;
222
200
  }
223
- .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day,
224
- .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day,
225
- .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day {
201
+ .e-calendar .e-content td.e-other-month > span.e-day, .e-calendar .e-content td.e-other-year > span.e-day {
226
202
  display: inline-block;
227
203
  font-weight: normal;
228
204
  }
229
- .e-calendar .e-content tr.e-month-hide,
230
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide {
205
+ .e-calendar .e-content tr.e-month-hide {
231
206
  display: none;
232
207
  font-weight: normal;
233
208
  }
234
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year,
235
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
236
- .e-bigger.e-small .e-calendar .e-content td.e-other-month,
237
- .e-bigger.e-small .e-calendar .e-content td.e-other-year {
209
+ .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month, .e-calendar .e-content td.e-other-year {
238
210
  pointer-events: initial;
239
211
  -ms-touch-action: initial;
240
212
  touch-action: initial;
241
213
  }
242
- .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled,
243
- .e-bigger.e-small .e-calendar .e-content tr.e-month-hide,
244
- .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled,
245
- .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled {
214
+ .e-calendar .e-content tr.e-month-hide, .e-calendar .e-content td.e-other-month.e-disabled, .e-calendar .e-content td.e-other-year.e-disabled {
246
215
  pointer-events: none;
247
216
  -ms-touch-action: none;
248
217
  touch-action: none;
249
218
  }
250
- .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover,
251
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day,
252
- .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover {
219
+ .e-calendar .e-content td.e-week-number:hover span.e-day, .e-calendar .e-content td.e-week-number:hover {
253
220
  background: transparent;
254
221
  cursor: default;
255
222
  }
256
- .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next,
257
- .e-bigger.e-small .e-calendar .e-header .e-prev,
258
- .e-bigger.e-small .e-calendar .e-header .e-next {
223
+ .e-calendar .e-header .e-prev, .e-calendar .e-header .e-next {
259
224
  border-radius: 32px;
260
225
  display: inline-block;
261
226
  font-size: 16px;
262
227
  vertical-align: middle;
263
228
  }
264
- .e-calendar .e-header .e-title,
265
- .e-bigger.e-small .e-calendar .e-header .e-title {
229
+ .e-calendar .e-header .e-title {
266
230
  cursor: pointer;
267
231
  display: inline-block;
268
232
  float: left;
@@ -273,97 +237,73 @@ ejs-calendar {
273
237
  border: none;
274
238
  border-radius: 4px;
275
239
  }
276
- .e-calendar .e-header .e-title,
277
- .e-bigger.e-small .e-calendar .e-header .e-title {
240
+ .e-calendar .e-header .e-title {
278
241
  margin-left: 5px;
279
242
  }
280
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
281
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
282
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
243
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
283
244
  cursor: pointer;
284
245
  }
285
- .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay,
286
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay,
287
- .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay {
246
+ .e-calendar .e-header .e-prev.e-overlay, .e-calendar .e-header .e-next.e-overlay {
288
247
  background: none;
289
248
  }
290
- .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title,
291
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title,
292
- .e-bigger.e-small .e-calendar .e-header.e-year .e-title {
249
+ .e-calendar .e-header.e-decade .e-title, .e-calendar .e-header.e-year .e-title {
293
250
  margin-left: 5px;
294
251
  }
295
- .e-calendar .e-header.e-decade .e-title,
296
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
252
+ .e-calendar .e-header.e-decade .e-title {
297
253
  cursor: default;
298
254
  }
299
- .e-calendar .e-header .e-icon-container,
300
- .e-bigger.e-small .e-calendar .e-header .e-icon-container {
255
+ .e-calendar .e-header .e-icon-container {
301
256
  display: inline-block;
302
257
  float: right;
303
258
  padding-top: 0;
304
259
  }
305
- .e-calendar .e-footer-container,
306
- .e-bigger.e-small .e-calendar .e-footer-container {
260
+ .e-calendar .e-footer-container {
307
261
  text-transform: uppercase;
308
262
  }
309
263
 
310
- .e-calendar,
311
- .e-bigger.e-small .e-calendar {
264
+ .e-calendar {
312
265
  border-spacing: 0;
313
266
  max-width: 252px;
314
267
  min-width: 240px;
315
268
  padding: 0;
316
269
  min-height: 336px;
317
270
  }
318
- .e-calendar.e-calendar-day-header-lg,
319
- .e-bigger.e-small .e-calendar.e-calendar-day-header-lg {
271
+ .e-calendar.e-calendar-day-header-lg {
320
272
  max-width: 100%;
321
273
  min-width: 540px;
322
274
  }
323
- .e-calendar.e-week-number,
324
- .e-bigger.e-small .e-calendar.e-week-number {
275
+ .e-calendar.e-week-number {
325
276
  min-width: 262px;
326
277
  }
327
- .e-calendar.e-week,
328
- .e-bigger.e-small .e-calendar.e-week {
278
+ .e-calendar.e-week {
329
279
  max-width: 252px;
330
280
  min-width: 240px;
331
281
  }
332
- .e-calendar .e-header .e-title,
333
- .e-bigger.e-small .e-calendar .e-header .e-title {
282
+ .e-calendar .e-header .e-title {
334
283
  line-height: 40px;
335
284
  }
336
- .e-calendar.e-rtl .e-header .e-title,
337
- .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title {
285
+ .e-calendar.e-rtl .e-header .e-title {
338
286
  text-align: right;
339
287
  text-indent: 4px;
340
288
  }
341
- .e-calendar .e-header,
342
- .e-bigger.e-small .e-calendar .e-header {
289
+ .e-calendar .e-header {
343
290
  height: 40px;
344
291
  }
345
- .e-calendar .e-header.e-month,
346
- .e-bigger.e-small .e-calendar .e-header.e-month {
292
+ .e-calendar .e-header.e-month {
347
293
  padding: 10px 10px 0 10px;
348
294
  }
349
- .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade,
350
- .e-bigger.e-small .e-calendar .e-header.e-year,
351
- .e-bigger.e-small .e-calendar .e-header.e-decade {
295
+ .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade {
352
296
  padding: 10px 10px 0 10px;
353
297
  }
354
- .e-calendar th,
355
- .e-bigger.e-small .e-calendar th {
298
+ .e-calendar th {
356
299
  font-weight: normal;
357
300
  height: 32px;
358
301
  text-transform: none;
359
302
  }
360
- .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover,
361
- .e-bigger.e-small .e-calendar .e-content .e-selected,
362
- .e-bigger.e-small .e-calendar .e-content .e-state-hover {
303
+ .e-calendar .e-content .e-selected, .e-calendar .e-content .e-state-hover {
363
304
  border-radius: 0;
364
305
  }
365
- .e-calendar .e-content span.e-day,
366
- .e-bigger.e-small .e-calendar .e-content span.e-day {
306
+ .e-calendar .e-content span.e-day {
367
307
  border: none;
368
308
  font-size: 13px;
369
309
  font-weight: normal;
@@ -371,49 +311,37 @@ ejs-calendar {
371
311
  line-height: 32px;
372
312
  width: 32px;
373
313
  }
374
- .e-calendar .e-content.e-month td.e-today span.e-day,
375
- .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day {
314
+ .e-calendar .e-content.e-month td.e-today span.e-day {
376
315
  line-height: 30px;
377
316
  }
378
- .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table,
379
- .e-bigger.e-small .e-calendar .e-content.e-year table,
380
- .e-bigger.e-small .e-calendar .e-content.e-decade table {
317
+ .e-calendar .e-content.e-year table, .e-calendar .e-content.e-decade table {
381
318
  border-spacing: 0;
382
319
  padding: 10px;
383
320
  }
384
- .e-calendar .e-content.e-month td,
385
- .e-bigger.e-small .e-calendar .e-content.e-month td {
321
+ .e-calendar .e-content.e-month td {
386
322
  height: 32px;
387
323
  padding: 2px;
388
324
  }
389
- .e-calendar .e-content .tfooter > tr > td,
390
- .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td {
325
+ .e-calendar .e-content .tfooter > tr > td {
391
326
  height: 36px;
392
327
  line-height: 36px;
393
328
  }
394
- .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td,
395
- .e-bigger.e-small .e-calendar .e-content.e-year td,
396
- .e-bigger.e-small .e-calendar .e-content.e-decade td {
329
+ .e-calendar .e-content.e-year td, .e-calendar .e-content.e-decade td {
397
330
  height: 56px;
398
331
  padding: 1px;
399
332
  width: 56px;
400
333
  }
401
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
402
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
403
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
334
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
404
335
  font-weight: normal;
405
336
  height: 32px;
406
337
  line-height: 32px;
407
338
  width: 56px;
408
339
  }
409
- .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next,
410
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev,
411
- .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next {
340
+ .e-calendar .e-header .e-icon-container .e-prev, .e-calendar .e-header .e-icon-container .e-next {
412
341
  height: 36px;
413
342
  width: 36px;
414
343
  }
415
- .e-calendar .e-footer-container,
416
- .e-bigger.e-small .e-calendar .e-footer-container {
344
+ .e-calendar .e-footer-container {
417
345
  background: transparent;
418
346
  border-top: none;
419
347
  cursor: default;
@@ -427,136 +355,11 @@ ejs-calendar {
427
355
  text-align: center;
428
356
  width: 100%;
429
357
  }
430
- .e-small.e-bigger.e-calendar .e-content.e-year span.e-day,
431
- .e-small.e-bigger .e-calendar .e-content.e-year span.e-day {
432
- font-size: 14px;
433
- }
434
- .e-small.e-bigger.e-calendar .e-content.e-month table,
435
- .e-small.e-bigger .e-calendar .e-content.e-month table {
436
- padding: 0 10px 10px;
437
- }
438
- .e-bigger.e-calendar,
439
- *.e-bigger .e-calendar {
440
- max-width: 296px;
441
- min-width: 296px;
442
- padding: 0;
443
- }
444
- .e-bigger.e-calendar.e-calendar-day-header-lg,
445
- *.e-bigger .e-calendar.e-calendar-day-header-lg {
446
- max-width: 100%;
447
- min-width: 540px;
448
- }
449
- .e-bigger.e-calendar.e-week,
450
- *.e-bigger .e-calendar.e-week {
451
- max-width: 296px;
452
- min-width: 296px;
453
- }
454
- .e-bigger.e-calendar.e-week-number,
455
- *.e-bigger .e-calendar.e-week-number {
456
- min-width: 320px;
457
- }
458
- .e-bigger.e-calendar .e-header .e-title,
459
- *.e-bigger .e-calendar .e-header .e-title {
460
- font-size: 16px;
461
- line-height: 48px;
462
- width: 60%;
463
- }
464
- .e-bigger.e-calendar.e-rtl .e-header .e-title,
465
- *.e-bigger .e-calendar.e-rtl .e-header .e-title {
466
- line-height: 48px;
467
- text-indent: 6px;
468
- }
469
- .e-bigger.e-calendar .e-header,
470
- *.e-bigger .e-calendar .e-header {
471
- height: 48px;
472
- padding: 10px 10px 0 16px;
473
- }
474
- .e-bigger.e-calendar .e-header button,
475
- *.e-bigger .e-calendar .e-header button {
476
- margin-right: 0;
477
- }
478
- .e-bigger.e-calendar .e-header button span,
479
- *.e-bigger .e-calendar .e-header button span {
480
- font-size: 16px;
481
- padding: 15px;
482
- }
483
- .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
484
- *.e-bigger .e-calendar .e-header.e-year,
485
- *.e-bigger .e-calendar .e-header.e-decade {
486
- padding: 10px 10px 0 16px;
487
- }
488
- .e-bigger.e-calendar th,
489
- *.e-bigger .e-calendar th {
490
- font-size: 14px;
491
- height: 36px;
492
- text-transform: none;
493
- }
494
- .e-bigger.e-calendar .e-content.e-year span.e-day,
495
- *.e-bigger .e-calendar .e-content.e-year span.e-day {
496
- font-size: 13px;
497
- font-weight: normal;
498
- }
499
- .e-bigger.e-calendar .e-content.e-month table,
500
- *.e-bigger .e-calendar .e-content.e-month table {
501
- padding: 0 10px 10px;
502
- }
503
- .e-bigger.e-calendar .e-content.e-year table, .e-bigger.e-calendar .e-content.e-decade table,
504
- *.e-bigger .e-calendar .e-content.e-year table,
505
- *.e-bigger .e-calendar .e-content.e-decade table {
506
- padding: 0 10px 10px;
507
- }
508
- .e-bigger.e-calendar .e-content .e-selected, .e-bigger.e-calendar .e-content .e-state-hover,
509
- *.e-bigger .e-calendar .e-content .e-selected,
510
- *.e-bigger .e-calendar .e-content .e-state-hover {
511
- border-radius: 0;
512
- }
513
- .e-bigger.e-calendar .e-content span.e-day,
514
- *.e-bigger .e-calendar .e-content span.e-day {
515
- font-size: 13px;
516
- height: 36px;
517
- line-height: 36px;
518
- width: 36px;
519
- }
520
- .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day,
521
- *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day {
522
- line-height: 34px;
523
- }
524
- .e-bigger.e-calendar .e-content.e-month td,
525
- *.e-bigger .e-calendar .e-content.e-month td {
526
- height: 2px;
527
- padding: 2px;
528
- }
529
- .e-bigger.e-calendar .e-content.e-year td, .e-bigger.e-calendar .e-content.e-decade td,
530
- *.e-bigger .e-calendar .e-content.e-year td,
531
- *.e-bigger .e-calendar .e-content.e-decade td {
532
- height: 72px;
533
- padding: 2px;
534
- width: 68px;
535
- }
536
- .e-bigger.e-calendar .e-content.e-year td > span.e-day, .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
537
- *.e-bigger .e-calendar .e-content.e-year td > span.e-day,
538
- *.e-bigger .e-calendar .e-content.e-decade td > span.e-day {
539
- height: 40px;
540
- line-height: 40px;
541
- width: 68px;
542
- }
543
- .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .e-bigger.e-calendar .e-header .e-icon-container .e-next,
544
- *.e-bigger .e-calendar .e-header .e-icon-container .e-prev,
545
- *.e-bigger .e-calendar .e-header .e-icon-container .e-next {
546
- height: 48px;
547
- width: 48px;
548
- }
549
- .e-bigger.e-calendar .e-footer-container,
550
- *.e-bigger .e-calendar .e-footer-container {
551
- border-top: none;
552
- padding: 0 10px 10px 10px;
553
- }
554
358
  .e-small.e-calendar,
555
359
  .e-small .e-calendar {
556
360
  max-width: 252px;
557
361
  min-width: 240px;
558
362
  padding: 0;
559
- min-height: 220px;
560
363
  }
561
364
  .e-small.e-calendar.e-calendar-day-header-lg,
562
365
  .e-small .e-calendar.e-calendar-day-header-lg {
@@ -622,277 +425,194 @@ ejs-calendar {
622
425
  min-height: 336px;
623
426
  }
624
427
 
625
- .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar,
626
- .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar {
627
- background-size: 300px 392px;
628
- min-height: 392px;
629
- }
630
-
631
- .e-calendar,
632
- .e-bigger.e-small .e-calendar {
428
+ .e-calendar {
633
429
  background: transparent;
634
430
  border-radius: 8px;
635
431
  border: 1px solid rgba(var(--color-sf-outline-variant));
636
432
  box-shadow: none;
637
433
  }
638
- .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next,
639
- .e-bigger.e-small .e-calendar .e-date-icon-prev,
640
- .e-bigger.e-small .e-calendar .e-date-icon-next {
434
+ .e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next {
641
435
  color: rgba(var(--color-sf-on-surface-variant));
642
436
  }
643
- .e-calendar th,
644
- .e-bigger.e-small .e-calendar th {
437
+ .e-calendar th {
645
438
  border-bottom: 0;
646
439
  color: rgba(var(--color-sf-on-surface-variant));
647
440
  }
648
- .e-calendar .e-header,
649
- .e-bigger.e-small .e-calendar .e-header {
441
+ .e-calendar .e-header {
650
442
  border-bottom: 0;
651
443
  }
652
- .e-calendar .e-header a span,
653
- .e-bigger.e-small .e-calendar .e-header a span {
444
+ .e-calendar .e-header a span {
654
445
  border: none;
655
446
  color: rgba(var(--color-sf-on-surface-variant));
656
447
  }
657
- .e-calendar .e-header .e-title,
658
- .e-bigger.e-small .e-calendar .e-header .e-title {
448
+ .e-calendar .e-header .e-title {
659
449
  color: rgba(var(--color-sf-on-surface));
660
450
  }
661
- .e-calendar .e-header .e-title:hover,
662
- .e-bigger.e-small .e-calendar .e-header .e-title:hover {
451
+ .e-calendar .e-header .e-title:hover {
663
452
  background: rgba(var(--color-sf-on-surface), 0.08);
664
453
  cursor: pointer;
665
454
  text-decoration: none;
666
455
  }
667
- .e-calendar .e-header .e-title:focus,
668
- .e-bigger.e-small .e-calendar .e-header .e-title:focus {
456
+ .e-calendar .e-header .e-title:focus {
669
457
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
670
458
  background: none;
671
459
  text-decoration: none;
672
460
  }
673
- .e-calendar .e-header .e-title:active,
674
- .e-bigger.e-small .e-calendar .e-header .e-title:active {
461
+ .e-calendar .e-header .e-title:active {
675
462
  box-shadow: none;
676
463
  background: rgba(var(--color-sf-on-surface), 0.12);
677
464
  text-decoration: none;
678
465
  }
679
- .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span,
680
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span,
681
- .e-bigger.e-small .e-calendar .e-header .e-next:hover > span {
466
+ .e-calendar .e-header .e-prev:hover > span, .e-calendar .e-header .e-next:hover > span {
682
467
  border: none;
683
468
  color: rgba(var(--color-sf-on-surface-variant));
684
469
  cursor: pointer;
685
470
  }
686
- .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover,
687
- .e-bigger.e-small .e-calendar .e-header .e-prev:hover,
688
- .e-bigger.e-small .e-calendar .e-header .e-next:hover {
471
+ .e-calendar .e-header .e-prev:hover, .e-calendar .e-header .e-next:hover {
689
472
  background: rgba(var(--color-sf-on-surface), 0.08);
690
473
  }
691
- .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus,
692
- .e-bigger.e-small .e-calendar .e-header .e-prev:focus,
693
- .e-bigger.e-small .e-calendar .e-header .e-next:focus {
474
+ .e-calendar .e-header .e-prev:focus, .e-calendar .e-header .e-next:focus {
694
475
  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary));
695
476
  }
696
- .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active,
697
- .e-bigger.e-small .e-calendar .e-header .e-prev:active,
698
- .e-bigger.e-small .e-calendar .e-header .e-next:active {
477
+ .e-calendar .e-header .e-prev:active, .e-calendar .e-header .e-next:active {
699
478
  background: rgba(var(--color-sf-on-surface), 0.12);
700
479
  color: rgba(var(--color-sf-on-primary));
701
480
  }
702
- .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span,
703
- .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
704
- .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
481
+ .e-calendar .e-header button.e-prev:active span, .e-calendar .e-header button.e-next:active span {
705
482
  border: none;
706
483
  color: rgba(var(--color-sf-on-surface-variant));
707
484
  }
708
- .e-calendar .e-header.e-decade .e-title,
709
- .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
485
+ .e-calendar .e-header.e-decade .e-title {
710
486
  color: rgba(var(--color-sf-on-surface));
711
487
  cursor: default;
712
488
  }
713
- .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span,
714
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span,
715
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span {
489
+ .e-calendar .e-header .e-next.e-disabled span, .e-calendar .e-header .e-prev.e-disabled span {
716
490
  color: rgba(var(--color-sf-on-surface));
717
491
  font-weight: normal;
718
492
  }
719
- .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled,
720
- .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled,
721
- .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled {
493
+ .e-calendar .e-header .e-next.e-disabled, .e-calendar .e-header .e-prev.e-disabled {
722
494
  opacity: 0.35;
723
495
  }
724
496
 
725
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day,
726
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
727
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
497
+ .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
728
498
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
729
499
  }
730
- .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day,
731
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
732
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
500
+ .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
733
501
  color: rgba(var(--color-sf-on-primary));
734
502
  }
735
- .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day,
736
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
737
- .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
503
+ .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
738
504
  color: rgba(var(--color-sf-on-surface));
739
505
  }
740
- .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day,
741
- .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day,
742
- .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
506
+ .e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day {
743
507
  background: rgba(var(--color-sf-on-surface), 0.05);
744
508
  }
745
- .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
746
- .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
747
- .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
509
+ .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
748
510
  background: rgba(var(--color-sf-primary));
749
511
  }
750
- .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day,
751
- .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day,
752
- .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day {
512
+ .e-calendar .e-content.e-year td > span.e-day, .e-calendar .e-content.e-decade td > span.e-day {
753
513
  background: transparent;
754
514
  }
755
- .e-calendar .e-content .e-week-number span,
756
- .e-bigger.e-small .e-calendar .e-content .e-week-number span {
515
+ .e-calendar .e-content .e-week-number span {
757
516
  color: rgba(var(--color-sf-on-surface-variant));
758
517
  }
759
- .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day,
760
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day,
761
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day,
762
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day {
518
+ .e-calendar .e-content td.e-focused-date span.e-day, .e-calendar .e-content td.e-focused-date:hover span.e-day, .e-calendar .e-content td.e-focused-date:focus span.e-day {
763
519
  background: rgba(var(--color-sf-on-surface), 0.05);
764
520
  border: none;
765
521
  border-radius: 32px;
766
522
  box-shadow: none;
767
523
  }
768
- .e-calendar .e-content td.e-focused-date:hover span.e-day,
769
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day {
524
+ .e-calendar .e-content td.e-focused-date:hover span.e-day {
770
525
  background: rgba(var(--color-sf-on-surface), 0.05);
771
526
  border: none;
772
527
  border-radius: 32px;
773
528
  color: rgba(var(--color-sf-on-surface));
774
529
  }
775
- .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day,
776
- .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day,
777
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
530
+ .e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day {
778
531
  background: none;
779
532
  border: 1px solid rgba(var(--color-sf-primary));
780
533
  border-radius: 32px;
781
534
  box-shadow: none;
782
535
  color: rgba(var(--color-sf-primary));
783
536
  }
784
- .e-calendar .e-content td.e-focused-date.e-today span.e-day,
785
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
537
+ .e-calendar .e-content td.e-focused-date.e-today span.e-day {
786
538
  background: rgba(var(--color-sf-primary), 0.08);
787
539
  border: 1px solid rgba(var(--color-sf-primary));
788
540
  box-shadow: none;
789
541
  color: rgba(var(--color-sf-primary));
790
542
  }
791
- .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
792
- .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day,
793
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
543
+ .e-calendar .e-content td.e-today:focus span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
794
544
  background: rgba(var(--color-sf-primary));
795
545
  border: none;
796
546
  border-radius: 32px;
797
547
  color: rgba(var(--color-sf-primary));
798
548
  }
799
- .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day,
800
- .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day,
801
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
802
- .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
549
+ .e-calendar .e-content td.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
803
550
  background: rgba(var(--color-sf-on-surface), 0.05);
804
551
  border: 1px solid rgba(var(--color-sf-primary));
805
552
  color: rgba(var(--color-sf-primary));
806
553
  }
807
- .e-calendar .e-content td.e-today.e-selected span.e-day,
808
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
554
+ .e-calendar .e-content td.e-today.e-selected span.e-day {
809
555
  background: rgba(var(--color-sf-primary));
810
556
  border: 1px solid rgba(var(--color-sf-primary));
811
557
  box-shadow: inset 0 0 0 2px linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
812
558
  color: rgba(var(--color-sf-on-primary));
813
559
  }
814
- .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
815
- .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
816
- .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
817
- .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
560
+ .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
818
561
  background: rgba(var(--color-sf-primary));
819
562
  color: rgba(var(--color-sf-on-primary));
820
563
  }
821
- .e-calendar .e-content span,
822
- .e-bigger.e-small .e-calendar .e-content span {
564
+ .e-calendar .e-content span {
823
565
  color: rgba(var(--color-sf-on-surface));
824
566
  }
825
- .e-calendar .e-content .e-disabled span.e-day:hover,
826
- .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover {
567
+ .e-calendar .e-content .e-disabled span.e-day:hover {
827
568
  background: none;
828
569
  border: 0;
829
570
  color: rgba(var(--color-sf-on-surface));
830
571
  }
831
- .e-calendar .e-content .e-other-month:hover span.e-day,
832
- .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day {
572
+ .e-calendar .e-content .e-other-month:hover span.e-day {
833
573
  color: rgba(var(--color-sf-on-surface));
834
574
  }
835
- .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day,
836
- .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day,
837
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
575
+ .e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day {
838
576
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
839
577
  }
840
- .e-calendar .e-content .e-other-month.e-today:hover span.e-day,
841
- .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
578
+ .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
842
579
  background: rgba(var(--color-sf-on-surface), 0.05);
843
580
  color: rgba(var(--color-sf-on-surface-variant), 0.84);
844
581
  }
845
- .e-calendar .e-content thead,
846
- .e-bigger.e-small .e-calendar .e-content thead {
582
+ .e-calendar .e-content thead {
847
583
  background: none;
848
584
  border-bottom: 0;
849
585
  }
850
- .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day,
851
- .e-bigger.e-small .e-calendar .e-content td:hover span.e-day,
852
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
586
+ .e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day {
853
587
  background: rgba(var(--color-sf-on-surface), 0.05);
854
588
  border: none;
855
589
  border-radius: 32px;
856
590
  color: rgba(var(--color-sf-on-surface));
857
591
  }
858
- .e-calendar .e-content td:focus span.e-day,
859
- .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
592
+ .e-calendar .e-content td:focus span.e-day {
860
593
  background: rgba(var(--color-sf-primary));
861
594
  color: rgba(var(--color-sf-on-primary));
862
595
  border: none;
863
596
  border-radius: 32px;
864
597
  }
865
- .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day,
866
- .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day,
867
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day,
868
- .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day {
598
+ .e-calendar .e-content td.e-disabled span.e-day, .e-calendar .e-content td.e-disabled:hover span.e-day, .e-calendar .e-content td.e-disabled:focus span.e-day {
869
599
  background: none;
870
600
  border: none;
871
601
  color: rgba(var(--color-sf-on-surface));
872
602
  }
873
- .e-calendar .e-content td.e-selected span.e-day,
874
- .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
603
+ .e-calendar .e-content td.e-selected span.e-day {
875
604
  background: rgba(var(--color-sf-primary));
605
+ color: rgba(var(--color-sf-on-primary));
876
606
  border: none;
877
607
  border-radius: 32px;
878
- color: rgba(var(--color-sf-on-primary));
879
608
  }
880
- .e-calendar .e-content .e-footer,
881
- .e-bigger.e-small .e-calendar .e-content .e-footer {
609
+ .e-calendar .e-content .e-footer {
882
610
  color: rgba(var(--color-sf-primary));
883
611
  }
884
- .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus,
885
- .e-bigger.e-small .e-calendar.e-device .e-prev:hover,
886
- .e-bigger.e-small .e-calendar.e-device .e-next:hover,
887
- .e-bigger.e-small .e-calendar.e-device .e-prev:active,
888
- .e-bigger.e-small .e-calendar.e-device .e-next:active,
889
- .e-bigger.e-small .e-calendar.e-device .e-prev:focus,
890
- .e-bigger.e-small .e-calendar.e-device .e-next:focus {
612
+ .e-calendar.e-device .e-prev:hover, .e-calendar.e-device .e-next:hover, .e-calendar.e-device .e-prev:active, .e-calendar.e-device .e-next:active, .e-calendar.e-device .e-prev:focus, .e-calendar.e-device .e-next:focus {
891
613
  background: none;
892
614
  }
893
- .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span,
894
- .e-bigger.e-small .e-calendar.e-device button.e-prev:active span,
895
- .e-bigger.e-small .e-calendar.e-device button.e-next:active span {
615
+ .e-calendar.e-device button.e-prev:active span, .e-calendar.e-device button.e-next:active span {
896
616
  color: rgba(var(--color-sf-on-surface-variant));
897
617
  }
898
618
  .e-small.e-calendar .e-header .e-title,