AlaskaAirlines / auro-datepicker

Custom element that allows users to select a date, either with text input or by displaying a calendar.
https://auro.alaskaair.com/components/auro/datepicker
Apache License 2.0
3 stars 4 forks source link

UX for `calendarStartDate` and `calendarEndDate` should be revisited #231

Open jordanjones243 opened 3 months ago

jordanjones243 commented 3 months ago

Please verify the version of auro-datepicker you have installed

2.6.0

Please describe the bug

The current implementation of calendarStartDate and calendarEndDate only affect the dates rendered and navigated to. They do not impact what dates may be selected.

This means that a user can type a date that is outside of the calendarStartDate and calendarEndDate. When they do so, the calendar will jump to the month they typed. But the next/prev buttons are controlled seperately which means a user can type a date that is several months before the calendarStartDate, navigate forward in time some months, but not return back to the month they typed (since the previous month button is disabled due to the range of calendarStartDate).

  1. Go to running demo of datepicker (either localhost or docsite)
  2. Go to API page
  3. Scroll to calendarStartDate & calendarEndDate example
  4. Click into the input and type 02/02/2023
  5. See that calendar jumps to the date even when its outside of the range and only left arrow shows up to navigate to previous months)

Reproducing the error

This issue is reproducible on the Auro docsite

What browsers are you seeing the problem on?

Chrome

Exit criteria

This issue can be considered done once the team discusses the correct UI behavior for this issue and that is resolved.

jason-capsule42 commented 3 months ago

I have updated the description of this ticket to be a little more clear what the issue here is.

Also, my proposed improvement would be the following: