search

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
3.85k stars 1.15k forks source link

[CalendarPicker] Customizable width and height #4565

Open leolozes opened 3 years ago

leolozes commented 3 years ago

We are very interested to invest in material-UI X and using the new Grid & Calendar components. I was playing a bit with the calendar yesterday and I find it great, specially the static mode of the ranged calendar (with the awesome selection), it's something that would be really useful to us.

Unfortunately we are trying to build something like this, with a width that adapts to the parent component, and a calendar that is in a whole a lot bigger than the current one: image

I tried to fiddle with the styling but didn't find any way to get it to be wider without breaking everything. Is this something you would consider in the future? Or the plan is to stick with the "fixed" material design?

Thank you again for the great library you're building, it helps us a lot!

oliviertassinari commented 3 years ago

@LeoLozes Thanks for looking into the component. We definitely plan to make the standalone usage of a calendar view more flexible. The usage combined with a textbox is only a portion of the use cases for it. We also aim to implement a second design, so assuming we can easily implement custom width (which I don't see why we couldn't) I think that we will be able to support your use case in the future.