Hello, I've placed a datepicker in the cells of a ReactDataGrid.
When I open the DatePicker and I try to select a month from the left column, the DatePicker popup closes instead of remaining open and changing the displayed month.
I've tried to define the date picker in the formatter property or in the editor property and the problem happens in both cases.
Is there a way to keep it open when choosing the month ?
Here is a Stackblitz reproducing the problem: https://stackblitz.com/edit/react-ts-nbsds1?file=App.tsx
Open a master row by clicking on the ">" symbol in the first column and then click on the DatePicker toggle button to show the popup.
Thanks in advance.
1 Answer, 1 is accepted
Hello Alex,
The popup of the DatePicker will stay open as long as the focus remain within that popup container. However, I have noticed that the react-data-grid is focusing the cells, which is what forces the popup of the DatePicker to close when you click on the month section. I would suggest that you take a look at the following issue in the react-data-grid repository for preventing the cell focusing:
Hope this helps.
Regards,
Konstantin Dikov
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.