Dialog focus bug with date range picker

[nicolas-besnard]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v1.7.12

What browser are you using?

All

Reproduction URL

https://codesandbox.io/s/headlessui-x-mui-date-range-picker-fgpkog

Describe your issue

When using MUI's date range picker within a Dialog, the first input is always focused and we cannot pick a second date.

This has been introduced by #2093. Here's the same code sandbox working with 1.7.5 https://codesandbox.io/s/headlessui-x-mui-date-range-picker-with-1-7-5-p3h6yh

[afzaalb]

+1

v1.7.12
Chrome Browser

[RobinMalfait]

Hey! Thank you for your bug report!
Much appreciated! 🙏

This should be fixed by #2322, and will be available in the next release.

You can already try it using:

• npm install @headlessui/react@insiders.
• npm install @headlessui/vue@insiders.