add synthetic default export to moment

Author: mmalerba

src/demo-app/datepicker/moment-datepicker.ts

@@ -1,7 +1,7 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {DateAdapter, MAT_DATE_LOCALE_PROVIDER, MD_DATE_FORMATS} from '@angular/material';
 import {MomentDateAdapter, MD_MOMENT_DATE_FORMATS} from '@angular/material-moment-adapter';
-import * as moment from 'moment';
+import moment from 'moment';
 
 
 @Component({

src/demo-app/tsconfig-aot.json

@@ -4,6 +4,8 @@
 {
   "extends": "./tsconfig-build",
   "compilerOptions": {
+    // Needed for Moment.js since it doesn't have a default export.
+    "allowSyntheticDefaultImports": true,
     "experimentalDecorators": true,
     // TODO(paul): Remove once Angular has been upgraded and supports noUnusedParameters in AOT.
     "noUnusedParameters": false,

src/demo-app/tsconfig-build.json

@@ -2,6 +2,8 @@
 // since the demo-app will be served in the browser.
 {
   "compilerOptions": {
+    // Needed for Moment.js since it doesn't have a default export.
+    "allowSyntheticDefaultImports": true,
     "declaration": false,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,

src/material-moment-adapter/adapter/moment-date-adapter.spec.ts

@@ -10,7 +10,7 @@ import {MomentDateAdapter} from './moment-date-adapter';
 import {async, inject, TestBed} from '@angular/core/testing';
 import {MomentDateModule} from './index';
 import {DateAdapter, MAT_DATE_LOCALE} from '@angular/material';
-import * as moment from 'moment';
+import moment from 'moment';
 import {LOCALE_ID} from '@angular/core';
 
 

src/material-moment-adapter/adapter/moment-date-adapter.ts

@@ -8,7 +8,7 @@
 
 import {Inject, Injectable, Optional} from '@angular/core';
 import {DateAdapter, MAT_DATE_LOCALE} from '@angular/material';
-import * as moment from 'moment';
+import moment from 'moment';
 
 
 /** Creates an array and fills it with values. */

src/material-moment-adapter/tsconfig-build.json

@@ -2,6 +2,8 @@
 // needs to be ES2015 since the build process will create FESM bundles using rollup.
 {
   "compilerOptions": {
+    // Needed for Moment.js since it doesn't have a default export.
+    "allowSyntheticDefaultImports": true,
     "baseUrl": ".",
     "declaration": true,
     "stripInternal": false,

src/material-moment-adapter/tsconfig-tests.json

@@ -4,6 +4,8 @@
 {
   "extends": "./tsconfig-build",
   "compilerOptions": {
+    // Needed for Moment.js since it doesn't have a default export.
+    "allowSyntheticDefaultImports": true,
     "importHelpers": false,
     "module": "commonjs",
     "target": "es5",

tools/package-tools/rollup-globals.ts

@@ -17,6 +17,7 @@ const rollupCdkEntryPoints = cdkSecondaryEntryPoints.reduce((globals: any, entry
 /** Map of globals that are used inside of the different packages. */
 export const rollupGlobals = {
   'tslib': 'tslib',
+  'moment': 'moment',
 
   '@angular/animations': 'ng.animations',
   '@angular/core': 'ng.core',

tsconfig.json

@@ -2,6 +2,8 @@
 // IDEs and TSLint. For IDEs it ensures that `experimentalDecorator` warnings are not showing up.
 {
   "compilerOptions": {
+    // Needed for Moment.js since it doesn't have a default export.
+    "allowSyntheticDefaultImports": true,
     "rootDir": ".",
     "experimentalDecorators": true,
     "module": "es2015",