How to set size in RadzenDatePicker (Calendar) control?

Radzen.Blazor Components
1

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

1 Like
2

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

3

image
image1579×445 35.8 KB

4

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

6

image

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

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

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