adobe/react-spectrum

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

Open

#7756 aperta il 11 feb 2025

Vedi su GitHub
 (10 commenti) (7 reazioni) (0 assegnatari)TypeScript (1500 fork)auto 404
DatePickergood first issue

Metriche repository

Star
 (15.634 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor

Direzione di ricerca
Investiga come react aria components implementa il forwarding delle ref per DatePicker e DateInput. Controlla se questi componenti accettano ref e se la ref viene inoltrata all'elemento DOM appropriato per la gestione del focus. Esamina il codice sorgente o la documentazione per l'uso di forwardRef.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitReactreact hook form
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60