refactor(material/datepicker): consistently import MatCommonModule everywhere (#19861)

The `MatCommonModule` is inteded to be imported in all Material
modules since it includes some sanity checks and RTL handling, however
we weren't importing it consistently. These changes add it to all the places
where it was missing.

(cherry picked from commit 909c1e0)

Author: crisbeto

src/material-experimental/column-resize/column-resize-module.ts

@@ -7,6 +7,7 @@
  */
 
 import {NgModule} from '@angular/core';
+import {MatCommonModule} from '@angular/material/core';
 import {OverlayModule} from '@angular/cdk/overlay';
 
 import {MatColumnResize} from './column-resize-directives/column-resize';
@@ -33,6 +34,7 @@ const ENTRY_COMMON_COMPONENTS = [
 export class MatColumnResizeCommonModule {}
 
 const IMPORTS = [
+  MatCommonModule,
   OverlayModule,
   MatColumnResizeCommonModule,
 ];

src/material-experimental/mdc-list/module.ts

@@ -12,6 +12,7 @@ import {
   MatLineModule,
   MatPseudoCheckboxModule,
   MatRippleModule,
+  MatCommonModule,
 } from '@angular/material-experimental/mdc-core';
 import {MatDividerModule} from '@angular/material/divider';
 import {MatActionList} from './action-list';
@@ -31,6 +32,7 @@ import {
 @NgModule({
   imports: [
     CommonModule,
+    MatCommonModule,
     MatLineModule,
     MatRippleModule,
     MatPseudoCheckboxModule,

src/material-experimental/popover-edit/BUILD.bazel

@@ -17,6 +17,7 @@ ng_module(
     module_name = "@angular/material-experimental/popover-edit",
     deps = [
         "//src/cdk-experimental/popover-edit",
+        "//src/material/core",
         "@npm//@angular/core",
         "@npm//@angular/forms",
     ],

src/material-experimental/popover-edit/popover-edit-module.ts

@@ -7,6 +7,7 @@
  */
 
 import {NgModule} from '@angular/core';
+import {MatCommonModule} from '@angular/material/core';
 import {CdkEditable, CdkPopoverEditModule} from '@angular/cdk-experimental/popover-edit';
 import {
   MatPopoverEdit,
@@ -33,6 +34,7 @@ const EXPORTED_DECLARATIONS = [
 @NgModule({
   imports: [
     CdkPopoverEditModule,
+    MatCommonModule,
   ],
   exports: [
     ...EXPORTED_DECLARATIONS,

src/material/chips/chips-module.ts

@@ -8,7 +8,7 @@
 
 import {ENTER} from '@angular/cdk/keycodes';
 import {NgModule} from '@angular/core';
-import {ErrorStateMatcher} from '@angular/material/core';
+import {ErrorStateMatcher, MatCommonModule} from '@angular/material/core';
 import {MatChip, MatChipAvatar, MatChipRemove, MatChipTrailingIcon} from './chip';
 import {MAT_CHIPS_DEFAULT_OPTIONS, MatChipsDefaultOptions} from './chip-default-options';
 import {MatChipInput} from './chip-input';
@@ -24,6 +24,7 @@ const CHIP_DECLARATIONS = [
 ];
 
 @NgModule({
+  imports: [MatCommonModule],
   exports: CHIP_DECLARATIONS,
   declarations: CHIP_DECLARATIONS,
   providers: [

src/material/core/option/index.ts

@@ -10,12 +10,13 @@ import {NgModule} from '@angular/core';
 import {CommonModule} from '@angular/common';
 import {MatRippleModule} from '../ripple/index';
 import {MatPseudoCheckboxModule} from '../selection/index';
+import {MatCommonModule} from '../common-behaviors/common-module';
 import {MatOption} from './option';
 import {MatOptgroup} from './optgroup';
 
 
 @NgModule({
-  imports: [MatRippleModule, CommonModule, MatPseudoCheckboxModule],
+  imports: [MatRippleModule, CommonModule, MatCommonModule, MatPseudoCheckboxModule],
   exports: [MatOption, MatOptgroup],
   declarations: [MatOption, MatOptgroup]
 })

src/material/core/selection/index.ts

@@ -8,9 +8,11 @@
 
 import {NgModule} from '@angular/core';
 import {MatPseudoCheckbox} from './pseudo-checkbox/pseudo-checkbox';
+import {MatCommonModule} from '../common-behaviors/common-module';
 
 
 @NgModule({
+  imports: [MatCommonModule],
   exports: [MatPseudoCheckbox],
   declarations: [MatPseudoCheckbox]
 })

src/material/datepicker/datepicker-module.ts

@@ -14,6 +14,7 @@ import {NgModule} from '@angular/core';
 import {MatButtonModule} from '@angular/material/button';
 import {MatDialogModule} from '@angular/material/dialog';
 import {CdkScrollableModule} from '@angular/cdk/scrolling';
+import {MatCommonModule} from '@angular/material/core';
 import {MatCalendar, MatCalendarHeader} from './calendar';
 import {MatCalendarBody} from './calendar-body';
 import {MatDatepicker} from './datepicker';
@@ -40,6 +41,7 @@ import {MatDateRangePicker} from './date-range-picker';
     OverlayModule,
     A11yModule,
     PortalModule,
+    MatCommonModule,
   ],
   exports: [
     CdkScrollableModule,

src/material/expansion/BUILD.bazel

@@ -30,6 +30,7 @@ ng_module(
         "//src/cdk/collections",
         "//src/cdk/keycodes",
         "//src/cdk/portal",
+        "//src/material/core",
         "@npm//@angular/animations",
         "@npm//@angular/common",
         "@npm//@angular/core",

src/material/expansion/expansion-module.ts

@@ -10,6 +10,7 @@ import {CdkAccordionModule} from '@angular/cdk/accordion';
 import {PortalModule} from '@angular/cdk/portal';
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
+import {MatCommonModule} from '@angular/material/core';
 import {MatAccordion} from './accordion';
 import {MatExpansionPanel, MatExpansionPanelActionRow} from './expansion-panel';
 import {MatExpansionPanelContent} from './expansion-panel-content';
@@ -21,7 +22,7 @@ import {
 
 
 @NgModule({
-  imports: [CommonModule, CdkAccordionModule, PortalModule],
+  imports: [CommonModule, MatCommonModule, CdkAccordionModule, PortalModule],
   exports: [
     MatAccordion,
     MatExpansionPanel,