Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System
https://developers.arcgis.com/calcite-design-system/
Other
289 stars 76 forks source link

[input-time-zone] Allow to show UTC instead of GMT with the input time zone picker offset mode #8716

Closed fendiaoxiaoshuazi closed 4 months ago

fendiaoxiaoshuazi commented 9 months ago

Check existing issues

Description

The current input time zone offset mode only allow to show GMT. Is it possible to support showing UTC as an option.

Acceptance Criteria

Support showing UTC as an option.

Relevant Info

No response

Which Component

calcite-input-time-zone

Example Use Case

No response

Priority impact

p4 - not time sensitive

Calcite package

Esri team

ArcGIS Survey123

jcfranco commented 8 months ago

@fendiaoxiaoshuazi Thanks for submitting this issue. Would you mind sharing more details behind this request? Is this about enhancing the existing "offset" mode or would this need to introduce a new mode that mainly displays UTC options a certain way?

fendiaoxiaoshuazi commented 8 months ago

Hi, @jcfranco, we would like an enhancement to the existing "offset" mode. Currently, the "offset" mode can only show "GMT", and we would like an option to switch "GMT +/- " to "UTC +/- ". image

Like the time zone picker of Scene Viewer, and Windows time zone picker image image

fendiaoxiaoshuazi commented 7 months ago

Currently, Survey123 connect and field app use the UTC for the time picker. The web app utilizes the Calcite input-time-zone show GMT. Therefore, we need the UTC mode in the Calcite input-time-zone to make them consistent.

Here are the reasons why we chose UTC:

jcfranco commented 5 months ago

Belated thanks for the info, @fendiaoxiaoshuazi!

Adding related issue: https://github.com/Esri/calcite-design-system/issues/9018.

jcfranco commented 4 months ago

Moved to the June release as this is needed for #9018. cc @geospatialem

github-actions[bot] commented 4 months ago

Installed and assigned for verification.

geospatialem commented 4 months ago

Verified in 2.10.0-next.10 with the new offset-style attribute (offsetStyle prop) with the following values:

For example:

<calcite-input-time-zone offset-style="utc"></calcite-input-time-zone>

image