Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

mobile: calendar unable to go past current month of the year #174

Closed
cynthiaricomendoza-alaskaair opened this issue Dec 13, 2023 · 4 comments

Comments

@cynthiaricomendoza-alaskaair

Describe the bug

when the minDate is set to a date in the past and the maxDate is set to today's date, the calendar drop down does not allow the user to choose dates before the current month. the calendar only allows users to scroll through future dates which are disabled because the maxDate is set to today's date.

here is an example of what our code looks like:

        <auro-datepicker
          id="birth-date"
          setCustomValidityValueMissing="Infant's birthdate is required."
          ${ref(this.liBirthdayRef)}
          @auroDatePicker-valueSet=${this.birthdaySelected}
          maxDate="12/13/2023"
          minDate="12/14/2021"
          setCustomValidityRangeUnderflow="Each child 2 years and older must have their own seat and ticket."
          required
        >
          <span slot="fromLabel"
            >Birth date</span
          >
          <span slot="mobileDateLabel"
            >Birth date</span
          >
        </auro-datepicker>

To Reproduce

Steps to reproduce the behavior:

  1. Set the minDate on the auro-datepicker to a date in the past, (e.g. 2021-12-12)
  2. Set the maxDate on the auro-datepicker to today's date
  3. In mobile, click on the auro-datepicker and observe you are unable to scroll through dates past the current month of the year.

Expected behavior

In mobile, the calendar in the auro-datepicker should allow the user to scroll through dates in the past if the minDate is set to a date in the past.

Screenshots

Screen.Recording.2023-12-13.at.15.44.32.mov

Desktop (please complete the following information):

  • OS: macOS
  • Browser Chrome
  • Version

Additional context

@blackfalcon
Copy link
Member

@jordanjones243 can you follow up on this? I feel that this is possibly being addressed with the upcoming release work?

@jordanjones243
Copy link
Contributor

jordanjones243 commented Dec 21, 2023

@jordanjones243 can you follow up on this? I feel that this is possibly being addressed with the upcoming release work?

@blackfalcon We recognize the issue and we will be talking with Brandon to see if we can address this in the upcoming work.

@blackfalcon
Copy link
Member

@Patrick-Daly-AA I am removing my name on this one. Please work with the devs to get this issue scheduled.

@blackfalcon blackfalcon removed their assignment Dec 26, 2023
@blackfalcon blackfalcon removed the not-reviewed Issue has not been reviewed by Auro team members label Dec 26, 2023
@Patrick-Daly-AA Patrick-Daly-AA removed their assignment Sep 25, 2024
@Patrick-Daly-AA
Copy link

Design best practice is to not use a date picker for birthdate entry. Navigating beyond the calendar start or end date on mobile would be a new feature request.

@jason-capsule42 jason-capsule42 removed the Type: Bug Bug or Bug fixes label Oct 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants