How to enable only a specific weekend as a working day?

Hi everyone!


My Gantt is configured to not count weekends as working days by default. But I want to enable one or more weekend days as working days (similar to MS-Project). 

How can I do that?


3 Replies

AG Ajithkumar Gopalakrishnan Syncfusion Team January 22, 2025 07:32 AM UTC

Hi Bruna,

Greetings from Syncfusion Support,

To achieve your requirement, we suggest using the includeWeekend or workWeek properties in the Gantt chart. The includeWeekend property enables weekends as working days, while the workWeek property allows you to specify which days should be considered working days in the Gantt chart. We have attached a code snippet and sample for reference:

<GanttComponent id='Editing'

       

        includeWeekend="true"

        >

          ....

</GanttComponent>

// OR

<GanttComponent id='Editing'

        workWeek={workWeek}

       

        >

          ....

</GanttComponent>

const
workWeek = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];


You can find a working example on StackBlitz.  

For more information, you may refer to the following link:

https://ej2.syncfusion.com/react/documentation/api/gantt/#workweek


https://ej2.syncfusion.com/react/documentation/api/gantt/#includeweekend

If you have any further questions or need additional assistance, please let me know!


Regards,
Ajithkumar G



BL bruna luiza mokwa replied to Ajithkumar Gopalakrishnan January 22, 2025 05:45 PM UTC

Thanks for answering!

I created a modal for the user configurate holidays and also enable one or more weekend days (disabled by default) as a working day.

The problem is: it's ok configurate holidays with the tag <HolidayDirective> but how can I configurate this specific weekend day as a working day again and keeping the rest of the weekends disabled? 



SJ Sridharan Jayabalan Syncfusion Team January 23, 2025 01:11 PM UTC

Bruna,


Apologies for the confusion.


After reviewing your query, we currently do not support setting specific weekends alone as working days for the entire timeline in the Gantt chart functionality. 


We already logged feature request for the requirement. You can track the status of the feature from the feedback link given below.

 

Feedback link - Provide support to set specific weekend as a working day in a timeline in React | Feedback Portal

 

We have already lined up some major features, we could not implement this support immediately. We will implement this and include it in any of our upcoming releases. Please cast your vote on this feature. Based on the customer demand we will prioritize the features in our upcoming road map. You can communicate with us or track the status of the feature using the feedback link. 

 


Regards,

Sridharan


Loader.
Up arrow icon