[ANGULAR] Show the week

[shimnx]

How to display weeks (the week of the year) in the calendar section on the right side of GANTT

[tasnim]

Please study docs : https://bryntum.com/docs/gantt/api/Scheduler/preset/ViewPreset

Here is a sample code snippet:

viewPreset : {
	headers : [
		{
			unit : 'week',
			renderer: (startDate, endDate) => `Week ${DateHelper.format(startDate, 'WW')}`
		}
	]
}

[shimnx]

   ganttConfig = {
        readOnly: false,

    listeners: {
    
     
     
    },
    viewPreset : {
        headers : [
            {
                unit : 'week',
                renderer: (startDate, endDate) => `Week ${DateHelper.format(startDate, 'WW')}`
            }
        ]
    }
    }

It was an error

 <bryntum-gantt  (onDataChange)="syncData($event)" style="height:100%;"
            #gantt
            [viewPreset]="ganttConfig.viewPreset"
           ...
            ></bryntum-gantt>

[tasnim]

You can put it inside of the ganttConfig like this:

ganttConfig = {
	...
	viewPreset: {
		timeResolution: {
			unit     : 'day',
			increment: 1
		},
		headers: [
			{
				unit    : 'week',
				renderer: (startDate, endDate) => `Week ${DateHelper.format(startDate, 'WW')}`
			}
		]
	}
}

[shimnx]

Now I can display it successfully.But there seems to be something wrong with the style

[tasnim]

Could you please point out which styles seems wrong to you?

[shimnx]

Why is there an extra highlight

[tasnim]

Maybe you have some non-working time on that. Could you please provide calendar data so that I can check?