[data grid] Using MUI DatePicker in DataGrid is cumbersome

[entaildevops]

Related page

https://mui.com/x/react-data-grid/custom-columns/

Kind of issue

Broken demo

Issue description

DataGrid uses the browsers native datepicker for columns of type "date" by default. The locale of the datepicker comes from browser (at least in Chrome it is the Chrome UI language), which has potential to make the app wide localization inconsistent since LocalizationProvider has no effect on the native datepicker.

I know there is a way to use MUI X DatePicker and that there is an example in the docs, but adding this much code seems cumbersome. Also I was not able to get the example working with AdapterLuxon (the example uses AdapterDateFns). The provided example is not too well commented and explained eather.

IMHO it would make sense to provide a clean and easy way to use MUI X DatePicker in DataGrid instead of requiring hours of research and work the task.

According to issue from 2022 adding support proper for MUI X Datepickers in DataGrid is "coming soon". I wonder what is the current situation?

Context

No response

Search keywords: DatePicker

[michelengelen]

@joserodolfofreitas do we have an ongoing effort of adding it as the base picker for the grid?

@entaildevops thanks for opening this. 👍🏼

[michelengelen]

So, as of now we do not support the MUI date components OOTB, but i know that there are discussions around using is in the future. It seems this has come up a few times already, so I will use this as the opportunity to add a waiting for upvotes label on this one.