DatePicker cannot be used in modals or drawers

[my-name-was-already-taken]

The DatePicker component from @mantine/dates (version 2.3.0) does not open the actual date picker box when used inside of a Modal or Drawer component. Tested in Safari 14 and Chrome 92 on Mac. This is likely due to the component being rendered behind the Drawer / Modal.

https://codesandbox.io/s/datepicker-does-not-open-wcqp9?file=/src/App.js

[rtivital]

Thanks for reporting, this will be fixed in next patch

[prawee]

same me

[rtivital]

Fixed in 2.3.1

[rtivital]

Specify zIndex prop to use DatePicker within Modal:

<DatePicker zIndex={1000} />

[Manitej66]

Same issue for DateTimePicker

[omair-bhatti]

Specify zIndex prop to use DatePicker within Modal:

<DatePicker zIndex={1000} />

not working

[MrWarzo]

Same problem with MonthPickerInput