adobe/react-spectrum

Unable to pass ref to Datepicker [react-aria-components]

Open

#7 756 ouverte le 11 févr. 2025

Voir sur GitHub
 (10 commentaires) (7 réactions) (0 assignés)TypeScript (1 500 forks)auto 404
DatePickergood first issue

Métriques du dépôt

Stars
 (15 634 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

Provide a general summary of the issue here

I have a custom Datepicker component that I'm integrating with react-hook-form. I was wondering which component should received the ref (passed by forwardRef), I need to do so since react hook form uses this ref to focus an element on error (think a form submission that has client validation)

I've tried with the DatePicker and DateInput but no luck.

🤔 Expected Behavior?

Ref should be received by the DatePicker or DateInput component.

😯 Current Behavior

Looks like the ref is not being received by the mentioned react-aria-components.

💁 Possible Solution

No response

🔦 Context

No response

🖥️ Steps to Reproduce

You can use the documentation https://react-spectrum.adobe.com/react-aria/DatePicker.html

Version

1.5.0

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macos sequoia

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Guide contributeur

Direction de recherche
Examinez comment react aria components implémente le transfert de ref pour DatePicker et DateInput. Vérifiez si ces composants acceptent les refs et si la ref est transmise à l'élément DOM approprié pour la gestion du focus. Consultez le code source ou la documentation concernant l'utilisation de forwardRef.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitReactreact hook form
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60