This sample demonstrates how different tasks can use different calendars in the Gantt chart. Leadership, compliance, and technical reviews each have their own working rules, while the hours per day field still controls the default duration calculation for the project.
This task calendar sample shows that a Gantt Chart project can assign a unique calendar to each task. Different tasks can follow different working patterns without changing the rest of the schedule.
This sample uses the following calendar configurations:
The hoursPerDay property controls the working hours considered for duration calculations, while the project calendar serves as the default schedule for tasks that do not specify a custom calendar.
Gantt component features are segregated into individual feature-wise modules. To use toolbar, edit, markers and selection features, we need to inject the Toolbar, Edit, DayMarkers and Selection into the Inject Services section.
More information on the Essential® React Gantt Chart can be found in this documentation section.
Looking for the full React Gantt Chart component overview, features, pricing, and documentation? Visit the React Gantt Chart page.