You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Users have reported the following problems with the date field in the Content App:
Users cannot easily identify how to open the date picker as the calendar icon to open it all the way to the right.
"If I try to type, it does not let me type. I would love if as a user I can type a date without making an error."
"The date format is confusing. I do not know the date or month in this format." This is because we present it the way we store it - 2022 - 03 -05.
Solution
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:
Date Picker has been given an intuitive interface similar to Google Calendar, one of the most used date time user interfaces on the web
Users can now manually type in a date
The date picker now opens when clicking on the input
Date can be seen in a more user friendly format (Feb 5, 2023). Note: Users still can view the date in the exact format it is stored in (2022 - 03 -05).
Date Picker Button has been shifted to the left from the right for easier recognition while scanning all fields
Dedicated button to clear the date field
Notes for Developer
@agalin920 has started a prototype of the date picker in this Code Sandbox that has the critical functionality of the date picker that is expected. Of course it is not perfect and does not have everything thing in it. This is just a starting point. Please review this when building the date picker. https://codesandbox.io/s/trusting-margulis-mcgjdn?file=/src/Demo.tsx
Do read the dev notes in yellow in the Figma file
This project can be confusing so do reach out to me if you have any questions.
Date Inputs to Accept and How to Interpret them
Sep 22, 2023 (should also support case of no commas)
Sep 22nd, 2023 (should also support case of no commas)
September, 22 2023 (should also support case of no commas)
September 22nd, 2023 (should also support case of no commas)
9/22/2023 (should also support case where spaces are used instead of slashes)
22/9/2023 (should also support case where spaces are used instead of slashes)
2023, Feb 2 (should also support case of no commas)
2023, February 2 (should also support case of no commas)
closes#2414
- [x] Check with andres if timestamp is needed
- [x] Better approach on getting the zesty-orange background
- [x] Deployment to stage for early VQA and bugs ask @theofficialnar
Problem
Users have reported the following problems with the date field in the Content App:
Solution
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:
Notes for Developer
@agalin920 has started a prototype of the date picker in this Code Sandbox that has the critical functionality of the date picker that is expected. Of course it is not perfect and does not have everything thing in it. This is just a starting point. Please review this when building the date picker.
https://codesandbox.io/s/trusting-margulis-mcgjdn?file=/src/Demo.tsx
Do read the dev notes in yellow in the Figma file
This project can be confusing so do reach out to me if you have any questions.
Date Inputs to Accept and How to Interpret them
Figma
https://www.figma.com/file/zOI7oSH3fG1XDmmPzsP6PX/Zesty-3.0-Revamp?type=design&node-id=2373%3A247538&mode=dev&t=2czQWJDo7fywuUAc-1
The text was updated successfully, but these errors were encountered: