DatePicker sizing in mobile device

[J]

Hello,

I want to place ```kendo-datepicker``` into my website, which I want to be responsive also for mobile devices, i.e. width cca 350 px.

I reduced the font and overall size of all controls (also buttons and comboboxes from bootstrap library) in the view, even the datepicker textbox. I managed also to reduce the size of datepicker popup by scaling it (I found this tip somewhere here in forum), but it's wrongly placed - because the textbox and button on ribbon above are not centered, the popup is not centered as well and is off the left edge.

Screens of popup in original and scaled size are attached.

Is there any straightforward way to reduce it's size (except changing font-size which does not work for me and scaling which I described above) so it would fit into screen?

Thanks for any advice.

Frimlik

[Slavena]

Hi Frimlik,

Thank you for the provided screenshots.

Unfortunately, the most straight-forward approach for reducing the Calendar size is by overwriting its inner elements' font sizes. If this is not acceptable in the given scenario, the alternatives are to overwrite multiple other styling rules, applied to the inner elements, coming from the Kendo Theme.

Regards,
Slavena
Progress Telerik