How to set size in RadzenDatePicker (Calendar) control?

I tried to do this via the "Style" parameter and tried and placed inside a div.
The size does not change :frowning:

1 Like

Try using your browser's developer tools to see what CSS rule specifies the size you want to change.

I see what you mean. We will investigate a possible fix for this.


const calendarBtn = document.querySelector('.rz-calendar button');

calendarBtn.addEventListener('click', () => {
    const datePicker = document.querySelector('div[id^=\'popup\'] + .rz-datepicker');
    //example width preference = "600px";

This JS code works. Invoke it in the OnAfterRenderAsync handler of the component where you have the RadzenDatePicker.