Resource histogram behaves differently depending on timezone

[taauntik]

Forum post

Or if you want, you can use the following code to reproduce it on any demo (e.g. https://bryntum.com/products/gantt/examples/resourcehistogram/)

Please make sure you are alternating between the timezones to see the behavior.

import { Gantt, ProjectModel, ResourceHistogram, Splitter } from '../../build/gantt.module.js?463787';
import shared from '../_shared/shared.module.js?463787';

const project = (window.project = new ProjectModel({
  calendar: 'general',
  tasks: [
    {
      id: '639364727fe46b4c86c420cc',
      name: 'TASK 1',
      children: [
        {
          name: 'Task 1',
          id: '639364727fe46b4c86c420cc-task1',
          startDate: '2028-2-17',
          endDate: '2028-3-3',
          duration: 15,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-2-17',
        },
        {
          name: 'Task 2',
          id: '639364727fe46b4c86c420cc-task2',
          startDate: '2028-3-3',
          endDate: '2028-3-18',
          duration: 15,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-3-3',
        },
        {
          name: 'Final',
          id: '639364727fe46b4c86c420cc-final',
          startDate: '2028-4-1',
          endDate: '2028-4-1',
          duration: 0,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-4-1',
        },
      ],
    },
    {
      id: '639364727fe46b4c86c420cd',
      name: 'TASK 2',
      children: [
        {
          name: 'Task 1',
          id: '639364727fe46b4c86c420cd-task1',
          startDate: '2028-3-3',
          endDate: '2028-3-18',
          duration: 15,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-3-3',
        },
        {
          name: 'Task 2',
          id: '639364727fe46b4c86c420cd-task2',
          startDate: '2028-3-18',
          endDate: '2028-4-2',
          duration: 15,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-3-18',
        },
        {
          name: 'Final',
          id: '639364727fe46b4c86c420cd-final',
          startDate: '2028-4-16',
          endDate: '2028-4-16',
          duration: 0,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-4-16',
        },
      ],
    },
    {
      id: '639364727fe46b4c86c420ce',
      name: 'TASK 3',
      children: [
        {
          name: 'Task 1',
          id: '639364727fe46b4c86c420ce-task1',
          startDate: '2028-3-18',
          endDate: '2028-4-2',
          duration: 15,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-3-18',
        },
        {
          name: 'Task 2',
          id: '639364727fe46b4c86c420ce-task2',
          startDate: '2028-4-2',
          endDate: '2028-4-17',
          duration: 15,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-4-2',
        },
        {
          name: 'Final',
          startDate: '2028-5-1',
          endDate: '2028-5-1',
          duration: 0,
          constraintType: 'startnoearlierthan',
          constraintDate: '2028-5-1',
        },
      ],
    },
  ],
  assignments: [
    {
      id: '639364727fe46b4c86c420cc-task1',
      event: '639364727fe46b4c86c420cc-task1',
      resource: '639364203be5fd00129e9ab2',
    },
    {
      id: '639364727fe46b4c86c420cc-task2',
      event: '639364727fe46b4c86c420cc-task2',
      resource: '639364203be5fd00129e9ab5',
    },
    {
      id: '639364727fe46b4c86c420cd-task1',
      event: '639364727fe46b4c86c420cd-task1',
      resource: '639364203be5fd00129e9ab2',
    },
    {
      id: '639364727fe46b4c86c420cd-task2',
      event: '639364727fe46b4c86c420cd-task2',
      resource: '639364203be5fd00129e9ab5',
    },
    {
      id: '639364727fe46b4c86c420ce-task1',
      event: '639364727fe46b4c86c420ce-task1',
      resource: '639364203be5fd00129e9ab2',
    },
    {
      id: '639364727fe46b4c86c420ce-task2',
      event: '639364727fe46b4c86c420ce-task2',
      resource: '639364203be5fd00129e9ab5',
    },
  ],
  dependencies: [
    {
      id: '639364727fe46b4c86c420cc-preparationWork639364727fe46b4c86c420cc-task1',
      fromTask: '639364727fe46b4c86c420cc-preparationWork',
      toTask: '639364727fe46b4c86c420cc-task1',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420cc-task1639364727fe46b4c86c420cc-task2',
      fromTask: '639364727fe46b4c86c420cc-task1',
      toTask: '639364727fe46b4c86c420cc-task2',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420cc-task2639364727fe46b4c86c420cc-final',
      fromTask: '639364727fe46b4c86c420cc-task2',
      toTask: '639364727fe46b4c86c420cc-final',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420cd-preparationWork639364727fe46b4c86c420cd-task1',
      fromTask: '639364727fe46b4c86c420cd-preparationWork',
      toTask: '639364727fe46b4c86c420cd-task1',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420cd-task1639364727fe46b4c86c420cd-task2',
      fromTask: '639364727fe46b4c86c420cd-task1',
      toTask: '639364727fe46b4c86c420cd-task2',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420cd-task2639364727fe46b4c86c420cd-final',
      fromTask: '639364727fe46b4c86c420cd-task2',
      toTask: '639364727fe46b4c86c420cd-final',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420ce-preparationWork639364727fe46b4c86c420ce-task1',
      fromTask: '639364727fe46b4c86c420ce-preparationWork',
      toTask: '639364727fe46b4c86c420ce-task1',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420ce-task1639364727fe46b4c86c420ce-task2',
      fromTask: '639364727fe46b4c86c420ce-task1',
      toTask: '639364727fe46b4c86c420ce-task2',
      type: 2,
    },
    {
      id: '639364727fe46b4c86c420ce-task2639364727fe46b4c86c420ce-final',
      fromTask: '639364727fe46b4c86c420ce-task2',
      toTask: '639364727fe46b4c86c420ce-final',
      type: 2,
    },
  ],
  resources: [
    {
      id: '639364203be5fd00129e9ab5',
      name: 'Resource 1',
    },
    {
      id: '639364203be5fd00129e9ab2',
      name: 'Resource 2',
    },
  ],
  calendars: [ 
    {
      id: 'general',
      name: 'General',
      intervals: [
        {
          recurrentStartDate: 'on Sat at 0:00',
          recurrentEndDate: 'on Mon at 0:00',
          isWorking: true,
        },
      ],
    },
  ],
}));

const gantt = new Gantt({
  project,
  appendTo: 'container',
  columns: [
    { type: 'name', width: 280 },
    { type: 'resourceassignment', showAvatars: true, width: 170 },
  ],
});

new Splitter({
  appendTo: 'container',
});

const histogram = (window.histogram = new ResourceHistogram({
  appendTo: 'container',
  project,
  hideHeaders: true,
  partner: gantt,
  columns: [{ type: 'resourceInfo', field: 'name', showEventCount: false, flex: 1 }],
}));

[marciogurka]

+1 user asking for this fix.

[marciogurka]

User added an observation regarding this one

Actually we did some investigation and now we know it's related to Daylight Saving Time and not to the time zone itself