@syncfusion/ej2-schedule 30.1.41 → 30.2.4-744881

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 (311) hide show
  1. package/.eslintrc.json +243 -262
  2. package/.gitleaksignore +4 -4
  3. package/README.md +83 -83
  4. package/dist/ej2-schedule.umd.min.js +1 -10
  5. package/dist/ej2-schedule.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es2015.js +96 -83
  7. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  8. package/dist/es6/ej2-schedule.es5.js +561 -548
  9. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  10. package/helpers/e2e/index.js +3 -3
  11. package/helpers/e2e/recurrence-editor.js +13 -13
  12. package/helpers/e2e/schedule.js +13 -13
  13. package/license +9 -9
  14. package/package.json +42 -42
  15. package/src/recurrence-editor/recurrence-editor-model.d.ts +75 -75
  16. package/src/recurrence-editor/recurrence-editor.js +19 -19
  17. package/src/schedule/actions/drag.js +15 -13
  18. package/src/schedule/actions/keyboard.js +11 -11
  19. package/src/schedule/actions/resize.js +13 -13
  20. package/src/schedule/base/interface.d.ts +2 -2
  21. package/src/schedule/base/schedule-model.d.ts +864 -864
  22. package/src/schedule/base/schedule.js +19 -19
  23. package/src/schedule/event-renderer/agenda-base.js +13 -13
  24. package/src/schedule/event-renderer/month.js +13 -13
  25. package/src/schedule/event-renderer/timeline-view.js +13 -13
  26. package/src/schedule/event-renderer/vertical-view.js +13 -13
  27. package/src/schedule/event-renderer/year.js +13 -13
  28. package/src/schedule/models/event-settings-model.d.ts +156 -156
  29. package/src/schedule/models/event-settings.js +19 -19
  30. package/src/schedule/models/field-options-model.d.ts +22 -22
  31. package/src/schedule/models/field-options.js +19 -19
  32. package/src/schedule/models/fields-model.d.ts +92 -92
  33. package/src/schedule/models/fields.js +19 -19
  34. package/src/schedule/models/group-model.d.ts +48 -48
  35. package/src/schedule/models/group.js +19 -19
  36. package/src/schedule/models/header-rows-model.d.ts +22 -22
  37. package/src/schedule/models/header-rows.js +19 -19
  38. package/src/schedule/models/quick-info-templates-model.d.ts +37 -37
  39. package/src/schedule/models/quick-info-templates.js +19 -19
  40. package/src/schedule/models/resources-model.d.ts +85 -85
  41. package/src/schedule/models/resources.js +19 -19
  42. package/src/schedule/models/time-scale-model.d.ts +40 -40
  43. package/src/schedule/models/time-scale.js +19 -19
  44. package/src/schedule/models/toolbar-model.d.ts +187 -187
  45. package/src/schedule/models/toolbar.js +19 -19
  46. package/src/schedule/models/views-model.d.ts +361 -361
  47. package/src/schedule/models/views.js +19 -19
  48. package/src/schedule/models/work-hours-model.d.ts +16 -16
  49. package/src/schedule/models/work-hours.js +19 -19
  50. package/src/schedule/popups/quick-popups.js +1 -1
  51. package/src/schedule/renderer/agenda.js +13 -13
  52. package/src/schedule/renderer/day.js +13 -13
  53. package/src/schedule/renderer/header-renderer.js +11 -11
  54. package/src/schedule/renderer/month-agenda.js +13 -13
  55. package/src/schedule/renderer/month.js +22 -20
  56. package/src/schedule/renderer/timeline-month.js +13 -13
  57. package/src/schedule/renderer/timeline-view.js +13 -13
  58. package/src/schedule/renderer/timeline-year.js +13 -13
  59. package/src/schedule/renderer/vertical-view.js +13 -13
  60. package/src/schedule/renderer/view-base.d.ts +2 -0
  61. package/src/schedule/renderer/view-base.js +9 -0
  62. package/src/schedule/renderer/week.js +13 -13
  63. package/src/schedule/renderer/work-week.js +13 -13
  64. package/src/schedule/renderer/year.js +13 -13
  65. package/styles/bds-lite.css +0 -4446
  66. package/styles/bds-lite.scss +0 -18
  67. package/styles/bds.css +0 -5198
  68. package/styles/bds.scss +0 -20
  69. package/styles/bootstrap-dark-lite.css +0 -4228
  70. package/styles/bootstrap-dark-lite.scss +0 -18
  71. package/styles/bootstrap-dark.css +0 -4980
  72. package/styles/bootstrap-dark.scss +0 -20
  73. package/styles/bootstrap-lite.css +0 -4223
  74. package/styles/bootstrap-lite.scss +0 -18
  75. package/styles/bootstrap.css +0 -4975
  76. package/styles/bootstrap.scss +0 -20
  77. package/styles/bootstrap4-lite.css +0 -4270
  78. package/styles/bootstrap4-lite.scss +0 -18
  79. package/styles/bootstrap4.css +0 -5022
  80. package/styles/bootstrap4.scss +0 -20
  81. package/styles/bootstrap5-dark-lite.css +0 -4273
  82. package/styles/bootstrap5-dark-lite.scss +0 -18
  83. package/styles/bootstrap5-dark.css +0 -5025
  84. package/styles/bootstrap5-dark.scss +0 -20
  85. package/styles/bootstrap5-lite.css +0 -4273
  86. package/styles/bootstrap5-lite.scss +0 -18
  87. package/styles/bootstrap5.3-lite.css +0 -4319
  88. package/styles/bootstrap5.3-lite.scss +0 -18
  89. package/styles/bootstrap5.3.css +0 -5071
  90. package/styles/bootstrap5.3.scss +0 -20
  91. package/styles/bootstrap5.css +0 -5025
  92. package/styles/bootstrap5.scss +0 -20
  93. package/styles/fabric-dark-lite.css +0 -4198
  94. package/styles/fabric-dark-lite.scss +0 -18
  95. package/styles/fabric-dark.css +0 -4950
  96. package/styles/fabric-dark.scss +0 -20
  97. package/styles/fabric-lite.css +0 -4195
  98. package/styles/fabric-lite.scss +0 -18
  99. package/styles/fabric.css +0 -4947
  100. package/styles/fabric.scss +0 -20
  101. package/styles/fluent-dark-lite.css +0 -4261
  102. package/styles/fluent-dark-lite.scss +0 -18
  103. package/styles/fluent-dark.css +0 -5013
  104. package/styles/fluent-dark.scss +0 -20
  105. package/styles/fluent-lite.css +0 -4261
  106. package/styles/fluent-lite.scss +0 -18
  107. package/styles/fluent.css +0 -5013
  108. package/styles/fluent.scss +0 -20
  109. package/styles/fluent2-lite.css +0 -4505
  110. package/styles/fluent2-lite.scss +0 -18
  111. package/styles/fluent2.css +0 -5261
  112. package/styles/fluent2.scss +0 -20
  113. package/styles/highcontrast-light-lite.css +0 -4287
  114. package/styles/highcontrast-light-lite.scss +0 -18
  115. package/styles/highcontrast-light.css +0 -5039
  116. package/styles/highcontrast-light.scss +0 -20
  117. package/styles/highcontrast-lite.css +0 -4296
  118. package/styles/highcontrast-lite.scss +0 -18
  119. package/styles/highcontrast.css +0 -5048
  120. package/styles/highcontrast.scss +0 -20
  121. package/styles/material-dark-lite.css +0 -4275
  122. package/styles/material-dark-lite.scss +0 -18
  123. package/styles/material-dark.css +0 -5027
  124. package/styles/material-dark.scss +0 -20
  125. package/styles/material-lite.css +0 -4310
  126. package/styles/material-lite.scss +0 -18
  127. package/styles/material.css +0 -5062
  128. package/styles/material.scss +0 -20
  129. package/styles/material3-dark-lite.css +0 -4292
  130. package/styles/material3-dark-lite.scss +0 -18
  131. package/styles/material3-dark.css +0 -5045
  132. package/styles/material3-dark.scss +1 -21
  133. package/styles/material3-lite.css +0 -4294
  134. package/styles/material3-lite.scss +0 -18
  135. package/styles/material3.css +0 -5045
  136. package/styles/material3.scss +1 -21
  137. package/styles/tailwind-dark-lite.css +0 -4238
  138. package/styles/tailwind-dark-lite.scss +0 -18
  139. package/styles/tailwind-dark.css +0 -4990
  140. package/styles/tailwind-dark.scss +0 -20
  141. package/styles/tailwind-lite.css +0 -4238
  142. package/styles/tailwind-lite.scss +0 -18
  143. package/styles/tailwind.css +0 -4990
  144. package/styles/tailwind.scss +0 -20
  145. package/styles/tailwind3-lite.css +0 -4285
  146. package/styles/tailwind3-lite.scss +0 -18
  147. package/styles/tailwind3.css +0 -5037
  148. package/styles/tailwind3.scss +0 -20
  149. package/dist/ej2-schedule.min.js +0 -10
  150. package/dist/global/ej2-schedule.min.js +0 -11
  151. package/dist/global/ej2-schedule.min.js.map +0 -1
  152. package/dist/global/index.d.ts +0 -14
  153. package/styles/recurrence-editor/_all.scss +0 -2
  154. package/styles/recurrence-editor/_bds-definition.scss +0 -14
  155. package/styles/recurrence-editor/_bigger.scss +0 -133
  156. package/styles/recurrence-editor/_bootstrap-dark-definition.scss +0 -14
  157. package/styles/recurrence-editor/_bootstrap-definition.scss +0 -14
  158. package/styles/recurrence-editor/_bootstrap4-definition.scss +0 -14
  159. package/styles/recurrence-editor/_bootstrap5-dark-definition.scss +0 -1
  160. package/styles/recurrence-editor/_bootstrap5-definition.scss +0 -14
  161. package/styles/recurrence-editor/_bootstrap5.3-definition.scss +0 -14
  162. package/styles/recurrence-editor/_fabric-dark-definition.scss +0 -14
  163. package/styles/recurrence-editor/_fabric-definition.scss +0 -14
  164. package/styles/recurrence-editor/_fluent-dark-definition.scss +0 -1
  165. package/styles/recurrence-editor/_fluent-definition.scss +0 -14
  166. package/styles/recurrence-editor/_fluent2-definition.scss +0 -14
  167. package/styles/recurrence-editor/_fusionnew-definition.scss +0 -14
  168. package/styles/recurrence-editor/_highcontrast-definition.scss +0 -14
  169. package/styles/recurrence-editor/_highcontrast-light-definition.scss +0 -14
  170. package/styles/recurrence-editor/_layout.scss +0 -420
  171. package/styles/recurrence-editor/_material-dark-definition.scss +0 -14
  172. package/styles/recurrence-editor/_material-definition.scss +0 -14
  173. package/styles/recurrence-editor/_material3-dark-definition.scss +0 -1
  174. package/styles/recurrence-editor/_material3-definition.scss +0 -14
  175. package/styles/recurrence-editor/_tailwind-dark-definition.scss +0 -1
  176. package/styles/recurrence-editor/_tailwind-definition.scss +0 -14
  177. package/styles/recurrence-editor/_tailwind3-definition.scss +0 -14
  178. package/styles/recurrence-editor/_theme.scss +0 -1
  179. package/styles/recurrence-editor/bds.css +0 -537
  180. package/styles/recurrence-editor/bds.scss +0 -9
  181. package/styles/recurrence-editor/bootstrap-dark.css +0 -462
  182. package/styles/recurrence-editor/bootstrap-dark.scss +0 -9
  183. package/styles/recurrence-editor/bootstrap.css +0 -462
  184. package/styles/recurrence-editor/bootstrap.scss +0 -9
  185. package/styles/recurrence-editor/bootstrap4.css +0 -490
  186. package/styles/recurrence-editor/bootstrap4.scss +0 -9
  187. package/styles/recurrence-editor/bootstrap5-dark.css +0 -500
  188. package/styles/recurrence-editor/bootstrap5-dark.scss +0 -9
  189. package/styles/recurrence-editor/bootstrap5.3.css +0 -504
  190. package/styles/recurrence-editor/bootstrap5.3.scss +0 -9
  191. package/styles/recurrence-editor/bootstrap5.css +0 -500
  192. package/styles/recurrence-editor/bootstrap5.scss +0 -9
  193. package/styles/recurrence-editor/fabric-dark.css +0 -438
  194. package/styles/recurrence-editor/fabric-dark.scss +0 -9
  195. package/styles/recurrence-editor/fabric.css +0 -438
  196. package/styles/recurrence-editor/fabric.scss +0 -9
  197. package/styles/recurrence-editor/fluent-dark.css +0 -493
  198. package/styles/recurrence-editor/fluent-dark.scss +0 -9
  199. package/styles/recurrence-editor/fluent.css +0 -493
  200. package/styles/recurrence-editor/fluent.scss +0 -9
  201. package/styles/recurrence-editor/fluent2.css +0 -483
  202. package/styles/recurrence-editor/fluent2.scss +0 -9
  203. package/styles/recurrence-editor/highcontrast-light.css +0 -447
  204. package/styles/recurrence-editor/highcontrast-light.scss +0 -9
  205. package/styles/recurrence-editor/highcontrast.css +0 -447
  206. package/styles/recurrence-editor/highcontrast.scss +0 -9
  207. package/styles/recurrence-editor/material-dark.css +0 -487
  208. package/styles/recurrence-editor/material-dark.scss +0 -9
  209. package/styles/recurrence-editor/material.css +0 -491
  210. package/styles/recurrence-editor/material.scss +0 -9
  211. package/styles/recurrence-editor/material3-dark.css +0 -499
  212. package/styles/recurrence-editor/material3-dark.scss +0 -10
  213. package/styles/recurrence-editor/material3.css +0 -501
  214. package/styles/recurrence-editor/material3.scss +0 -10
  215. package/styles/recurrence-editor/tailwind-dark.css +0 -474
  216. package/styles/recurrence-editor/tailwind-dark.scss +0 -9
  217. package/styles/recurrence-editor/tailwind.css +0 -474
  218. package/styles/recurrence-editor/tailwind.scss +0 -9
  219. package/styles/recurrence-editor/tailwind3.css +0 -504
  220. package/styles/recurrence-editor/tailwind3.scss +0 -9
  221. package/styles/schedule/_all.scss +0 -2
  222. package/styles/schedule/_bds-definition.scss +0 -274
  223. package/styles/schedule/_bigger.scss +0 -801
  224. package/styles/schedule/_bootstrap-dark-definition.scss +0 -274
  225. package/styles/schedule/_bootstrap-definition.scss +0 -274
  226. package/styles/schedule/_bootstrap4-definition.scss +0 -277
  227. package/styles/schedule/_bootstrap5-dark-definition.scss +0 -1
  228. package/styles/schedule/_bootstrap5-definition.scss +0 -278
  229. package/styles/schedule/_bootstrap5.3-definition.scss +0 -278
  230. package/styles/schedule/_fabric-dark-definition.scss +0 -273
  231. package/styles/schedule/_fabric-definition.scss +0 -274
  232. package/styles/schedule/_fluent-dark-definition.scss +0 -1
  233. package/styles/schedule/_fluent-definition.scss +0 -278
  234. package/styles/schedule/_fluent2-definition.scss +0 -275
  235. package/styles/schedule/_fusionnew-definition.scss +0 -275
  236. package/styles/schedule/_highcontrast-definition.scss +0 -275
  237. package/styles/schedule/_highcontrast-light-definition.scss +0 -275
  238. package/styles/schedule/_layout.scss +0 -3870
  239. package/styles/schedule/_material-dark-definition.scss +0 -272
  240. package/styles/schedule/_material-definition.scss +0 -272
  241. package/styles/schedule/_material3-dark-definition.scss +0 -1
  242. package/styles/schedule/_material3-definition.scss +0 -277
  243. package/styles/schedule/_tailwind-dark-definition.scss +0 -1
  244. package/styles/schedule/_tailwind-definition.scss +0 -273
  245. package/styles/schedule/_tailwind3-definition.scss +0 -278
  246. package/styles/schedule/_theme.scss +0 -585
  247. package/styles/schedule/bds.css +0 -4793
  248. package/styles/schedule/bds.scss +0 -17
  249. package/styles/schedule/bootstrap-dark.css +0 -4575
  250. package/styles/schedule/bootstrap-dark.scss +0 -17
  251. package/styles/schedule/bootstrap.css +0 -4570
  252. package/styles/schedule/bootstrap.scss +0 -17
  253. package/styles/schedule/bootstrap4.css +0 -4617
  254. package/styles/schedule/bootstrap4.scss +0 -17
  255. package/styles/schedule/bootstrap5-dark.css +0 -4620
  256. package/styles/schedule/bootstrap5-dark.scss +0 -16
  257. package/styles/schedule/bootstrap5.3.css +0 -4666
  258. package/styles/schedule/bootstrap5.3.scss +0 -17
  259. package/styles/schedule/bootstrap5.css +0 -4620
  260. package/styles/schedule/bootstrap5.scss +0 -17
  261. package/styles/schedule/fabric-dark.css +0 -4545
  262. package/styles/schedule/fabric-dark.scss +0 -17
  263. package/styles/schedule/fabric.css +0 -4542
  264. package/styles/schedule/fabric.scss +0 -17
  265. package/styles/schedule/fluent-dark.css +0 -4608
  266. package/styles/schedule/fluent-dark.scss +0 -16
  267. package/styles/schedule/fluent.css +0 -4608
  268. package/styles/schedule/fluent.scss +0 -17
  269. package/styles/schedule/fluent2.css +0 -4853
  270. package/styles/schedule/fluent2.scss +0 -17
  271. package/styles/schedule/highcontrast-light.css +0 -4634
  272. package/styles/schedule/highcontrast-light.scss +0 -17
  273. package/styles/schedule/highcontrast.css +0 -4643
  274. package/styles/schedule/highcontrast.scss +0 -17
  275. package/styles/schedule/icons/_bds.scss +0 -220
  276. package/styles/schedule/icons/_bootstrap-dark.scss +0 -223
  277. package/styles/schedule/icons/_bootstrap.scss +0 -223
  278. package/styles/schedule/icons/_bootstrap4.scss +0 -217
  279. package/styles/schedule/icons/_bootstrap5-dark.scss +0 -1
  280. package/styles/schedule/icons/_bootstrap5.3.scss +0 -220
  281. package/styles/schedule/icons/_bootstrap5.scss +0 -220
  282. package/styles/schedule/icons/_fabric-dark.scss +0 -223
  283. package/styles/schedule/icons/_fabric.scss +0 -223
  284. package/styles/schedule/icons/_fluent-dark.scss +0 -1
  285. package/styles/schedule/icons/_fluent.scss +0 -220
  286. package/styles/schedule/icons/_fluent2.scss +0 -220
  287. package/styles/schedule/icons/_fusionnew.scss +0 -220
  288. package/styles/schedule/icons/_highcontrast-light.scss +0 -223
  289. package/styles/schedule/icons/_highcontrast.scss +0 -223
  290. package/styles/schedule/icons/_material-dark.scss +0 -223
  291. package/styles/schedule/icons/_material.scss +0 -223
  292. package/styles/schedule/icons/_material3-dark.scss +0 -1
  293. package/styles/schedule/icons/_material3.scss +0 -220
  294. package/styles/schedule/icons/_tailwind-dark.scss +0 -1
  295. package/styles/schedule/icons/_tailwind.scss +0 -220
  296. package/styles/schedule/icons/_tailwind3.scss +0 -220
  297. package/styles/schedule/material-dark.css +0 -4622
  298. package/styles/schedule/material-dark.scss +0 -17
  299. package/styles/schedule/material.css +0 -4657
  300. package/styles/schedule/material.scss +0 -17
  301. package/styles/schedule/material3-dark.css +0 -4640
  302. package/styles/schedule/material3-dark.scss +0 -17
  303. package/styles/schedule/material3.css +0 -4642
  304. package/styles/schedule/material3.scss +0 -18
  305. package/styles/schedule/tailwind-dark.css +0 -4585
  306. package/styles/schedule/tailwind-dark.scss +0 -16
  307. package/styles/schedule/tailwind.css +0 -4585
  308. package/styles/schedule/tailwind.scss +0 -17
  309. package/styles/schedule/tailwind3.css +0 -4632
  310. package/styles/schedule/tailwind3.scss +0 -17
  311. package/tslint.json +0 -111
