[website] Visual bug on the demo Calendar in the hero section

[VikashPR]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The landing page calendar is over lapping the background border

Expected behavior 🤔

Steps to reproduce 🕹

Steps:

1. class="MuiPickerStaticWrapper-content css-1ff9mmz" div
2. adding border-radius of 10px to the above class css-1ff9mmz will fix the bug

Context 🔦

Current landing page calendar:

New calendar:

the one with border-radius will look good in the landing page

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Google Chrome Developer Edition Version 106.0.5216.6 (Official Build) dev (x86_64)

[danilo-leal]

Hey @VikashPR, thanks for opening this one! I'm not being able to reproduce it, though 🤔

[VikashPR]

Hey @VikashPR, thanks for opening this one! I'm not being able to reproduce it, though 🤔

Try reproducing it using dev tools in mui.com

[MonstraG]

Firefox 104.0b8 (64-bit) Win 11, 1.25 devicePixelRatio

[VikashPR]

Please refer this screen recording
https://user-images.githubusercontent.com/69889418/184291863-c1e01a81-e282-43ac-a994-f36e83db612a.mov

Hope this will help reproduce the bug @MonstraG @danilo-leal

[VikashPR]

@danilo-leal can you assign this issue to me ?

[danilo-leal]

@VikashPR Sure, happy to see you going ahead with it!

[VikashPR]

thank you, @danilo-leal I need a help I'am trying to clone and run this repo but I'am getting error

[danilo-leal]

@VikashPR Make sure you follow thoroughly all the steps laid out on the Contributing documentation! If you did all of that already, could you give more details?

[VikashPR]

@danilo-leal I followed all the steps, but every time i run yarn start I'am getting the above error

[danilo-leal]

Try running yarn docs:dev.

[VikashPR]

Try running yarn docs:dev.

Hey thank you, it works