Fix alignment of date axis ticks with data points

[krkshitij]

Previous Behavior

New Behavior

• Date-based tests are now configured to execute only when the TZ environment variable is set. Testing scripts (test and update-snapshots) have been updated to run tests in the UTC timezone by default.
• A new script (test:tz) has been added to facilitate running tests in different timezones. To accommodate this change, certain date-based snapshot tests have been duplicated for each timezone. This ensures that snapshots are matched correctly within their respective timezones.
• To ensure consistency and prevent unintended side effects, following checks were conducted:
  1. Tests were executed on machines located in various timezones and on the same machine after altering the system timezone settings.
  2. The TZ environment variable was monitored within dependency packages to confirm that the changes were contained within the react-charting testing process and did not affect external environments.
• A guide has been added with instructions on how to create date objects to be passed as data points in a chart: Creating Date Objects For Chart Data | FluentUI Charting Contrib Docsite

Related Issue(s)

• Fixes Support UTC timeformat for date axis #29569

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against df60b15b5a8949962806542be85e72247bb5bff4}

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 570e3c0:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[fabricteam]

🕵 fluentuiv8 No visual regressions between this PR and main

[size-auditor]

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 359c271e0defa6122ee30e9af117599c882dfe71 (build)

[AtishayMsft]

Add a link to the guidance in PR description as well.

[AtishayMsft]

      aria-label="Mar/01, p1. Execllent (0-200), 50/2391. a good day to start with in Texas with best air quality."

this date label remains the same when timezone is UTC. Right?

---

Refers to: packages/react-charting/src/components/HeatMapChart/snapshots/HeatMapChartRTL.test.tsx.snap:178 in 0735a5f. [](commit_id = 0735a5f, deletion_comment = False)