Gantt Chart / Scheduling Concepts / Timezone

Blazor Gantt Chart Example - Timezone

Loading Syncfusion Blazor Server Demos…

treeGridsfGantt_356_gridcontrol_header_table

Task Name

Start Date

End Date

Duration

Progress

Dependency

Campaign strategy & planning

Oct 10, 06:00 AM

Oct 10, 02:00 PM

8 Hours

Stakeholder alignment meeting

Oct 10, 06:00 AM

Oct 10, 07:30 AM

1.5 Hours

100

Competitor analysis

Oct 10, 07:30 AM

Oct 10, 10:00 AM

2.5 Hours

2FS

Messaging and value propositions

Oct 10, 10:00 AM

Oct 10, 02:00 PM

4 Hours

3FS

Market research survey

Oct 10, 07:00 AM

Oct 10, 09:00 AM

2 Hours

Customer persona workshop

Oct 10, 09:00 AM

Oct 10, 10:30 AM

1.5 Hours

5FS

Finalize campaign strategy

Oct 10, 10:30 AM

Oct 10, 01:00 PM

2.5 Hours

6FS

Creative production

Oct 11, 09:00 AM

Oct 11, 11:00 PM

14 Hours

Produce digital assets

Oct 11, 09:00 AM

Oct 11, 03:00 PM

6 Hours

Landing page development

Oct 11, 03:00 PM

Oct 11, 07:00 PM

4 Hours

9FS

Media & copy approval

Oct 11, 07:00 PM

Oct 11, 11:00 PM

4 Hours

10FS

Digital rollout

Oct 11, 11:00 PM

Oct 12, 07:00 AM

8 Hours

Deploy landing pages

Oct 11, 11:00 PM

Oct 12, 01:00 AM

2 Hours

11FS

Email blast

Oct 12, 01:00 AM

Oct 12, 03:00 AM

2 Hours

13FS

Activate advertisement campaigns

Oct 12, 03:00 AM

Oct 12, 07:00 AM

4 Hours

14FS

Regional market launch

Oct 12, 07:00 AM

Oct 12, 09:00 PM

14 Hours

United states launch

Oct 12, 07:00 AM

Oct 12, 11:00 AM

4 Hours

15FS

European union launch

Oct 12, 11:00 AM

Oct 12, 03:00 PM

4 Hours

17FS

Asia launch

Oct 12, 03:00 PM

Oct 12, 07:00 PM

4 Hours

18FS

Region rollout check-in

Oct 12, 07:00 PM

Oct 12, 09:00 PM

2 Hours

19FS

Campaign monitoring & closure

Oct 12, 09:00 PM

Oct 13, 06:00 AM

9 Hours

Monitor key performance indicators & analytics

Oct 12, 09:00 PM

Oct 13, 12:00 AM

3 Hours

20FS

Optimize campaign spend

Oct 13, 12:00 AM

Oct 13, 03:00 AM

3 Hours

22FS

Review results & archive

Oct 13, 03:00 AM

Oct 13, 06:00 AM

3 Hours

23FS

Oct 10, 2025	Oct 11, 2025	Oct 12, 2025	Oct 13, 2025

12 AM	01 AM	02 AM	03 AM	04 AM	05 AM	06 AM	07 AM	08 AM	09 AM	10 AM	11 AM	12 PM	01 PM	02 PM	03 PM	04 PM	05 PM	06 PM	07 PM	08 PM	09 PM	10 PM	11 PM	12 AM	01 AM	02 AM	03 AM	04 AM	05 AM	06 AM	07 AM	08 AM	09 AM	10 AM	11 AM	12 PM	01 PM	02 PM	03 PM	04 PM	05 PM	06 PM	07 PM	08 PM	09 PM	10 PM	11 PM	12 AM	01 AM	02 AM	03 AM	04 AM	05 AM	06 AM	07 AM	08 AM	09 AM	10 AM	11 AM	12 PM	01 PM	02 PM	03 PM	04 PM	05 PM	06 PM	07 PM	08 PM	09 PM	10 PM	11 PM	12 AM	01 AM	02 AM	03 AM	04 AM	05 AM	06 AM	07 AM	08 AM	09 AM	10 AM	11 AM	12 PM	01 PM	02 PM	03 PM	04 PM	05 PM	06 PM	07 PM	08 PM	09 PM	10 PM	11 PM

Executive Brief & Stakeholder Sync

Creative & Copy Approved

First Ad Campaign Live

Campaign Wrap-Up

This sample demonstrates how to plan and coordinate a multi region marketing campaign using the Blazor Gantt Chart. It highlights the automatic adjustment of task dates and times based on the selected timezone, ensuring consistent scheduling accuracy across different geographic locations.

The Timezone property ensures that all date related elements such as task start and end dates, baselines, indicators, and event markers are displayed according to the selected timezone. A dropdown allows switching between timezones at runtime, instantly updating the chart without requiring a page reload.

The component also handles Daylight Saving Time (DST) automatically, maintaining schedule accuracy throughout the year. This feature is especially useful for teams operating across multiple regions, enabling seamless coordination with consistent time references.

For further details, refer to the documentation.