fix(multiple): provide standalone-friendly APIs for date adapters (#28349)

Similarly to the core APIs, these changes add `provider*` functions for the various date adapters.

Author: crisbeto

src/components-examples/material/datepicker/date-range-picker-comparison/date-range-picker-comparison-example.ts

@@ -1,6 +1,6 @@
 import {Component} from '@angular/core';
 import {FormGroup, FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatFormFieldModule} from '@angular/material/form-field';
 
@@ -14,13 +14,8 @@ const year = today.getFullYear();
   templateUrl: 'date-range-picker-comparison-example.html',
   styleUrls: ['date-range-picker-comparison-example.css'],
   standalone: true,
-  imports: [
-    MatFormFieldModule,
-    MatDatepickerModule,
-    MatNativeDateModule,
-    FormsModule,
-    ReactiveFormsModule,
-  ],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatDatepickerModule, FormsModule, ReactiveFormsModule],
 })
 export class DateRangePickerComparisonExample {
   campaignOne = new FormGroup({

src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts

@@ -3,21 +3,15 @@ import {FormGroup, FormControl, FormsModule, ReactiveFormsModule} from '@angular
 import {JsonPipe} from '@angular/common';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 
 /** @title Date range picker forms integration */
 @Component({
   selector: 'date-range-picker-forms-example',
   templateUrl: 'date-range-picker-forms-example.html',
   standalone: true,
-  imports: [
-    MatFormFieldModule,
-    MatDatepickerModule,
-    FormsModule,
-    ReactiveFormsModule,
-    JsonPipe,
-    MatNativeDateModule,
-  ],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatDatepickerModule, FormsModule, ReactiveFormsModule, JsonPipe],
 })
 export class DateRangePickerFormsExample {
   range = new FormGroup({

src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatFormFieldModule} from '@angular/material/form-field';
 
@@ -8,6 +8,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
   selector: 'date-range-picker-overview-example',
   templateUrl: 'date-range-picker-overview-example.html',
   standalone: true,
-  imports: [MatFormFieldModule, MatDatepickerModule, MatNativeDateModule],
+  imports: [MatFormFieldModule, MatDatepickerModule],
+  providers: [provideNativeDateAdapter()],
 })
 export class DateRangePickerOverviewExample {}

src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.ts

@@ -1,5 +1,5 @@
 import {Component, Injectable} from '@angular/core';
-import {DateAdapter, MatNativeDateModule} from '@angular/material/core';
+import {DateAdapter, provideNativeDateAdapter} from '@angular/material/core';
 import {
   MatDateRangeSelectionStrategy,
   DateRange,
@@ -40,8 +40,9 @@ export class FiveDayRangeSelectionStrategy<D> implements MatDateRangeSelectionSt
       provide: MAT_DATE_RANGE_SELECTION_STRATEGY,
       useClass: FiveDayRangeSelectionStrategy,
     },
+    provideNativeDateAdapter(),
   ],
   standalone: true,
-  imports: [MatFormFieldModule, MatDatepickerModule, MatNativeDateModule],
+  imports: [MatFormFieldModule, MatDatepickerModule],
 })
 export class DateRangePickerSelectionStrategyExample {}

src/components-examples/material/datepicker/datepicker-actions/datepicker-actions-example.ts

@@ -3,20 +3,15 @@ import {MatButtonModule} from '@angular/material/button';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 
 /** @title Datepicker action buttons */
 @Component({
   selector: 'datepicker-actions-example',
   templateUrl: 'datepicker-actions-example.html',
   styleUrls: ['datepicker-actions-example.css'],
   standalone: true,
-  imports: [
-    MatFormFieldModule,
-    MatInputModule,
-    MatDatepickerModule,
-    MatNativeDateModule,
-    MatButtonModule,
-  ],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule, MatButtonModule],
 })
 export class DatepickerActionsExample {}

src/components-examples/material/datepicker/datepicker-api/datepicker-api-example.ts

@@ -3,20 +3,15 @@ import {MatButtonModule} from '@angular/material/button';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 
 /** @title Datepicker open method */
 @Component({
   selector: 'datepicker-api-example',
   templateUrl: 'datepicker-api-example.html',
   styleUrls: ['datepicker-api-example.css'],
   standalone: true,
-  imports: [
-    MatFormFieldModule,
-    MatInputModule,
-    MatNativeDateModule,
-    MatDatepickerModule,
-    MatButtonModule,
-  ],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule, MatButtonModule],
 })
 export class DatepickerApiExample {}

src/components-examples/material/datepicker/datepicker-color/datepicker-color-example.ts

@@ -2,14 +2,15 @@ import {Component} from '@angular/core';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 
 /** @title Datepicker palette colors */
 @Component({
   selector: 'datepicker-color-example',
   templateUrl: 'datepicker-color-example.html',
   styleUrls: ['datepicker-color-example.css'],
   standalone: true,
-  imports: [MatFormFieldModule, MatInputModule, MatNativeDateModule, MatDatepickerModule],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule],
 })
 export class DatepickerColorExample {}

src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts

@@ -10,7 +10,7 @@ import {
   DateAdapter,
   MAT_DATE_FORMATS,
   MatDateFormats,
-  MatNativeDateModule,
+  provideNativeDateAdapter,
 } from '@angular/material/core';
 import {Subject} from 'rxjs';
 import {takeUntil} from 'rxjs/operators';
@@ -25,7 +25,8 @@ import {MatFormFieldModule} from '@angular/material/form-field';
   templateUrl: 'datepicker-custom-header-example.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [MatFormFieldModule, MatInputModule, MatNativeDateModule, MatDatepickerModule],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule],
 })
 export class DatepickerCustomHeaderExample {
   exampleHeader = ExampleHeader;

src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts

@@ -3,19 +3,14 @@ import {MatIconModule} from '@angular/material/icon';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 
 /** @title Datepicker with custom icon */
 @Component({
   selector: 'datepicker-custom-icon-example',
   templateUrl: 'datepicker-custom-icon-example.html',
   standalone: true,
-  imports: [
-    MatFormFieldModule,
-    MatInputModule,
-    MatDatepickerModule,
-    MatNativeDateModule,
-    MatIconModule,
-  ],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule, MatIconModule],
 })
 export class DatepickerCustomIconExample {}

src/components-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.ts

@@ -2,7 +2,7 @@ import {Component, ViewEncapsulation} from '@angular/core';
 import {MatCalendarCellClassFunction, MatDatepickerModule} from '@angular/material/datepicker';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
-import {MatNativeDateModule} from '@angular/material/core';
+import {provideNativeDateAdapter} from '@angular/material/core';
 
 /** @title Datepicker with custom date classes */
 @Component({
@@ -11,7 +11,8 @@ import {MatNativeDateModule} from '@angular/material/core';
   styleUrls: ['datepicker-date-class-example.css'],
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [MatFormFieldModule, MatInputModule, MatNativeDateModule, MatDatepickerModule],
+  providers: [provideNativeDateAdapter()],
+  imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule],
 })
 export class DatepickerDateClassExample {
   dateClass: MatCalendarCellClassFunction<Date> = (cellDate, view) => {