Date Picker with calendar weeks (optionally shown in first column)

[d-m-s]

Summary

Enhance the current date picker to optionally (via parameter) show the calendar weeks in the first column.

• What is the change? add parameter to show calendar weeks.

• Why should it go in Clarity? In Europe, probably with focus to german speaking areas, calendar weeks are commonly used to refer to a data. More particular in delivery and production businesses the calendar week is an important criteria.

• Does this change impact existing behaviors? If so how? Should be introduced as optional parameter. May not break/occur on existing usages of the date picker. Ideally could be globally activated/deactivated for all usages of datefields within an application if not overridden by parameter.

• If this change introduces a new behavior, is this behavior accessible? Selection of calendar week is not necessary, hence only information is displayed.

Use case

The user knowns that a delivery is expected in calendar week 46 (CW46), eg. from some phone call or paper delivery bill, and wants to set eg. monday of this week into the date field.

Examples

Clarity example, currently without calendar week

Microsoft Fluent Design https://developer.microsoft.com/en-us/fluentui#/controls/web/datepicker

Outlook

Bootstrap

Workarounds

Cumbersome, looking into physical calender's or other software products (Outlook) switching back to application and entering the date.

[bdryanovski]

@d-m-s this is something that we could consider adding but probably as part of the new Core component as part of the DatePicker and TimePicker component that we plan to replace the current one. This is something that we have on our roadmap for the next year.

[d-m-s]

Hi @bdryanovski, do you refer to the mentioned #474, or is there another existing?

[bdryanovski]

It's one of them. We are planning to redesign and rework the component, and want to do it right so that's why we are taking more time to plan what we want to include and how to make it accessible for everyone. We have some plan on how to do it, not everything is public, it's just not in the roadmap until the end of the year (for now).

[d-m-s]

can you give us a little more info about when this will start to be implemented? or if some form of contribution could speed up the process?

[gnomeontherun]

Hey @d-m-s, we're starting to consider enhancements only for Clarity Core implementations of components, as we wish to stabilize Clarity Angular for long term support. We've had internal discussions about how and when to build the Clarity Core versions of Date Picker, but have currently settled for the default browser date picker as we have a few dependencies to build first (we need to finish working on popovers in Core for example). We haven't done any design work on this yet, and I don't have any timeline as its not a current top priority until we finish the necessary dependencies. I also don't know what the accessibility requirements might be to add this additional column, so there are a few fundamental things to understand before we could tackle it so we aren't ready to encourage a contribution at this stage.

[Jinnie]

Transferring my last comment form #5351

This should definitely go through Accessibility team first, as I don't see this feature in the W3C examples: https://www.w3.org/TR/wai-aria-practices-1.1/examples/dialog-modal/datepicker-dialog.html @chlane

[gnomeontherun]

The feature request here has been captured into our list and we’re going to take it into consideration as we develop Clarity Core capabilities. In an effort to clean up our backlog and focus our attention, I’m going to close this as captured in our feature requests. Please follow our development and releases to see when we release relevant components to make this possible. Future feature requests can be made in our GitHub Discussions.

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.