Skip to content

Calendar: Unable to tab in and type a date into the Calendar component #8170

Description

@kcoltman-dev

Describe the bug

Users are unable to tab through a form into a Calendar component and just type in the date. They need to click into the component before entering a date.

Reproducer

https://codesandbox.io/p/sandbox/mystifying-wiles-qmrxr9?file=%2Fsrc%2FApp.js%3A11%2C24

System Information

react ^19.0.0
react-dom ^19.0.0
react-scripts ^5.0.0
primereact 10.9.6

Steps to reproduce the behavior

  1. Click into the Name field and enter text
  2. Hit Tab
  3. Attempt to enter a date (ex 01/01/2001)

Expected behavior

Should allow date entry by keyboard without clicking into the component with a mouse

Metadata

Metadata

Assignees

No one assigned

    Labels

    Component: AccessibilityIssue or pull request is related to WCAG or ARIAResolution: StaleIssue or pull request is inactivity and unfortunately it will be *closed* if there is no response

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions