docs(datepicker): need better guidance for use with lazy loaded modules

#### Reproduction
I created here MyIntl class and I set there only text for calendar open button.
https://angular-material-datepicker-intl.stackblitz.io
https://stackblitz.com/edit/angular-material-datepicker-intl

Steps to reproduce:
1. If you check first calendar button it has aria-label="test" so it works. It works also for second calendar that is in first lazy loadad module
2. But if you click link 'lazy-loaded' and check button for 'other lazy' calendar it's aria-label is default 'Open calendar'
3. It starts to work only if I provide again my custom MyIntl class in OtherLazyModule (commented line)


#### Expected Behavior

I expected that if I provide my custom implementation of MatDatepickerIntl in AppModule it will work also for all lazy loaded modules.
For example MatPaginator works that way.

#### Actual Behavior

Custom implementation of MatDatepickerIntl is not provided in lazy loaded modules

#### Environment

- Angular: 9
- CDK/Material: 9
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Comienza ejecutando la reproducción enlazada de Angular Material Datepicker StackBlitz y compara los calendarios en los contextos root, first lazy-loaded y OtherLazyModule. Lee el uso del proveedor MatDatepickerIntl y la implementación de MyIntl; después, verifica que el aria-label personalizado se conserve en cada módulo lazy-loaded sin depender del proveedor comentado.

Escrito por el modelo de indexación a partir del texto del issue.