Just so you know I'm currently using version 3 of kendo react
I'm having an issue where I have a form, showing in a dialog box. When the screen size is smaller, and i click the date time picker on my form, the date time picker crops out of the page, so I can't see the bottom of the date time picker. I was thinking to use a class to reposition the datetime picker, but I'm unable to connect my KendoDateTimePicker popupcClass with the CSS class that I added. When i check the popup's class my css class isn't there. What's a good way to make it that my datetimepicker doesn't crop out of my page?
1 Answer, 1 is accepted
Hi, Nate,
Thank you for contacting us.
Unlike the DatePicker component, the DateTimePicker does not have the popupClass prop.
https://www.telerik.com/kendo-react-ui/components/dateinputs/api/DateTimePickerProps/#toc-popup
Another option for handling the customization would be to use PopupContextProvider, which allows the customization of every property of the Popup:
https://www.telerik.com/kendo-react-ui/components/popup/global-context/
I hope this helps.
Regards,
FilipProgress 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/.