[pickers] Update date calendar styling

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/

4.5k stars 1.31k forks source link

[pickers] Update date calendar styling #9276

Open LukasTy opened 1 year ago

LukasTy commented 1 year ago

Update the DateCalendar and DateRangeCalendar styling as per the suggested design: https://www.figma.com/file/2z9h8rxbPi7rVqChAx8D54/Date-and-Time-pickers?node-id=1217-45008&t=W415189I0iQCjgI7-4

Ensure alignment is consistent in all states (i.e. with week numbers)
Ensure that the max width is 320px to avoid styling regressions (v6 users might still be expecting pickers to fit on smaller devices with 320px screen width)

LukasTy commented 1 year ago

Added both major version labels as this change can be omitted if we do not finalize on a design decision that works without making breaking changes. 👌

arthurbalduini commented 2 weeks ago

Is there a new design link ? cc @LukasTy @noraleonte

noraleonte commented 2 weeks ago

Have we clarified what exactly we want to update here? I think the Figma from the description is a bit outdated and probably needs to be revisited 🤔

Btw, this issue is possibly related to this page which I want to brush over and highlight things that are actually doable

LukasTy commented 2 weeks ago

As discussed in the grooming—we can treat this issue as "Implement MD3" if we notice a lack of time to squeeze it into v8. 👌