KendoDateTimePicker PopupSettings.PopupClass component not showing in html elements

[Nate]

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?

 

[Filip]

Hi, Nate,

Thank you for contacting us.

Unlike the DatePicker component, the DateTimePicker does not have the popupClass prop. 

A list of the available properties can be found in the following help topic:

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