Example of Year View in React Scheduler Component


This example showcases the year and timeline year views of the Scheduler with the firstMonthOfYear and monthCount properties customizations. Once the property value has been changed in the properties, it will be reflected in the Scheduler.

More Details...


In this demo, we have showcased the year and timeline year views that help to view the appointment in an annual calendar view. The view options are enabled by using the views property. In the TimelineYear, Horizontal and Vertical orientations are available to view the events with a different layout. Also this demo explains the customization of the different starting month of the year using firstMonthOfYear property and the number of months using the monthsCount property.

Module Injection

To work with Year view on Scheduler – it is necessary to inject the Year and TimelineYear module like using services property under Inject tag.