Date Picker - Available dates should dynamically update to reflect the latest changes without requiring a manual refresh.

yshnaviganapathi commented 5 months ago

Prerequisites

[X] I have searched for duplicate or closed issues
[X] I have read the contributing guidelines

Describe the issue

Bug Description: The Date Picker component in the Modus Web Components library presents an issue when modifying the minimum and maximum dates using the UI controls. Specifically, when selecting a date that falls below the minimum date or exceeds the maximum date, navigating to available dates in the calendar does not update to reflect the latest changes. A manual refresh of the URL is required to observe the correct behavior.

Reduced test cases

Expected Behavior: After modifying the minimum and maximum dates and selecting a date outside the valid range, navigating to available dates should dynamically update to reflect the latest changes without requiring a manual refresh.

Technical Scenario:

Access the URL(https://modus-web-components.trimble.com/?path=/story/user-inputs-date-picker--default-with-picker).
Observe the Date Picker component, focusing on the "default-with-picker" story.
Modify the minimum date to "2022-12-02" and the maximum date to "2023-01-31" using the Date Picker component UI controls.
Set the current date value to "2023-12-22."
Select a date that falls below the minimum date or exceeds the maximum date (e.g., choose a date in December 2022).
Click on the calendar and navigate to available dates.
Observe that the calendar displays dates from December 2022, and all dates beyond this month are disabled.
Manually refresh the URL and verify that the changes are correctly reflected in the calendar.

Test Data:

Test URL Existing Minimum Date: 2022-12-02 Existing Maximum Date: 2022-12-30 Current Date Value: 2022-12-22 Updated Maximum Date: 2023-01-31 Updated Current Date Value: 2023-12-22

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What is the issue regarding ?

@trimble-oss/modus-web-components

What version of npm package are you using ?

No response

Priority

High

What product/project are you using Modus Components for ?

Modus

What is your team/division name ?

Modus

Are you willing to contribute ?

Yes

Are you using Modus Web Components in production ?

No response

github-actions[bot] commented 5 months ago

Hello @yshnaviganapathi! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.

Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.

ElishaSamPeterPrabhu commented 5 months ago

The date picker maintains state for maximum and minimum dates which are loaded along with the component , they are not required to be handled dynamically hence the behavior not considered an issue.

trimble-oss / modus-web-components