Skip to content

Datepicker - unavailable date randomly prevent month selection using keyboard #2501

Open
@dpellier

Description

@dpellier

🐛 Bug report

When setting a datepicker with some dates unavailable (using isDateUnavailable), the months, that have some of those unavailable dates, in the month view does not always trigger the selection when pressing "Enter" (though it works fine on click).

This is not always the case, it seems to behave differently regarding of which days are unavailables (sometime, it needs multiples "Enter" press, sometimes it never trigger).

💥 Steps to reproduce

  1. Go to https://stackblitz.com/edit/nkcuir5b?file=src%2FApp.tsx
  2. Click on the calendar icon to open the picker
  3. Click on the view selector to reach the month view
  4. Using keyboard arrows, go to May
  5. Press Enter
  6. Nothing happens

💻 Link to reproduction

CodeSandbox reproduction: https://stackblitz.com/edit/nkcuir5b?file=src%2FApp.tsx

🧐 Expected behavior

As not all dates of the month are unavailable, it should be possible to select it normally (as it is by clicking) using keyboard, regarding of which dates are unavailable.

🌍 System information

Software Version(s)
Ark Version 5.11.0
Zag Version 1.14.0
Browser All
Operating System Mac

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions