Datepicker height issue with large custom header

[dexster]

Reproduction

https://stackblitz.com/edit/components-issue-9tpthp

Steps to reproduce:

1. Create a custom calendar header with a height of 100px;
2. If there are 6 day rows in a month then the calendar has this style issue. If the height was greater it would affect more rows

Expected Behavior

Calendar content should remain inside container. mat-calendar-content should probably have an independent height style from the heading.

Actual Behavior

Container not resizing to accomodate header height:

Environment

• Angular: 10.0.3
• CDK/Material : 10.0.1
• Browser(s): Firefox/Chrome
• Operating System: macOS

[ramprakashram]

Can i take up this issue ?