Esri / calcite-design-system

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

Input Date Picker , DatePicker - Customize Display Format #6585

Open Elhazard opened 1 year ago

Elhazard commented 1 year ago

Description

I would like to modify the display of the input to another date format. For example, in the picture it is shown MM/dd/yyyy , I would like to modify it to dd/MMM/yyyy (17 Mar 2023)

image

Acceptance Criteria

Able to change display format in the textbox

Relevant Info

I work in Thailand and we have 2 different types of year era (1. A.D. - for example 2023 , 2. Buddhist Era - for example 2566 (A.D. + 543))

It would be great if we can also set the year in either A.D. or Buddhist Era (For example 17 มี.ค. 2023 or 17 มี.ค. 2566) *** มี.ค. = Mar

Which Component

Input Date Picker, Date Picker

Example Use Case

No response

Esri team

N/A

geospatialem commented 1 year ago

Came up during the DevSummit discussions.

Currently account for the Buddhist era (AD + 543), but not AD.

Current implementation sample for context: https://codepen.io/geospatialem/pen/GRXyLJK

Elhazard commented 1 year ago

The thing is

1.We have users wanting to see displayed month in MMM or MMMM format (For example, Mar or March) but currently the date picker can only display in MM format and I believe there is currently no properties to adjust date format

  1. We have users wanting to see displayed year in either A.D. or B.E. but currently TH locale only support B.E. format
geospatialem commented 3 months ago

Related #6296

geospatialem commented 2 months ago

@annierm18 in addition to the related #6296, wanted to get your expertise on the above request.

geospatialem commented 2 months ago

The above was vetted by the i18n team and @annierm18. As we proceed, the i18n team would like to be in the loop on the implementation to ensure options are available while providing an expected, and straightforward implementation.

~Adding the design label for any design considerations prior to moving over to dev.~