@angular/material 21.1.0-next.1 → 21.1.0-next.3

package/fesm2022/datepicker.mjs

@@ -57,7 +57,7 @@ class MatDatepickerIntl {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerIntl,
     deps: [],
@@ -65,7 +65,7 @@ class MatDatepickerIntl {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerIntl,
     providedIn: 'root'
@@ -73,7 +73,7 @@ class MatDatepickerIntl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerIntl,
   decorators: [{
@@ -121,7 +121,7 @@ class MatCalendarBody {
   _platform = inject(Platform);
   _intl = inject(MatDatepickerIntl);
   _eventCleanups;
-  _skipNextFocus;
+  _skipNextFocus = false;
   _focusActiveCellAfterViewChecked = false;
   label;
   rows;
@@ -139,12 +139,12 @@ class MatCalendarBody {
   }
   isRange = false;
   cellAspectRatio = 1;
-  comparisonStart;
-  comparisonEnd;
+  comparisonStart = null;
+  comparisonEnd = null;
   previewStart = null;
   previewEnd = null;
-  startDateAccessibleName;
-  endDateAccessibleName;
+  startDateAccessibleName = null;
+  endDateAccessibleName = null;
   selectedValueChange = new EventEmitter();
   previewChange = new EventEmitter();
   activeDateChange = new EventEmitter();
@@ -419,7 +419,7 @@ class MatCalendarBody {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatCalendarBody,
     deps: [],
@@ -427,7 +427,7 @@ class MatCalendarBody {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatCalendarBody,
     isStandalone: true,
     selector: "[mat-calendar-body]",
@@ -476,7 +476,7 @@ class MatCalendarBody {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatCalendarBody,
   decorators: [{
@@ -625,7 +625,7 @@ class MatDateSelectionModel {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDateSelectionModel,
     deps: "invalid",
@@ -633,14 +633,14 @@ class MatDateSelectionModel {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDateSelectionModel
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDateSelectionModel,
   decorators: [{
@@ -672,7 +672,7 @@ class MatSingleDateSelectionModel extends MatDateSelectionModel {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatSingleDateSelectionModel,
     deps: [{
@@ -682,14 +682,14 @@ class MatSingleDateSelectionModel extends MatDateSelectionModel {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatSingleDateSelectionModel
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatSingleDateSelectionModel,
   decorators: [{
@@ -741,7 +741,7 @@ class MatRangeDateSelectionModel extends MatDateSelectionModel {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatRangeDateSelectionModel,
     deps: [{
@@ -751,14 +751,14 @@ class MatRangeDateSelectionModel extends MatDateSelectionModel {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatRangeDateSelectionModel
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatRangeDateSelectionModel,
   decorators: [{
@@ -856,7 +856,7 @@ class DefaultMatCalendarRangeStrategy {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: DefaultMatCalendarRangeStrategy,
     deps: [{
@@ -866,14 +866,14 @@ class DefaultMatCalendarRangeStrategy {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: DefaultMatCalendarRangeStrategy
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: DefaultMatCalendarRangeStrategy,
   decorators: [{
@@ -901,7 +901,7 @@ class MatMonthView {
     optional: true
   });
   _rerenderSubscription = Subscription.EMPTY;
-  _selectionKeyPressed;
+  _selectionKeyPressed = false;
   get activeDate() {
     return this._activeDate;
   }
@@ -925,27 +925,27 @@ class MatMonthView {
     }
     this._setRanges(this._selected);
   }
-  _selected;
+  _selected = null;
   get minDate() {
     return this._minDate;
   }
   set minDate(value) {
     this._minDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _minDate;
+  _minDate = null;
   get maxDate() {
     return this._maxDate;
   }
   set maxDate(value) {
     this._maxDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _maxDate;
+  _maxDate = null;
   dateFilter;
   dateClass;
-  comparisonStart;
-  comparisonEnd;
-  startDateAccessibleName;
-  endDateAccessibleName;
+  comparisonStart = null;
+  comparisonEnd = null;
+  startDateAccessibleName = null;
+  endDateAccessibleName = null;
   activeDrag = null;
   selectedChange = new EventEmitter();
   _userSelection = new EventEmitter();
@@ -1244,7 +1244,7 @@ class MatMonthView {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatMonthView,
     deps: [],
@@ -1252,7 +1252,7 @@ class MatMonthView {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatMonthView,
     isStandalone: true,
     selector: "mat-month-view",
@@ -1300,7 +1300,7 @@ class MatMonthView {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatMonthView,
   decorators: [{
@@ -1382,7 +1382,7 @@ class MatMultiYearView {
     optional: true
   });
   _rerenderSubscription = Subscription.EMPTY;
-  _selectionKeyPressed;
+  _selectionKeyPressed = false;
   get activeDate() {
     return this._activeDate;
   }
@@ -1406,21 +1406,21 @@ class MatMultiYearView {
     }
     this._setSelectedYear(value);
   }
-  _selected;
+  _selected = null;
   get minDate() {
     return this._minDate;
   }
   set minDate(value) {
     this._minDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _minDate;
+  _minDate = null;
   get maxDate() {
     return this._maxDate;
   }
   set maxDate(value) {
     this._maxDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _maxDate;
+  _maxDate = null;
   dateFilter;
   dateClass;
   selectedChange = new EventEmitter();
@@ -1582,7 +1582,7 @@ class MatMultiYearView {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatMultiYearView,
     deps: [],
@@ -1590,7 +1590,7 @@ class MatMultiYearView {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatMultiYearView,
     isStandalone: true,
     selector: "mat-multi-year-view",
@@ -1630,7 +1630,7 @@ class MatMultiYearView {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatMultiYearView,
   decorators: [{
@@ -1715,7 +1715,7 @@ class MatYearView {
     optional: true
   });
   _rerenderSubscription = Subscription.EMPTY;
-  _selectionKeyPressed;
+  _selectionKeyPressed = false;
   get activeDate() {
     return this._activeDate;
   }
@@ -1739,21 +1739,21 @@ class MatYearView {
     }
     this._setSelectedMonth(value);
   }
-  _selected;
+  _selected = null;
   get minDate() {
     return this._minDate;
   }
   set minDate(value) {
     this._minDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _minDate;
+  _minDate = null;
   get maxDate() {
     return this._maxDate;
   }
   set maxDate(value) {
     this._maxDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _maxDate;
+  _maxDate = null;
   dateFilter;
   dateClass;
   selectedChange = new EventEmitter();
@@ -1928,7 +1928,7 @@ class MatYearView {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatYearView,
     deps: [],
@@ -1936,7 +1936,7 @@ class MatYearView {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatYearView,
     isStandalone: true,
     selector: "mat-year-view",
@@ -1976,7 +1976,7 @@ class MatYearView {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatYearView,
   decorators: [{
@@ -2130,7 +2130,7 @@ class MatCalendarHeader {
   _periodButtonLabelId = inject(_IdGenerator).getId('mat-calendar-period-label-');
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatCalendarHeader,
     deps: [],
@@ -2138,7 +2138,7 @@ class MatCalendarHeader {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatCalendarHeader,
     isStandalone: true,
     selector: "mat-calendar-header",
@@ -2169,7 +2169,7 @@ class MatCalendarHeader {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatCalendarHeader,
   decorators: [{
@@ -2204,7 +2204,7 @@ class MatCalendar {
   set startAt(value) {
     this._startAt = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _startAt;
+  _startAt = null;
   startView = 'month';
   get selected() {
     return this._selected;
@@ -2216,27 +2216,27 @@ class MatCalendar {
       this._selected = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
     }
   }
-  _selected;
+  _selected = null;
   get minDate() {
     return this._minDate;
   }
   set minDate(value) {
     this._minDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _minDate;
+  _minDate = null;
   get maxDate() {
     return this._maxDate;
   }
   set maxDate(value) {
     this._maxDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _maxDate;
+  _maxDate = null;
   dateFilter;
   dateClass;
-  comparisonStart;
-  comparisonEnd;
-  startDateAccessibleName;
-  endDateAccessibleName;
+  comparisonStart = null;
+  comparisonEnd = null;
+  startDateAccessibleName = null;
+  endDateAccessibleName = null;
   selectedChange = new EventEmitter();
   yearSelected = new EventEmitter();
   monthSelected = new EventEmitter();
@@ -2354,7 +2354,7 @@ class MatCalendar {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatCalendar,
     deps: [],
@@ -2362,7 +2362,7 @@ class MatCalendar {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatCalendar,
     isStandalone: true,
     selector: "mat-calendar",
@@ -2412,7 +2412,7 @@ class MatCalendar {
     usesOnChanges: true,
     ngImport: i0,
     template: "<ng-template [cdkPortalOutlet]=\"_calendarHeaderPortal\"></ng-template>\n\n<div class=\"mat-calendar-content\" cdkMonitorSubtreeFocus tabindex=\"-1\">\n  @switch (currentView) {\n    @case ('month') {\n        <mat-month-view\n            [(activeDate)]=\"activeDate\"\n            [selected]=\"selected\"\n            [dateFilter]=\"dateFilter\"\n            [maxDate]=\"maxDate\"\n            [minDate]=\"minDate\"\n            [dateClass]=\"dateClass\"\n            [comparisonStart]=\"comparisonStart\"\n            [comparisonEnd]=\"comparisonEnd\"\n            [startDateAccessibleName]=\"startDateAccessibleName\"\n            [endDateAccessibleName]=\"endDateAccessibleName\"\n            (_userSelection)=\"_dateSelected($event)\"\n            (dragStarted)=\"_dragStarted($event)\"\n            (dragEnded)=\"_dragEnded($event)\"\n            [activeDrag]=\"_activeDrag\"></mat-month-view>\n    }\n\n    @case ('year') {\n        <mat-year-view\n            [(activeDate)]=\"activeDate\"\n            [selected]=\"selected\"\n            [dateFilter]=\"dateFilter\"\n            [maxDate]=\"maxDate\"\n            [minDate]=\"minDate\"\n            [dateClass]=\"dateClass\"\n            (monthSelected)=\"_monthSelectedInYearView($event)\"\n            (selectedChange)=\"_goToDateInView($event, 'month')\"></mat-year-view>\n    }\n\n    @case ('multi-year') {\n        <mat-multi-year-view\n            [(activeDate)]=\"activeDate\"\n            [selected]=\"selected\"\n            [dateFilter]=\"dateFilter\"\n            [maxDate]=\"maxDate\"\n            [minDate]=\"minDate\"\n            [dateClass]=\"dateClass\"\n            (yearSelected)=\"_yearSelectedInMultiYearView($event)\"\n            (selectedChange)=\"_goToDateInView($event, 'year')\"></mat-multi-year-view>\n    }\n  }\n</div>\n",
-    styles: [".mat-calendar{display:block;line-height:normal;font-family:var(--mat-datepicker-calendar-text-font, var(--mat-sys-body-medium-font));font-size:var(--mat-datepicker-calendar-text-size, var(--mat-sys-body-medium-size))}.mat-calendar-header{padding:8px 8px 0 8px}.mat-calendar-content{padding:0 8px 8px 8px;outline:none}.mat-calendar-controls{display:flex;align-items:center;margin:5% calc(4.7142857143% - 16px)}.mat-calendar-spacer{flex:1 1 auto}.mat-calendar-period-button{min-width:0;margin:0 8px;font-size:var(--mat-datepicker-calendar-period-button-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-period-button-text-weight, var(--mat-sys-title-small-weight));--mat-button-text-label-text-color: var(--mat-datepicker-calendar-period-button-text-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow{display:inline-block;width:10px;height:5px;margin:0 0 0 5px;vertical-align:middle;fill:var(--mat-datepicker-calendar-period-button-icon-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow.mat-calendar-invert{transform:rotate(180deg)}[dir=rtl] .mat-calendar-arrow{margin:0 5px 0 0}@media(forced-colors: active){.mat-calendar-arrow{fill:CanvasText}}.mat-datepicker-content .mat-calendar-previous-button:not(.mat-mdc-button-disabled),.mat-datepicker-content .mat-calendar-next-button:not(.mat-mdc-button-disabled){color:var(--mat-datepicker-calendar-navigation-button-icon-color, var(--mat-sys-on-surface-variant))}[dir=rtl] .mat-calendar-previous-button,[dir=rtl] .mat-calendar-next-button{transform:rotate(180deg)}.mat-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.mat-calendar-table-header th{text-align:center;padding:0 0 8px 0;color:var(--mat-datepicker-calendar-header-text-color, var(--mat-sys-on-surface-variant));font-size:var(--mat-datepicker-calendar-header-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-header-text-weight, var(--mat-sys-title-small-weight))}.mat-calendar-table-header-divider{position:relative;height:1px}.mat-calendar-table-header-divider::after{content:\"\";position:absolute;top:0;left:-8px;right:-8px;height:1px;background:var(--mat-datepicker-calendar-header-divider-color, transparent)}.mat-calendar-body-cell-content::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px)*-1)}.mat-calendar-body-cell:focus .mat-focus-indicator::before{content:\"\"}\n"],
+    styles: [".mat-calendar{display:block;line-height:normal;font-family:var(--mat-datepicker-calendar-text-font, var(--mat-sys-body-medium-font));font-size:var(--mat-datepicker-calendar-text-size, var(--mat-sys-body-medium-size))}.mat-calendar-header{padding:8px 8px 0 8px}.mat-calendar-content{padding:0 8px 8px 8px;outline:none}.mat-calendar-controls{display:flex;align-items:center;margin:5% calc(4.7142857143% - 16px)}.mat-calendar-spacer{flex:1 1 auto}.mat-calendar-period-button{min-width:0;margin:0 8px;font-size:var(--mat-datepicker-calendar-period-button-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-period-button-text-weight, var(--mat-sys-title-small-weight));--mat-button-text-label-text-color: var(--mat-datepicker-calendar-period-button-text-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow{display:inline-block;width:10px;height:5px;margin:0 0 0 5px;vertical-align:middle;fill:var(--mat-datepicker-calendar-period-button-icon-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow.mat-calendar-invert{transform:rotate(180deg)}[dir=rtl] .mat-calendar-arrow{margin:0 5px 0 0}@media(forced-colors: active){.mat-calendar-arrow{fill:CanvasText}}.mat-datepicker-content .mat-calendar-previous-button:not(.mat-mdc-button-disabled),.mat-datepicker-content .mat-calendar-next-button:not(.mat-mdc-button-disabled){color:var(--mat-datepicker-calendar-navigation-button-icon-color, var(--mat-sys-on-surface-variant))}[dir=rtl] .mat-calendar-previous-button,[dir=rtl] .mat-calendar-next-button{transform:rotate(180deg)}.mat-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.mat-calendar-table-header th{text-align:center;padding:0 0 8px 0;color:var(--mat-datepicker-calendar-header-text-color, var(--mat-sys-on-surface-variant));font-size:var(--mat-datepicker-calendar-header-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-header-text-weight, var(--mat-sys-title-small-weight))}.mat-calendar-table-header-divider{position:relative;height:1px}.mat-calendar-table-header-divider::after{content:\"\";position:absolute;top:0;left:-8px;right:-8px;height:1px;background:var(--mat-datepicker-calendar-header-divider-color, transparent)}.mat-calendar-body-cell-content::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px)*-1)}.mat-calendar-body-cell:focus-visible .mat-focus-indicator::before{content:\"\"}\n"],
     dependencies: [{
       kind: "directive",
       type: CdkPortalOutlet,
@@ -2454,7 +2454,7 @@ class MatCalendar {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatCalendar,
   decorators: [{
@@ -2470,7 +2470,7 @@ i0.ɵɵngDeclareClassMetadata({
       providers: [MAT_SINGLE_DATE_SELECTION_MODEL_PROVIDER],
       imports: [CdkPortalOutlet, CdkMonitorFocus, MatMonthView, MatYearView, MatMultiYearView],
       template: "<ng-template [cdkPortalOutlet]=\"_calendarHeaderPortal\"></ng-template>\n\n<div class=\"mat-calendar-content\" cdkMonitorSubtreeFocus tabindex=\"-1\">\n  @switch (currentView) {\n    @case ('month') {\n        <mat-month-view\n            [(activeDate)]=\"activeDate\"\n            [selected]=\"selected\"\n            [dateFilter]=\"dateFilter\"\n            [maxDate]=\"maxDate\"\n            [minDate]=\"minDate\"\n            [dateClass]=\"dateClass\"\n            [comparisonStart]=\"comparisonStart\"\n            [comparisonEnd]=\"comparisonEnd\"\n            [startDateAccessibleName]=\"startDateAccessibleName\"\n            [endDateAccessibleName]=\"endDateAccessibleName\"\n            (_userSelection)=\"_dateSelected($event)\"\n            (dragStarted)=\"_dragStarted($event)\"\n            (dragEnded)=\"_dragEnded($event)\"\n            [activeDrag]=\"_activeDrag\"></mat-month-view>\n    }\n\n    @case ('year') {\n        <mat-year-view\n            [(activeDate)]=\"activeDate\"\n            [selected]=\"selected\"\n            [dateFilter]=\"dateFilter\"\n            [maxDate]=\"maxDate\"\n            [minDate]=\"minDate\"\n            [dateClass]=\"dateClass\"\n            (monthSelected)=\"_monthSelectedInYearView($event)\"\n            (selectedChange)=\"_goToDateInView($event, 'month')\"></mat-year-view>\n    }\n\n    @case ('multi-year') {\n        <mat-multi-year-view\n            [(activeDate)]=\"activeDate\"\n            [selected]=\"selected\"\n            [dateFilter]=\"dateFilter\"\n            [maxDate]=\"maxDate\"\n            [minDate]=\"minDate\"\n            [dateClass]=\"dateClass\"\n            (yearSelected)=\"_yearSelectedInMultiYearView($event)\"\n            (selectedChange)=\"_goToDateInView($event, 'year')\"></mat-multi-year-view>\n    }\n  }\n</div>\n",
-      styles: [".mat-calendar{display:block;line-height:normal;font-family:var(--mat-datepicker-calendar-text-font, var(--mat-sys-body-medium-font));font-size:var(--mat-datepicker-calendar-text-size, var(--mat-sys-body-medium-size))}.mat-calendar-header{padding:8px 8px 0 8px}.mat-calendar-content{padding:0 8px 8px 8px;outline:none}.mat-calendar-controls{display:flex;align-items:center;margin:5% calc(4.7142857143% - 16px)}.mat-calendar-spacer{flex:1 1 auto}.mat-calendar-period-button{min-width:0;margin:0 8px;font-size:var(--mat-datepicker-calendar-period-button-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-period-button-text-weight, var(--mat-sys-title-small-weight));--mat-button-text-label-text-color: var(--mat-datepicker-calendar-period-button-text-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow{display:inline-block;width:10px;height:5px;margin:0 0 0 5px;vertical-align:middle;fill:var(--mat-datepicker-calendar-period-button-icon-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow.mat-calendar-invert{transform:rotate(180deg)}[dir=rtl] .mat-calendar-arrow{margin:0 5px 0 0}@media(forced-colors: active){.mat-calendar-arrow{fill:CanvasText}}.mat-datepicker-content .mat-calendar-previous-button:not(.mat-mdc-button-disabled),.mat-datepicker-content .mat-calendar-next-button:not(.mat-mdc-button-disabled){color:var(--mat-datepicker-calendar-navigation-button-icon-color, var(--mat-sys-on-surface-variant))}[dir=rtl] .mat-calendar-previous-button,[dir=rtl] .mat-calendar-next-button{transform:rotate(180deg)}.mat-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.mat-calendar-table-header th{text-align:center;padding:0 0 8px 0;color:var(--mat-datepicker-calendar-header-text-color, var(--mat-sys-on-surface-variant));font-size:var(--mat-datepicker-calendar-header-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-header-text-weight, var(--mat-sys-title-small-weight))}.mat-calendar-table-header-divider{position:relative;height:1px}.mat-calendar-table-header-divider::after{content:\"\";position:absolute;top:0;left:-8px;right:-8px;height:1px;background:var(--mat-datepicker-calendar-header-divider-color, transparent)}.mat-calendar-body-cell-content::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px)*-1)}.mat-calendar-body-cell:focus .mat-focus-indicator::before{content:\"\"}\n"]
+      styles: [".mat-calendar{display:block;line-height:normal;font-family:var(--mat-datepicker-calendar-text-font, var(--mat-sys-body-medium-font));font-size:var(--mat-datepicker-calendar-text-size, var(--mat-sys-body-medium-size))}.mat-calendar-header{padding:8px 8px 0 8px}.mat-calendar-content{padding:0 8px 8px 8px;outline:none}.mat-calendar-controls{display:flex;align-items:center;margin:5% calc(4.7142857143% - 16px)}.mat-calendar-spacer{flex:1 1 auto}.mat-calendar-period-button{min-width:0;margin:0 8px;font-size:var(--mat-datepicker-calendar-period-button-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-period-button-text-weight, var(--mat-sys-title-small-weight));--mat-button-text-label-text-color: var(--mat-datepicker-calendar-period-button-text-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow{display:inline-block;width:10px;height:5px;margin:0 0 0 5px;vertical-align:middle;fill:var(--mat-datepicker-calendar-period-button-icon-color, var(--mat-sys-on-surface-variant))}.mat-calendar-arrow.mat-calendar-invert{transform:rotate(180deg)}[dir=rtl] .mat-calendar-arrow{margin:0 5px 0 0}@media(forced-colors: active){.mat-calendar-arrow{fill:CanvasText}}.mat-datepicker-content .mat-calendar-previous-button:not(.mat-mdc-button-disabled),.mat-datepicker-content .mat-calendar-next-button:not(.mat-mdc-button-disabled){color:var(--mat-datepicker-calendar-navigation-button-icon-color, var(--mat-sys-on-surface-variant))}[dir=rtl] .mat-calendar-previous-button,[dir=rtl] .mat-calendar-next-button{transform:rotate(180deg)}.mat-calendar-table{border-spacing:0;border-collapse:collapse;width:100%}.mat-calendar-table-header th{text-align:center;padding:0 0 8px 0;color:var(--mat-datepicker-calendar-header-text-color, var(--mat-sys-on-surface-variant));font-size:var(--mat-datepicker-calendar-header-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-datepicker-calendar-header-text-weight, var(--mat-sys-title-small-weight))}.mat-calendar-table-header-divider{position:relative;height:1px}.mat-calendar-table-header-divider::after{content:\"\";position:absolute;top:0;left:-8px;right:-8px;height:1px;background:var(--mat-datepicker-calendar-header-divider-color, transparent)}.mat-calendar-body-cell-content::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px)*-1)}.mat-calendar-body-cell:focus-visible .mat-focus-indicator::before{content:\"\"}\n"]
     }]
   }],
   ctorParameters: () => [],
@@ -2568,17 +2568,17 @@ class MatDatepickerContent {
   _calendar;
   color;
   datepicker;
-  comparisonStart;
-  comparisonEnd;
-  startDateAccessibleName;
-  endDateAccessibleName;
-  _isAbove;
+  comparisonStart = null;
+  comparisonEnd = null;
+  startDateAccessibleName = null;
+  endDateAccessibleName = null;
+  _isAbove = false;
   _animationDone = new Subject();
   _isAnimating = false;
   _closeButtonText;
-  _closeButtonFocused;
+  _closeButtonFocused = false;
   _actionsPortal = null;
-  _dialogLabelId;
+  _dialogLabelId = null;
   constructor() {
     inject(_CdkPrivateStyleLoader).load(_VisuallyHiddenLoader);
     this._closeButtonText = inject(MatDatepickerIntl).closeCalendarLabel;
@@ -2659,7 +2659,7 @@ class MatDatepickerContent {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerContent,
     deps: [],
@@ -2667,7 +2667,7 @@ class MatDatepickerContent {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerContent,
     isStandalone: true,
     selector: "mat-datepicker-content",
@@ -2725,7 +2725,7 @@ class MatDatepickerContent {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerContent,
   decorators: [{
@@ -2778,7 +2778,7 @@ class MatDatepickerBase {
   set startAt(value) {
     this._startAt = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(value));
   }
-  _startAt;
+  _startAt = null;
   startView = 'month';
   get color() {
     return this._color || (this.datepickerInput ? this.datepickerInput.getThemePalette() : undefined);
@@ -2835,11 +2835,11 @@ class MatDatepickerBase {
   _getDateFilter() {
     return this.datepickerInput && this.datepickerInput.dateFilter;
   }
-  _overlayRef;
-  _componentRef;
+  _overlayRef = null;
+  _componentRef = null;
   _focusedElementBeforeOpen = null;
   _backdropHarnessClass = `${this.id}-backdrop`;
-  _actionsPortal;
+  _actionsPortal = null;
   datepickerInput;
   stateChanges = new Subject();
   _changeDetectorRef = inject(ChangeDetectorRef);
@@ -3040,7 +3040,7 @@ class MatDatepickerBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerBase,
     deps: [],
@@ -3048,7 +3048,7 @@ class MatDatepickerBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerBase,
     isStandalone: true,
     inputs: {
@@ -3078,7 +3078,7 @@ class MatDatepickerBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerBase,
   decorators: [{
@@ -3157,7 +3157,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatDatepicker extends MatDatepickerBase {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepicker,
     deps: null,
@@ -3165,7 +3165,7 @@ class MatDatepicker extends MatDatepickerBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepicker,
     isStandalone: true,
     selector: "mat-datepicker",
@@ -3184,7 +3184,7 @@ class MatDatepicker extends MatDatepickerBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepicker,
   decorators: [{
@@ -3206,7 +3206,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatDatepickerInputEvent {
   target;
   targetElement;
-  value;
+  value = null;
   constructor(target, targetElement) {
     this.target = target;
     this.targetElement = targetElement;
@@ -3221,12 +3221,12 @@ class MatDatepickerInputBase {
   _dateFormats = inject(MAT_DATE_FORMATS, {
     optional: true
   });
-  _isInitialized;
+  _isInitialized = false;
   get value() {
     return this._model ? this._getValueFromModel(this._model.selection) : this._pendingValue;
   }
   set value(value) {
-    this._assignValueProgrammatically(value);
+    this._assignValueProgrammatically(value, true);
   }
   _model;
   get disabled() {
@@ -3252,7 +3252,7 @@ class MatDatepickerInputBase {
   _cvaOnChange = () => {};
   _valueChangesSubscription = Subscription.EMPTY;
   _localeSubscription = Subscription.EMPTY;
-  _pendingValue;
+  _pendingValue = null;
   _parseValidator = () => {
     return this._lastValueValid ? null : {
       'matDatepickerParse': {
@@ -3318,7 +3318,7 @@ class MatDatepickerInputBase {
       }
     }
     this._localeSubscription = this._dateAdapter.localeChanges.subscribe(() => {
-      this._assignValueProgrammatically(this.value);
+      this._assignValueProgrammatically(this.value, true);
     });
   }
   ngAfterViewInit() {
@@ -3341,9 +3341,7 @@ class MatDatepickerInputBase {
     return this._validator ? this._validator(c) : null;
   }
   writeValue(value) {
-    if (!value || value !== this.value) {
-      this._assignValueProgrammatically(value);
-    }
+    this._assignValueProgrammatically(value, value !== this.value);
   }
   registerOnChange(fn) {
     this._cvaOnChange = fn;
@@ -3410,12 +3408,14 @@ class MatDatepickerInputBase {
   _parentDisabled() {
     return false;
   }
-  _assignValueProgrammatically(value) {
+  _assignValueProgrammatically(value, reformat) {
     value = this._dateAdapter.deserialize(value);
     this._lastValueValid = this._isValidValue(value);
     value = this._dateAdapter.getValidDateOrNull(value);
     this._assignValue(value);
-    this._formatValue(value);
+    if (reformat) {
+      this._formatValue(value);
+    }
   }
   _matchesFilter(value) {
     const filter = this._getDateFilter();
@@ -3423,7 +3423,7 @@ class MatDatepickerInputBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerInputBase,
     deps: [],
@@ -3431,7 +3431,7 @@ class MatDatepickerInputBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerInputBase,
     isStandalone: true,
     inputs: {
@@ -3448,7 +3448,7 @@ class MatDatepickerInputBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerInputBase,
   decorators: [{
@@ -3535,7 +3535,7 @@ class MatDatepickerInput extends MatDatepickerInputBase {
       this._validatorOnChange();
     }
   }
-  _min;
+  _min = null;
   get max() {
     return this._max;
   }
@@ -3546,7 +3546,7 @@ class MatDatepickerInput extends MatDatepickerInputBase {
       this._validatorOnChange();
     }
   }
-  _max;
+  _max = null;
   get dateFilter() {
     return this._dateFilter;
   }
@@ -3558,7 +3558,7 @@ class MatDatepickerInput extends MatDatepickerInputBase {
     }
   }
   _dateFilter;
-  _validator;
+  _validator = null;
   constructor() {
     super();
     this._validator = Validators.compose(super._getValidators());
@@ -3610,7 +3610,7 @@ class MatDatepickerInput extends MatDatepickerInputBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerInput,
     deps: [],
@@ -3618,7 +3618,7 @@ class MatDatepickerInput extends MatDatepickerInputBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerInput,
     isStandalone: true,
     selector: "input[matDatepicker]",
@@ -3656,7 +3656,7 @@ class MatDatepickerInput extends MatDatepickerInputBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerInput,
   decorators: [{
@@ -3704,7 +3704,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatDatepickerToggleIcon {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerToggleIcon,
     deps: [],
@@ -3712,7 +3712,7 @@ class MatDatepickerToggleIcon {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerToggleIcon,
     isStandalone: true,
     selector: "[matDatepickerToggleIcon]",
@@ -3721,7 +3721,7 @@ class MatDatepickerToggleIcon {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerToggleIcon,
   decorators: [{
@@ -3736,7 +3736,7 @@ class MatDatepickerToggle {
   _changeDetectorRef = inject(ChangeDetectorRef);
   _stateChanges = Subscription.EMPTY;
   datepicker;
-  tabIndex;
+  tabIndex = null;
   ariaLabel;
   get disabled() {
     if (this._disabled === undefined && this.datepicker) {
@@ -3748,7 +3748,7 @@ class MatDatepickerToggle {
     this._disabled = value;
   }
   _disabled;
-  disableRipple;
+  disableRipple = false;
   _customIcon;
   _button;
   constructor() {
@@ -3784,7 +3784,7 @@ class MatDatepickerToggle {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerToggle,
     deps: [],
@@ -3792,7 +3792,7 @@ class MatDatepickerToggle {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerToggle,
     isStandalone: true,
     selector: "mat-datepicker-toggle",
@@ -3845,7 +3845,7 @@ class MatDatepickerToggle {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerToggle,
   decorators: [{
@@ -3988,7 +3988,7 @@ class MatDateRangeInput {
       this._revalidate();
     }
   }
-  _min;
+  _min = null;
   get max() {
     return this._max;
   }
@@ -3999,7 +3999,7 @@ class MatDateRangeInput {
       this._revalidate();
     }
   }
-  _max;
+  _max = null;
   get disabled() {
     return this._startInput && this._endInput ? this._startInput.disabled && this._endInput.disabled : this._groupDisabled;
   }
@@ -4150,7 +4150,7 @@ class MatDateRangeInput {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDateRangeInput,
     deps: [],
@@ -4158,7 +4158,7 @@ class MatDateRangeInput {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "16.1.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDateRangeInput,
     isStandalone: true,
     selector: "mat-date-range-input",
@@ -4209,7 +4209,7 @@ class MatDateRangeInput {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDateRangeInput,
   decorators: [{
@@ -4420,8 +4420,8 @@ class MatDateRangeInputPartBase extends MatDatepickerInputBase {
   }) {
     return source !== this._rangeInput._startInput && source !== this._rangeInput._endInput;
   }
-  _assignValueProgrammatically(value) {
-    super._assignValueProgrammatically(value);
+  _assignValueProgrammatically(value, reformat) {
+    super._assignValueProgrammatically(value, reformat);
     const opposite = this === this._rangeInput._startInput ? this._rangeInput._endInput : this._rangeInput._startInput;
     opposite?._validatorOnChange();
     this._rawValue.set(this._elementRef.nativeElement.value);
@@ -4435,7 +4435,7 @@ class MatDateRangeInputPartBase extends MatDatepickerInputBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDateRangeInputPartBase,
     deps: [],
@@ -4443,7 +4443,7 @@ class MatDateRangeInputPartBase extends MatDatepickerInputBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDateRangeInputPartBase,
     isStandalone: true,
     inputs: {
@@ -4455,7 +4455,7 @@ class MatDateRangeInputPartBase extends MatDatepickerInputBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDateRangeInputPartBase,
   decorators: [{
@@ -4514,7 +4514,7 @@ class MatStartDate extends MatDateRangeInputPartBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatStartDate,
     deps: null,
@@ -4522,7 +4522,7 @@ class MatStartDate extends MatDateRangeInputPartBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatStartDate,
     isStandalone: true,
     selector: "input[matStartDate]",
@@ -4564,7 +4564,7 @@ class MatStartDate extends MatDateRangeInputPartBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatStartDate,
   decorators: [{
@@ -4650,7 +4650,7 @@ class MatEndDate extends MatDateRangeInputPartBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatEndDate,
     deps: null,
@@ -4658,7 +4658,7 @@ class MatEndDate extends MatDateRangeInputPartBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatEndDate,
     isStandalone: true,
     selector: "input[matEndDate]",
@@ -4700,7 +4700,7 @@ class MatEndDate extends MatDateRangeInputPartBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatEndDate,
   decorators: [{
@@ -4747,7 +4747,7 @@ class MatDateRangePicker extends MatDatepickerBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDateRangePicker,
     deps: null,
@@ -4755,7 +4755,7 @@ class MatDateRangePicker extends MatDatepickerBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDateRangePicker,
     isStandalone: true,
     selector: "mat-date-range-picker",
@@ -4783,7 +4783,7 @@ class MatDateRangePicker extends MatDatepickerBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDateRangePicker,
   decorators: [{
@@ -4820,7 +4820,7 @@ class MatDatepickerApply {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerApply,
     deps: [],
@@ -4828,7 +4828,7 @@ class MatDatepickerApply {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerApply,
     isStandalone: true,
     selector: "[matDatepickerApply], [matDateRangePickerApply]",
@@ -4842,7 +4842,7 @@ class MatDatepickerApply {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerApply,
   decorators: [{
@@ -4861,7 +4861,7 @@ class MatDatepickerCancel {
   constructor() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerCancel,
     deps: [],
@@ -4869,7 +4869,7 @@ class MatDatepickerCancel {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerCancel,
     isStandalone: true,
     selector: "[matDatepickerCancel], [matDateRangePickerCancel]",
@@ -4883,7 +4883,7 @@ class MatDatepickerCancel {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerCancel,
   decorators: [{
@@ -4915,7 +4915,7 @@ class MatDatepickerActions {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerActions,
     deps: [],
@@ -4923,7 +4923,7 @@ class MatDatepickerActions {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     type: MatDatepickerActions,
     isStandalone: true,
     selector: "mat-datepicker-actions, mat-date-range-picker-actions",
@@ -4949,7 +4949,7 @@ class MatDatepickerActions {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerActions,
   decorators: [{
@@ -4980,7 +4980,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatDatepickerModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerModule,
     deps: [],
@@ -4988,7 +4988,7 @@ class MatDatepickerModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerModule,
     imports: [MatButtonModule, OverlayModule, A11yModule, PortalModule, MatCalendar, MatCalendarBody, MatDatepicker, MatDatepickerContent, MatDatepickerInput, MatDatepickerToggle, MatDatepickerToggleIcon, MatMonthView, MatYearView, MatMultiYearView, MatCalendarHeader, MatDateRangeInput, MatStartDate, MatEndDate, MatDateRangePicker, MatDatepickerActions, MatDatepickerCancel, MatDatepickerApply],
@@ -4996,7 +4996,7 @@ class MatDatepickerModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "21.0.0",
+    version: "21.0.3",
     ngImport: i0,
     type: MatDatepickerModule,
     providers: [MatDatepickerIntl],
@@ -5005,7 +5005,7 @@ class MatDatepickerModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "21.0.0",
+  version: "21.0.3",
   ngImport: i0,
   type: MatDatepickerModule,
   decorators: [{