search

zesty-io / manager-ui

Content platform powering enterprise websites and applications
https://www.zesty.io
Other
39 stars 5 forks source link

Content: Date and Date Time Field Revamp #2138

Closed zcolah closed 8 months ago

zcolah commented 1 year ago

Intro

We are revamping the user experience of the date field in the Content application to make it more user friendly. Here is a list of the updates we are making:

  1. Date and Time Pickers have been given an intuitive interface similar to Google Calendar, one of the most used date time user interfaces on the web
  2. Users can now manually type in a date and time
  3. Users can select which time zone they wish to publish in (this reduces confusion with UTC)
  4. Select date menu opens on clicking the field
  5. Date can be seen in a more user friendly format (Feb 5, 2023). Users still have the option to view the date in the developer format (2022 - 03 -05).
  6. Date Picker Button has been shifted to the left from the right for easier recognition while scanning all fields

Date Picker

image

Date Time Picker

image

Figma

https://www.figma.com/file/zOI7oSH3fG1XDmmPzsP6PX/Zesty-3.0-Revamp?type=design&node-id=2373%3A247538&mode=dev&t=iRSvOoMDjp7aR5V6-1

Dev Notes

@agalin920 has prototyped the date picker in this Code Sandbox to show how the date picker should work. Please review this when building the date picker.

https://codesandbox.io/s/trusting-margulis-mcgjdn?file=/src/Demo.tsx

Archived Notes

For future reference if needed

Date Inputs to Accept and How to Interpret them

  1. Sep 22, 2023 (should also support case of no commas)
  2. Sep 22nd, 2023 (should also support case of no commas)
  3. September, 22 2023 (should also support case of no commas)
  4. September 22nd, 2023 (should also support case of no commas)
  5. 9/22/2023 (should also support case where spaces are used instead of slashes)
  6. 22/9/2023 (should also support case where spaces are used instead of slashes)
  7. 2023, Feb 2 (should also support case of no commas)
  8. 2023, February 2 (should also support case of no commas)
agalin920 commented 9 months ago

@zcolah We will probably need a list of timezones that we want to support. There are some major ones that get narrowed down to.

The SS makes me believe we want to display timezones all represented in relation to Greenwich Mean Time. Is that the case? Using abbreviations like PST might be more effective.

We also need to do a BE change to support the setting/retrieval of timezones "Z" on this field since as of now it does not support it.

agalin920 commented 9 months ago

@zcolah We currently support seconds as well. Are we dropping that support?

zcolah commented 8 months ago

Made two separate issues for this

  1. https://github.com/zesty-io/manager-ui/issues/2414
  2. https://github.com/zesty-io/manager-ui/issues/2417
zcolah commented 8 months ago

Made two separate issues for this

https://github.com/zesty-io/manager-ui/issues/2414 https://github.com/zesty-io/manager-ui/issues/2417