Feature/scheduler dst grid/main

e2e/testcafe-devextreme/tests/scheduler/timezones/dragAndDropDst.ts

@@ -67,7 +67,8 @@ const BERLIN_SUMMER_CASE_OFFSET: TestCase = {
   currentDate: '2024-03-31',
   startDate: new Date('2024-03-30T23:00:00Z'),
   cellIdxArray: Array.from({ length: 8 }, (_, idx) => [idx, 3]),
-  expectedTopPosition: [0, 25, 50, 75, 100, 125, 150, 175],
+  // Row 2 is still the missing 02:00. The view offset does not move that hole.
+  expectedTopPosition: [0, 25, 25, 75, 100, 125, 150, 175],
 };
 
 const BERLIN_WINTER_CASE: TestCase = {
@@ -98,7 +99,8 @@ const LOS_ANGELES_SUMMER_CASE_OFFSET: TestCase = {
   currentDate: '2024-03-10',
   startDate: new Date('2024-03-10T08:00:00Z'),
   cellIdxArray: Array.from({ length: 8 }, (_, idx) => [idx, 3]),
-  expectedTopPosition: [0, 25, 50, 75, 100, 125, 150, 175],
+  // Row 2 is still the missing 02:00. The view offset does not move that hole.
+  expectedTopPosition: [0, 25, 25, 75, 100, 125, 150, 175],
 };
 
 const LOS_ANGELES_WINTER_CASE: TestCase = {

packages/devextreme/js/__internal/scheduler/__tests__/__snapshots__/santiago_timezone.test.ts.snap

@@ -25,7 +25,6 @@ exports[`scheduler should render correct workspace in Santiago DST for view: Day
   "9:00 PM",
   "",
   "11:00 PM",
-  "",
 ]
 `;
 
@@ -257,7 +256,6 @@ exports[`scheduler should render correct workspace in Santiago DST for view: Tim
   "9:00 PM",
   "10:00 PM",
   "11:00 PM",
-  "12:00 AM",
 ]
 `;
 
@@ -274,30 +272,30 @@ exports[`scheduler should render correct workspace in Santiago DST for view: Tim
   "7:00 AM",
   "1:00 PM",
   "7:00 PM",
-  "1:00 AM",
-  "7:00 AM",
-  "1:00 PM",
-  "7:00 PM",
-  "1:00 AM",
-  "7:00 AM",
-  "1:00 PM",
-  "7:00 PM",
-  "1:00 AM",
-  "7:00 AM",
-  "1:00 PM",
-  "7:00 PM",
-  "1:00 AM",
-  "7:00 AM",
-  "1:00 PM",
-  "7:00 PM",
-  "1:00 AM",
-  "7:00 AM",
-  "1:00 PM",
-  "7:00 PM",
-  "1:00 AM",
-  "7:00 AM",
-  "1:00 PM",
-  "7:00 PM",
+  "12:00 AM",
+  "6:00 AM",
+  "12:00 PM",
+  "6:00 PM",
+  "12:00 AM",
+  "6:00 AM",
+  "12:00 PM",
+  "6:00 PM",
+  "12:00 AM",
+  "6:00 AM",
+  "12:00 PM",
+  "6:00 PM",
+  "12:00 AM",
+  "6:00 AM",
+  "12:00 PM",
+  "6:00 PM",
+  "12:00 AM",
+  "6:00 AM",
+  "12:00 PM",
+  "6:00 PM",
+  "12:00 AM",
+  "6:00 AM",
+  "12:00 PM",
+  "6:00 PM",
 ]
 `;
 
@@ -386,29 +384,29 @@ exports[`scheduler should render correct workspace in Santiago DST for view: Wee
 
 exports[`scheduler should render correct workspace in Santiago DST for view: Week started at Sun 2`] = `
 [
-  "1:00 AM",
+  "12:00 AM",
   "",
-  "3:00 AM",
+  "2:00 AM",
   "",
-  "5:00 AM",
+  "4:00 AM",
   "",
-  "7:00 AM",
+  "6:00 AM",
   "",
-  "9:00 AM",
+  "8:00 AM",
   "",
-  "11:00 AM",
+  "10:00 AM",
   "",
-  "1:00 PM",
+  "12:00 PM",
   "",
-  "3:00 PM",
+  "2:00 PM",
   "",
-  "5:00 PM",
+  "4:00 PM",
   "",
-  "7:00 PM",
+  "6:00 PM",
   "",
-  "9:00 PM",
+  "8:00 PM",
   "",
-  "11:00 PM",
+  "10:00 PM",
   "",
 ]
 `;

packages/devextreme/js/__internal/scheduler/__tests__/dst_grid_cell_search.utc.test.ts

@@ -0,0 +1,109 @@
+/**
+ * @timezone Etc/UTC
+ */
+
+import {
+  afterEach, beforeEach, describe, expect, it,
+} from '@jest/globals';
+
+import fx from '../../../common/core/animation/fx';
+import { createScheduler } from './__mock__/create_scheduler';
+import { DEFAULT_CELL_WIDTH, setupSchedulerTestEnvironment } from './__mock__/mock_scheduler';
+
+const FIRST_PASS = new Date('2026-10-29T20:30:00.000Z');
+const SECOND_PASS = new Date('2026-10-29T21:30:00.000Z');
+
+describe('cell search on a Cairo fall-back timeline', () => {
+  beforeEach(() => {
+    fx.off = true;
+    setupSchedulerTestEnvironment({ width: DEFAULT_CELL_WIDTH, height: 80 });
+  });
+
+  afterEach(() => {
+    fx.off = false;
+    document.body.innerHTML = '';
+  });
+
+  const createTimeline = async (offset = 0) => {
+    const { scheduler, POM } = await createScheduler({
+      dataSource: [{
+        text: 'A',
+        startDate: new Date('2026-10-29T23:00:00+03:00'),
+        endDate: new Date('2026-10-29T23:15:00+03:00'),
+      }],
+      views: [{ type: 'timelineDay', cellDuration: 60, offset }],
+      currentView: 'timelineDay',
+      currentDate: new Date(2026, 9, 29),
+      cellDuration: 60,
+      timeZone: 'Africa/Cairo',
+      indicatorTime: SECOND_PASS,
+      showCurrentTimeIndicator: true,
+    });
+    const workspace = scheduler.getWorkSpace();
+    const provider = workspace.viewDataProvider;
+    const row = provider.completeViewDataMap[0];
+
+    return {
+      scheduler, POM, workspace, provider, row,
+    };
+  };
+
+  it('findGlobalCellPosition tells the two 23:00 instants apart', async () => {
+    const { provider } = await createTimeline();
+    const first = provider.findGlobalCellPosition(FIRST_PASS);
+    const second = provider.findGlobalCellPosition(SECOND_PASS);
+
+    expect(first?.cellData.startDateUTC?.toISOString()).toBe('2026-10-29T20:00:00.000Z');
+    expect(second?.cellData.startDateUTC?.toISOString()).toBe('2026-10-29T21:00:00.000Z');
+    expect(first?.position.columnIndex).toBe(23);
+    expect(second?.position.columnIndex).toBe(24);
+  });
+
+  it('getSkippedDaysCount counts a cell whose wall clock ends where it starts', async () => {
+    const { provider, row } = await createTimeline();
+    const repeated = row[23];
+    const startInstant = repeated.startDateUTC ?? repeated.startDate;
+    const endInstant = repeated.endDateUTC ?? repeated.endDate;
+    const included = provider.getSkippedDaysCount(0, startInstant, endInstant, 1);
+
+    expect(repeated.startDate.getTime()).toBe(repeated.endDate.getTime());
+    expect(included).toBe(0);
+  });
+
+  it('isGroupIntersectDateInterval uses the true span, including the repeated hour', async () => {
+    const { provider } = await createTimeline();
+
+    expect(provider.isGroupIntersectDateInterval(0, FIRST_PASS, SECOND_PASS)).toBe(true);
+    expect(provider.isGroupIntersectDateInterval(
+      0,
+      new Date('2026-10-28T10:00:00.000Z'),
+      new Date('2026-10-28T12:00:00.000Z'),
+    )).toBe(false);
+  });
+
+  it('getCellsBetween keeps both passes of 23:00', async () => {
+    const { provider, row } = await createTimeline();
+    const between = provider.getCellsBetween(row[23], row[24]);
+
+    expect(between.map((cell) => cell.startDateUTC?.toISOString())).toEqual([
+      '2026-10-29T20:00:00.000Z',
+      '2026-10-29T21:00:00.000Z',
+    ]);
+  });
+
+  it('asks the plan for the indicator column of the second 23:00', async () => {
+    const { workspace } = await createTimeline();
+    const column = workspace.getIndicationCellCount?.();
+
+    expect(column).toBe(24.5);
+  });
+
+  it('applies viewOffset once, so the appointment stays on its cell', async () => {
+    const shifted = await createTimeline(60);
+    const appointmentCell = shifted.row[22];
+
+    expect(shifted.row[23].startDateUTC?.toISOString()).toBe('2026-10-29T21:00:00.000Z');
+    expect(appointmentCell.startDateUTC?.toISOString()).toBe('2026-10-29T20:00:00.000Z');
+    expect(shifted.POM.getAppointment('A').getGeometry().left).toBe(22 * DEFAULT_CELL_WIDTH);
+  });
+});

packages/devextreme/js/__internal/scheduler/__tests__/dst_grid_characterization.cairo.test.ts

@@ -0,0 +1,99 @@
+/**
+ * @timezone Africa/Cairo
+ */
+
+import {
+  afterEach, beforeEach, describe, expect, it,
+} from '@jest/globals';
+
+import fx from '../../../common/core/animation/fx';
+import { createScheduler } from './__mock__/create_scheduler';
+import { DEFAULT_CELL_WIDTH, setupSchedulerTestEnvironment } from './__mock__/mock_scheduler';
+
+const MINUTE_MS = 60 * 1000;
+
+/**
+ * Cairo grid when the browser zone is Cairo, so grid dates carry the real offset.
+ */
+describe('Cairo grid when the browser zone is Cairo', () => {
+  beforeEach(() => {
+    fx.off = true;
+    setupSchedulerTestEnvironment({ width: DEFAULT_CELL_WIDTH, height: 80 });
+  });
+
+  afterEach(() => {
+    fx.off = false;
+    document.body.innerHTML = '';
+  });
+
+  it('folds the repeated hour into a 75-minute 23:45 cell', async () => {
+    const { scheduler, POM } = await createScheduler({
+      dataSource: [{
+        text: 'A',
+        startDate: new Date('2026-10-29T23:00:00+03:00'),
+        endDate: new Date('2026-10-29T23:15:00+03:00'),
+      }, {
+        text: 'B',
+        startDate: new Date('2026-10-29T23:00:00+02:00'),
+        endDate: new Date('2026-10-29T23:15:00+02:00'),
+      }, {
+        text: 'C',
+        startDate: new Date('2026-10-29T23:00:00+03:00'),
+        endDate: new Date('2026-10-29T23:30:00+02:00'),
+      }],
+      views: [{ type: 'timelineDay', intervalCount: 2, maxAppointmentsPerCell: 'unlimited' }],
+      currentView: 'timelineDay',
+      currentDate: new Date(2026, 9, 29),
+      cellDuration: 15,
+      timeZone: 'Africa/Cairo',
+    });
+    const row = scheduler.getWorkSpace().viewDataProvider.viewDataMap.dateTableMap[0];
+    const cell = (index: number) => row[index].cellData;
+    const duration = (index: number) => (
+      cell(index).endDate.getTime() - cell(index).startDate.getTime()
+    );
+    const firstPass = POM.getAppointment('A');
+    const secondPass = POM.getAppointment('B');
+    const across = POM.getAppointment('C');
+
+    expect(row).toHaveLength(196);
+    expect(duration(92)).toBe(15 * MINUTE_MS);
+    expect(duration(95)).toBe(15 * MINUTE_MS);
+    expect(cell(95).startDate.toISOString()).toBe('2026-10-29T20:45:00.000Z');
+    expect(cell(95).endDate.toISOString()).toBe('2026-10-29T21:00:00.000Z');
+    expect(cell(96).startDate.toISOString()).toBe('2026-10-29T21:00:00.000Z');
+    expect(cell(100).startDate.toISOString()).toBe('2026-10-29T22:00:00.000Z');
+
+    expect(firstPass.getGeometry().left).toBe(92 * DEFAULT_CELL_WIDTH);
+    expect(secondPass.getGeometry().left).toBe(96 * DEFAULT_CELL_WIDTH);
+    expect(firstPass.getGeometry().width).toBe(DEFAULT_CELL_WIDTH);
+    expect(across.getGeometry().width).toBe(6 * DEFAULT_CELL_WIDTH);
+    expect(firstPass.getDisplayDate()).toBe('11:00 PM - 11:15 PM');
+    expect(secondPass.getDisplayDate()).toBe(firstPass.getDisplayDate());
+    expect(across.getDisplayDate()).toBe('11:00 PM - 11:30 PM');
+  });
+
+  it('lets the last cell of a spring-forward day spill into the next midnight', async () => {
+    const { scheduler, POM } = await createScheduler({
+      dataSource: [],
+      views: [{ type: 'timelineDay', intervalCount: 2 }],
+      currentView: 'timelineDay',
+      currentDate: new Date(2026, 3, 24),
+      cellDuration: 60,
+      timeZone: 'Africa/Cairo',
+    });
+    const row = scheduler.getWorkSpace().viewDataProvider.viewDataMap.dateTableMap[0];
+    const cell = (index: number) => row[index].cellData;
+    const headers = POM.getHeaderPanelContent();
+
+    expect(row).toHaveLength(47);
+    expect(cell(0).startDate.getHours()).toBe(1);
+    expect(cell(0).startDate.toISOString()).toBe('2026-04-23T22:00:00.000Z');
+    expect(cell(22).startDate.getHours()).toBe(23);
+    expect(cell(22).startDate.getDate()).toBe(24);
+    expect(cell(23).startDate.getHours()).toBe(0);
+    expect(cell(23).startDate.getDate()).toBe(25);
+    expect(headers[2]).toBe('1:00 AM');
+    expect(headers[25]).toBe('12:00 AM');
+  });
+});