react-aria useDatePicker has two elements with the same id

[JennyHumphries]

Expected Behaviour

react-aria useDatePicker should be compliant with accessibility rules

Actual Behaviour

Following the example in the docs here: https://react-spectrum.adobe.com/react-aria/useDatePicker.html
Both groupProps and fieldProps have the same id which results in elements with duplicate ids.

Reproduce Scenario (including but not limited to)

Steps to Reproduce

In the example docs here: https://react-spectrum.adobe.com/react-aria/useDatePicker.html
If you inspect the example date picker you can see the duplicate ids here:

Platform and Version

react-aria ^3.21.0

Current workaround

Manually set the id on the groupProps to something different

[LFDanLu]

Thanks for reporting this, at a glance maybe

react-spectrum/packages/@react-aria/datepicker/src/useDatePicker.ts

Line 115 in f32367a

...fieldProps,

shouldn't be added here, but I'd have to double check the accessibility experience

[dannify]

The div with role="presentation" shouldn't be getting the id as well.