calcite-input-time-zone throws error on Chrome

[richiecarmichael]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

calcite-input-time-zone crashes on initialization on Chrome and Edge. Works fine on FF and Safari.

Expected Behavior

Component does not crash.

Reproduction Sample

See below

Reproduction Steps

To reproduce failure with DateTimeFormat.

1. Click here
2. Enter the following code:

const t = new Intl.DateTimeFormat("en", {
  timeZone: "Factory",
  timeZoneName: "shortOffset",
});

4. Click Run.

Reproduction Version

3.0.0

Relevant Info

No response

Regression?

Yes

Priority impact

impact - p1 - need for current milestone

Impact

Affects the TimeZoneLabel JSSDK widget when used on Chrome or Edge.

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Maps SDK for JavaScript

Reference

#66469 ValuePicker - Migrate to Calcite 3.0

// @jcfranco

[jcfranco]

This seems related to a recent Chrome update where “Factory” is no longer a valid timeZone option in Intl.DateTimeFormat. I’ve filed a Chromium issue to track this.

@nCastle1, could you share the console error you’re encountering? I suspect it might be a different issue.

[nCastle1]

I investigated further, and I think the error was unrelated. I couldn't reproduce in codepen and narrowed down to an asset loading issue in test environment.