@syncfusion/ej2-calendars 26.2.12 → 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 +149 -35
  6. package/dist/es6/ej2-calendars.es2015.js.map +1 -1
  7. package/dist/es6/ej2-calendars.es5.js +149 -35
  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 +106 -18
  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/README.md CHANGED
@@ -12,7 +12,7 @@ The [JavaScript Calendar](https://www.syncfusion.com/javascript-ui-controls/js-c
12
12
 
13
13
  <p align="center">
14
14
  <a href="https://ej2.syncfusion.com/documentation/calendar/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Getting Started</a> .
15
- <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/material/calendar/default.html">Online demos</a> .
15
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/fluent2/calendar/default.html">Online demos</a> .
16
16
  <a href="https://www.syncfusion.com/javascript-ui-controls/js-calendar?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Learn more</a>
17
17
  </p>
18
18
 
@@ -22,12 +22,12 @@ The [JavaScript Calendar](https://www.syncfusion.com/javascript-ui-controls/js-c
22
22
 
23
23
  #### Key features
24
24
 
25
- * [Date range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/date-range.html) - Restricts the range of dates that can be selected by using the `min` and `max` properties.
26
- * [Customization](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/special-dates.html) - Allows complete control over the appearance of the calendar component.
25
+ * [Date range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/fluent2/calendar/date-range.html) - Restricts the range of dates that can be selected by using the `min` and `max` properties.
26
+ * [Customization](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/fluent2/calendar/special-dates.html) - Allows complete control over the appearance of the calendar component.
27
27
  * [Month or year selection](https://ej2.syncfusion.com/documentation/calendar/calendar-views?lang=typescript#calendar-views) - Provides a flexible option to select only a month or year as the date value.
28
28
  * [First day of week](https://ej2.syncfusion.com/documentation/calendar/how-to.html?lang=typescript#change-the-first-day-of-the-week) - Changes the first day of all weeks in every month.
29
29
  * [Week number](https://ej2.syncfusion.com/documentation/calendar/how-to/render-the-calendar-with-week-numbers?lang=typescript#render-the-calendar-with-week-numbers) - Displays the week number of the selected date in the calendar by enabling the week number option.
30
- * [Disabled dates](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/disabled.html) - Disables any date to prevent the user from selecting that date.
30
+ * [Disabled dates](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=calendar#/fluent2/calendar/disabled.html) - Disables any date to prevent the user from selecting that date.
31
31
  * [Start and depth view](https://ej2.syncfusion.com/documentation/calendar/calendar-views?lang=typescript#view-restriction) - Calendar has `month`, `year`, and `decade` views that provide flexibility to select dates.
32
32
  * [Highlight weekends](https://ej2.syncfusion.com/documentation/calendar/customization?lang=typescript#highlight-weekends) - The calendar supports to highlighting every weekend in a month.
33
33
  * [Globalization](https://ej2.syncfusion.com/documentation/calendar/globalization?lang=typescript#calendar) - Supports globalization (internationalization and localization) to translate the names of months, days, and the today button text to any supported language.
@@ -38,7 +38,7 @@ The [JavaScript DatePicker](https://www.syncfusion.com/javascript-ui-controls/js
38
38
 
39
39
  <p align="center">
40
40
  <a href="https://ej2.syncfusion.com/documentation/datepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Getting Started</a> .
41
- <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/material/datepicker/default.html">Online demos</a> .
41
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/fluent2/datepicker/default.html">Online demos</a> .
42
42
  <a href="https://www.syncfusion.com/javascript-ui-controls/js-datepicker?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Learn more</a>
43
43
  </p>
44
44
 
@@ -49,9 +49,9 @@ The [JavaScript DatePicker](https://www.syncfusion.com/javascript-ui-controls/js
49
49
  #### Key features
50
50
 
51
51
  * [Placeholders](https://ej2.syncfusion.com/documentation/datepicker/how-to/set-the-placeholder/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendars-npm) - Placeholder is a hint text that is displayed in the DatePicker; it is used to indicate the format of the date that the user should enter, such as mm/dd/yyyy or dd/mm/yyyy.
52
- * [Mask date input](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendars-npm/#/material/datepicker/input-mask.html) - The mask date input restricts the user from typing unwanted characters in the text input, allowing only eligible date format to be typed.
53
- * [Disabled date](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendars-npm/#/material/datepicker/disabled.html) - To disable a specific date in the picker calendar and restrict it from being set or selected in the DatePicker.
54
- * [Date format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/date-format.html) - The DatePicker control’s input value can be custom formatted apart from the default culture’s specific date format.
52
+ * [Mask date input](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendars-npm/#/fluent2/datepicker/input-mask.html) - The mask date input restricts the user from typing unwanted characters in the text input, allowing only eligible date format to be typed.
53
+ * [Disabled date](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendars-npm/#/fluent2/datepicker/disabled.html) - To disable a specific date in the picker calendar and restrict it from being set or selected in the DatePicker.
54
+ * [Date format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=datepicker#/fluent2/datepicker/date-format.html) - The DatePicker control’s input value can be custom formatted apart from the default culture’s specific date format.
55
55
  * [Incomplete date validation](https://ej2.syncfusion.com/documentation/datepicker/strict-mode?utm_source=npm&utm_campaign=datepicker) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
56
56
  * [Globalization](https://ej2.syncfusion.com/documentation/calendar/globalization?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendars-npm/#calendar) - Support globalization (also known as internationalization and localization) to allow you to translate the names of months, days, and other text elements in the calendar to any supported language. This can be useful in cases where you want to display the calendar in a language other than the default language.
57
57
 
@@ -61,7 +61,7 @@ The [JavaScript TimePicker](https://www.syncfusion.com/javascript-ui-controls/js
61
61
 
62
62
  <p align="center">
63
63
  <a href="https://ej2.syncfusion.com/documentation/timepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Getting Started</a> .
64
- <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/material/timepicker/default.html">Online demos</a> .
64
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/fluent2/timepicker/default.html">Online demos</a> .
65
65
  <a href="https://www.syncfusion.com/javascript-ui-controls/js-timepicker?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Learn more</a>
66
66
  </p>
67
67
 
@@ -71,14 +71,14 @@ The [JavaScript TimePicker](https://www.syncfusion.com/javascript-ui-controls/js
71
71
 
72
72
  #### Key features
73
73
 
74
- * [Time range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/time-range.html) - Restricts the entry or selection of time values within a specific range of time by using `min` and `max` properties.
75
- * [Time format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/time-format.html) - Apart from the default culture specific time format, the time picker control’s input value can also be custom formatted.
74
+ * [Time range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/fluent2/timepicker/time-range.html) - Restricts the entry or selection of time values within a specific range of time by using `min` and `max` properties.
75
+ * [Time format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/fluent2/timepicker/time-format.html) - Apart from the default culture specific time format, the time picker control’s input value can also be custom formatted.
76
76
  * [Strict mode](https://ej2.syncfusion.com/documentation/timepicker/strict-mode?lang=typescript#timepicker) - The strictMode is an act that allows entry of only valid time values within the specified min and max range in a text box.
77
- * [Disabled time](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting.html) - Any number of time values can be disabled in the popup list items to prevent selection of those times.
78
- * [Time intervals](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting.html) - Allows populating the time list with intervals between the times in the popup list to enable selection of proper time value.
77
+ * [Disabled time](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/fluent2/timepicker/list-formatting.html) - Any number of time values can be disabled in the popup list items to prevent selection of those times.
78
+ * [Time intervals](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/fluent2/timepicker/list-formatting.html) - Allows populating the time list with intervals between the times in the popup list to enable selection of proper time value.
79
79
  * [Customization](https://ej2.syncfusion.com/documentation/timepicker/how-to/css-customization?lang=typescript#css-customization) - The appearance of the time picker can be customized completely.
80
- * [Time list with duration](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting.html) - Supports customization of the control’s popup list items with time duration.
81
- * [Mask time input](https://ej2.syncfusion.com/demos/#/bootstrap5/timepicker/input-mask.html) - The mask time input restricts the user from typing unwanted characters in the text input, allowing only eligible time format to be typed.
80
+ * [Time list with duration](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=timepicker#/fluent2/timepicker/list-formatting.html) - Supports customization of the control’s popup list items with time duration.
81
+ * [Mask time input](https://ej2.syncfusion.com/demos/#/fluent2/timepicker/input-mask.html) - The mask time input restricts the user from typing unwanted characters in the text input, allowing only eligible time format to be typed.
82
82
  * [Globalization](https://ej2.syncfusion.com/documentation/timepicker/globalization?lang=typescript#timepicker) - Supports globalization (internationalization and localization) to update time popup list values to match any specified culture.
83
83
 
84
84
  ### JavaScript DateTimePicker
@@ -87,7 +87,7 @@ The [JavaScript DateTimePicker](https://www.syncfusion.com/javascript-ui-control
87
87
 
88
88
  <p align="center">
89
89
  <a href="https://ej2.syncfusion.com/documentation/datetimepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Getting Started</a> .
90
- <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/material/datetimepicker/default.html">Online demos</a> .
90
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/fluent2/datetimepicker/default.html">Online demos</a> .
91
91
  <a href="https://www.syncfusion.com/javascript-ui-controls/js-datetime-picker?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Learn more</a>
92
92
  </p>
93
93
 
@@ -97,9 +97,9 @@ The [JavaScript DateTimePicker](https://www.syncfusion.com/javascript-ui-control
97
97
 
98
98
  #### Key features
99
99
 
100
- * [Date time range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-range.html) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
101
- * [Date time format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-format.html) - The control’s input value can be custom formatted apart from the default culture’s specific date time format.
102
- * [Mask date time input](https://ej2.syncfusion.com/demos/#/bootstrap5/datetimepicker/input-mask.html) - The mask date time input restricts the user from typing unwanted characters in the text input, allowing only eligible date and time format to be typed.
100
+ * [Date time range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=datetimepicker#/fluent2/datetimepicker/date-time-range.html) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
101
+ * [Date time format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=datetimepicker#/fluent2/datetimepicker/date-time-format.html) - The control’s input value can be custom formatted apart from the default culture’s specific date time format.
102
+ * [Mask date time input](https://ej2.syncfusion.com/demos/#/fluent2/datetimepicker/input-mask.html) - The mask date time input restricts the user from typing unwanted characters in the text input, allowing only eligible date and time format to be typed.
103
103
 
104
104
  ### JavaScript DateRangePicker
105
105
 
@@ -107,7 +107,7 @@ The [JavaScript DateRangePicker](https://www.syncfusion.com/javascript-ui-contro
107
107
 
108
108
  <p align="center">
109
109
  <a href="https://ej2.syncfusion.com/documentation/daterangepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Getting Started</a> .
110
- <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/material/daterangepicker/default.html">Online demos</a> .
110
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm#/fluent2/daterangepicker/default.html">Online demos</a> .
111
111
  <a href="https://www.syncfusion.com/javascript-ui-controls/js-daterangepicker?utm_source=npm&utm_medium=listing&utm_campaign=javascript-calendar-npm">Learn more</a>
112
112
  </p>
113
113
 
@@ -117,13 +117,13 @@ The [JavaScript DateRangePicker](https://www.syncfusion.com/javascript-ui-contro
117
117
 
118
118
  #### Key features
119
119
 
120
- * [Preset ranges](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/presets.html) - Defines the preset ranges to select the frequently used date range by the end users.
121
- * [Range restriction](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-range.html) - This control restricts the entry or selection of values within a specific range of date by defining the min and max properties.
122
- * [Limit the selection range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/day-span.html) - Directs the end user to select only the date range with specific minimum and maximum number of days’ count by setting the minDays and maxDays options.
120
+ * [Preset ranges](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/fluent2/daterangepicker/presets.html) - Defines the preset ranges to select the frequently used date range by the end users.
121
+ * [Range restriction](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/fluent2/daterangepicker/date-range.html) - This control restricts the entry or selection of values within a specific range of date by defining the min and max properties.
122
+ * [Limit the selection range](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/fluent2/daterangepicker/day-span.html) - Directs the end user to select only the date range with specific minimum and maximum number of days’ count by setting the minDays and maxDays options.
123
123
  * [First day of week](https://ej2.syncfusion.com/documentation/daterangepicker/customization?lang=typescript#first-day-of-week) - Changes the first day of weeks in every month.
124
124
  * [Strict mode](https://ej2.syncfusion.com/documentation/daterangepicker/range-restriction?lang=typescript#strict-mode) - The strictMode is an act that allows entry only of a valid date within the specified min and max range in a textbox.
125
125
  * [Customization](https://ej2.syncfusion.com/documentation/daterangepicker/customization?lang=typescript#customization) - The appearance of the component can be customized completely.
126
- * [Format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-format.html) - The control’s input value can be custom formatted apart from the default culture’s specific date range format.
126
+ * [Format](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=daterangepicker#/fluent2/daterangepicker/date-format.html) - The control’s input value can be custom formatted apart from the default culture’s specific date range format.
127
127
  * [Globalization](https://ej2.syncfusion.com/documentation/daterangepicker/globalization?lang=typescript#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language.
128
128
 
129
129
  <p align="center">