Bug: Datepicker outside visible area when opened in dialog

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

When the mat-datepicker is opened in a component shown with the MatDialogRef on a small screen, the calendar picker is shown outside the visible area.

### Reproduction

1. Create a component that contains mat-datepicker
2. Open that component with the MatDialogRef
3. Reduce the screen size to something around iPad size
4. Click on the calendar icon of the mat-datepicker to open the date selection
5. See that dialog is outside of the visible area

https://stackblitz.com/edit/angular-mvkv5q

### Expected Behavior

The calendar-dialog can still be operated and all dates and actions are visible or accessible throw scroll.

### Actual Behavior

The calendar-dialog is outside of the visible area

### Environment

OS: Windows 10
Browser Chrome
Version 109.0.5414.122

Inizia con la riproduzione collegata di StackBlitz, concentrandoti sul mat-datepicker aperto tramite MatDialogRef in un viewport delle dimensioni di un iPad. Riproduci il problema di posizionamento in Chrome, quindi verifica che, una volta completata la correzione, il dialog del calendario rimanga visibile, utilizzabile o raggiungibile tramite scorrimento.

Scritto dal modello di indicizzazione a partire dal testo della issue.