Material-ui-pickers: Calendar popup not getting closed when used in a Dialog

[kvskranthikumar]

I am using the latest version - v4.0.0-alpha.9
When we launch the Calender Popup in a dialog, it doesn't close when we click outside the calendar.

Here is the code sandbox to recreate this scenario -

https://codesandbox.io/s/hungry-euclid-mgod9?file=/src/App.jsx

Expected behavior -
The calendar popup should get closed when clicked outside.

[oliviertassinari]

@kvskranthikumar Thanks for the report, it sounds like https://github.com/mui-org/material-ui-pickers/issues/1852#issuecomment-657519201.

[kvskranthikumar]

Thanks for responding quickly.

I am getting recursive errors as well when using inside dialog -

Any idea what could be wrong?

[oliviertassinari]

For that, you will need to upgrade to [email protected] or disable the enforce focus logic.

[kvskranthikumar]

Please help me, how to disable the enforce focus logic?

[BowlingX]

@kvskranthikumar this would be: (see https://material-ui.com/api/modal/#props)

<Dialog disableEnforceFocus />

[kvskranthikumar]

Thanks, @BowlingX that worked.