package/README.md CHANGED
@@ -1,83 +1,83 @@
1
- # JavaScript Schedule Control
2
-
3
- The [JavaScript Scheduler](https://www.syncfusion.com/javascript-ui-controls/js-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) control is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives event data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [DataManager](https://ej2.syncfusion.com/documentation/data/data-binding/) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar.
4
-
5
- <p align="center">
6
- <a href="https://ej2.syncfusion.com/documentation/schedule/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm">Getting started</a> .
7
- <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm#/bootstrap5/schedule/overview.html">Online demos</a> .
8
- <a href="https://www.syncfusion.com/javascript-ui-controls/js-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm">Learn more</a>
9
- </p>
10
- <p align="center">
11
- <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-scheduler.png" alt="JavaScript Scheduler Control"/>
12
- </p>
13
- <p align="center">
14
- Trusted by the world's leading companies
15
- <a href="https://www.syncfusion.com">
16
- <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
17
- </a>
18
- </p>
19
-
20
- ## Setup
21
-
22
- To install Schedule and its dependent packages, use the following command.
23
-
24
- ```sh
25
- npm install @syncfusion/ej2-schedule
26
- ```
27
-
28
-
29
- ## Supported frameworks
30
-
31
- Schedule control is also available in the following list of frameworks.
32
-
33
- | [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
34
- | :-----: | :-----: | :-----: | :-----: | :-----: |
35
-
36
- ## Showcase samples
37
-
38
- * Fare calendar - [Live Demo](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/resources.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm)
39
-
40
- ## Key features
41
-
42
- * [Multiple views](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/views.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - A wide variety of built-in views are available: `day, week, work week, month, timeline day, timeline week, timeline work week, timeline month, timeline year, year, agenda and month agenda`. Easily configure each individual view with different, view-specific options.
43
- * [Data binding](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/remote-data.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time.
44
- * [Drag and drop](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/external-drag-drop.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots.
45
- * Appointment resize - An appointment’s time can be easily extended by resizing its start or end handlers.
46
- * [Multiple resources](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/resource-grouping.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations.
47
- * [Virtual scrolling](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/virtual-scrolling.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Supports to load a large number of resources and events instantly as the users scroll.
48
- * [Recurrence appointment](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/recurrence-events.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis.
49
- * [Template](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/event-template.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - The key elements like events, date header, work cells, time cells, event tooltip, resource header, date range text, and quick info popup comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it.
50
- * [Timezone](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/timezone.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time.
51
- * [Timescale](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/time-scale.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots.
52
- * [Customizable working days and hours](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/work-days.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/work-hour.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/hide-weekend.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm).
53
- * [Custom editor template](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/editor-template.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor.
54
- * [Adaptive rendering](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/month-agenda.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
55
- * [Export to Excel](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/excel-export.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Provides the options to Export the events to Excel formats.
56
- * [Export and Import ICS](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/calendar-export-import.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Provides the options to Export and Import the events as ICS formats.
57
- * [Keyboard interaction](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/keyboard-interaction.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs.
58
- * [Localization](https://ej2.syncfusion.com/documentation/schedule/localization.html?lang=typescript#localization?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language.
59
- * [RTL](https://ej2.syncfusion.com/documentation/schedule/localization.html?lang=typescript#rtl?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Supports displaying the component to display in the direction from right to left.
60
-
61
- ## Support
62
-
63
- Product support is available through the following mediums.
64
-
65
- * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
66
- * [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm)
67
- * [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
68
- * [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm)
69
- * Live chat
70
-
71
- ## Changelog
72
-
73
- Check the changelog [here](https://ej2.syncfusion.com/documentation/release-notes?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
74
-
75
- ## License and copyright
76
-
77
- > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
78
-
79
- > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
80
-
81
- see [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) for more info.
82
-
83
- © Copyright 2025 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
1
+ # JavaScript Schedule Control
2
+
3
+ The [JavaScript Scheduler](https://www.syncfusion.com/javascript-ui-controls/js-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) control is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives event data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [DataManager](https://ej2.syncfusion.com/documentation/data/data-binding/) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar.
4
+
5
+ <p align="center">
6
+ <a href="https://ej2.syncfusion.com/documentation/schedule/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm">Getting started</a> .
7
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm#/bootstrap5/schedule/overview.html">Online demos</a> .
8
+ <a href="https://www.syncfusion.com/javascript-ui-controls/js-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm">Learn more</a>
9
+ </p>
10
+ <p align="center">
11
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-scheduler.png" alt="JavaScript Scheduler Control"/>
12
+ </p>
13
+ <p align="center">
14
+ Trusted by the world's leading companies
15
+ <a href="https://www.syncfusion.com">
16
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
17
+ </a>
18
+ </p>
19
+
20
+ ## Setup
21
+
22
+ To install Schedule and its dependent packages, use the following command.
23
+
24
+ ```sh
25
+ npm install @syncfusion/ej2-schedule
26
+ ```
27
+
28
+
29
+ ## Supported frameworks
30
+
31
+ Schedule control is also available in the following list of frameworks.
32
+
33
+ | [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
34
+ | :-----: | :-----: | :-----: | :-----: | :-----: |
35
+
36
+ ## Showcase samples
37
+
38
+ * Fare calendar - [Live Demo](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/resources.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm)
39
+
40
+ ## Key features
41
+
42
+ * [Multiple views](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/views.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - A wide variety of built-in views are available: `day, week, work week, month, timeline day, timeline week, timeline work week, timeline month, timeline year, year, agenda and month agenda`. Easily configure each individual view with different, view-specific options.
43
+ * [Data binding](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/remote-data.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time.
44
+ * [Drag and drop](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/external-drag-drop.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots.
45
+ * Appointment resize - An appointment’s time can be easily extended by resizing its start or end handlers.
46
+ * [Multiple resources](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/resource-grouping.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations.
47
+ * [Virtual scrolling](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/virtual-scrolling.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Supports to load a large number of resources and events instantly as the users scroll.
48
+ * [Recurrence appointment](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/recurrence-events.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis.
49
+ * [Template](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/event-template.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - The key elements like events, date header, work cells, time cells, event tooltip, resource header, date range text, and quick info popup comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it.
50
+ * [Timezone](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/timezone.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time.
51
+ * [Timescale](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/time-scale.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots.
52
+ * [Customizable working days and hours](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/work-days.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/work-hour.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/hide-weekend.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm).
53
+ * [Custom editor template](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/editor-template.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor.
54
+ * [Adaptive rendering](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/month-agenda.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
55
+ * [Export to Excel](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/excel-export.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Provides the options to Export the events to Excel formats.
56
+ * [Export and Import ICS](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/calendar-export-import.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Provides the options to Export and Import the events as ICS formats.
57
+ * [Keyboard interaction](https://ej2.syncfusion.com/demos/#/bootstrap5/schedule/keyboard-interaction.html?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs.
58
+ * [Localization](https://ej2.syncfusion.com/documentation/schedule/localization.html?lang=typescript#localization?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language.
59
+ * [RTL](https://ej2.syncfusion.com/documentation/schedule/localization.html?lang=typescript#rtl?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Supports displaying the component to display in the direction from right to left.
60
+
61
+ ## Support
62
+
63
+ Product support is available through the following mediums.
64
+
65
+ * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
66
+ * [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm)
67
+ * [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
68
+ * [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm)
69
+ * Live chat
70
+
71
+ ## Changelog
72
+
73
+ Check the changelog [here](https://ej2.syncfusion.com/documentation/release-notes?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
74
+
75
+ ## License and copyright
76
+
77
+ > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
78
+
79
+ > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
80
+
81
+ see [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) for more info.
82
+
83
+ &copy; Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.