fix(material/datepicker): Return union of view component types

TypeScript inferred the return type of `_getCurrentViewComponent` as the type of the month view only. Tsickle propagates that to the JavaScript compiler which optimizes the code as `monthView._init` was the only method that could be called. This causes runtime errors.

Fixed #22996

Author: rslawik

src/material/datepicker/calendar.ts

@@ -385,18 +385,7 @@ export class MatCalendar<D> implements AfterContentInit, AfterViewChecked, OnDes
 
   /** Updates today's date after an update of the active date */
   updateTodaysDate() {
-    const currentView = this.currentView;
-    let view: MatMonthView<D> | MatYearView<D> | MatMultiYearView<D>;
-
-    if (currentView === 'month') {
-      view = this.monthView;
-    } else if (currentView === 'year') {
-      view = this.yearView;
-    } else {
-      view = this.multiYearView;
-    }
-
-    view._init();
+    this._getCurrentViewComponent()._init();
   }
 
   /** Handles date selection in the month view. */
@@ -428,7 +417,16 @@ export class MatCalendar<D> implements AfterContentInit, AfterViewChecked, OnDes
   }
 
   /** Returns the component instance that corresponds to the current calendar view. */
-  private _getCurrentViewComponent() {
-    return this.monthView || this.yearView || this.multiYearView;
+  private _getCurrentViewComponent(): MatMonthView<D> | MatYearView<D> | MatMultiYearView<D> {
+    // The return type must be a union to ensure that the Closure compiler does not optimize the
+    // calls to _init(). See https://github.com/angular/components/issues/22996.
+    switch (this.currentView) {
+      case 'month':
+        return this.monthView;
+      case 'year':
+        return this.yearView;
+      case 'multi-year':
+        return this.multiYearView;
+    }
   }
 }