fix: restore aot compatibility with angular 4

Fixes #397

karma.conf.ts

@@ -87,7 +87,7 @@ export default config => {
           test: /\.(ts|js)($|\?)/i
         }),
         new webpack.ContextReplacementPlugin(
-          /angular(\\|\/)core(\\|\/)esm5/,
+          /angular(\\|\/)core(\\|\/)@angular/,
           __dirname + '/src'
         )
       ]

package.json

@@ -62,17 +62,16 @@
   },
   "homepage": "https://github.com/mattlewis92/angular-calendar#readme",
   "devDependencies": {
-    "@angular/animations": "^5.0.2",
-    "@angular/cdk": "^5.0.0-rc0",
-    "@angular/common": "^5.0.2",
-    "@angular/compiler": "^5.0.2",
-    "@angular/compiler-cli": "^5.0.2",
-    "@angular/core": "^5.0.2",
-    "@angular/forms": "^5.0.2",
-    "@angular/language-service": "^5.0.2",
-    "@angular/platform-browser": "^5.0.2",
-    "@angular/platform-browser-dynamic": "^5.0.2",
-    "@angular/router": "^5.0.2",
+    "@angular/animations": "^4.4.4",
+    "@angular/common": "^4.4.4",
+    "@angular/compiler": "^4.4.4",
+    "@angular/compiler-cli": "^4.4.4",
+    "@angular/core": "^4.4.4",
+    "@angular/forms": "^4.4.4",
+    "@angular/language-service": "^4.4.4",
+    "@angular/platform-browser": "^4.4.4",
+    "@angular/platform-browser-dynamic": "^4.4.4",
+    "@angular/router": "^4.4.4",
     "@commitlint/cli": "^5.0.1",
     "@commitlint/config-angular": "^4.3.0",
     "@commitlint/prompt": "^5.0.1",
@@ -93,7 +92,7 @@
     "bootstrap": "4.0.0-beta",
     "chai": "^4.1.2",
     "codecov": "^3.0.0",
-    "codelyzer": "^4.0.1",
+    "codelyzer": "^3.2.2",
     "commitizen": "^2.8.1",
     "concurrently": "^3.1.0",
     "copyfiles": "^1.2.0",
@@ -121,7 +120,7 @@
     "lint-staged": "^5.0.0",
     "mocha": "^4.0.1",
     "moment": "^2.19.2",
-    "ngx-contextmenu": "^3.0.0",
+    "ngx-contextmenu": "^1.3.5",
     "node-sass": "^4.7.1",
     "offline-plugin": "^4.8.4",
     "postcss-flexibility": "^2.0.0",
@@ -143,7 +142,7 @@
     "tslint": "^5.7.0",
     "tslint-config-mwl": "^0.2.1",
     "tslint-loader": "^3.5.3",
-    "typescript": "~2.4.2",
+    "typescript": "^2.6.1",
     "url-loader": "^0.6.2",
     "web-animations-js": "^2.3.1",
     "webpack": "^3.6.0",

src/modules/common/calendar-angular-date-formatter.provider.ts

@@ -16,28 +16,32 @@ export class CalendarAngularDateFormatter
    * The month view header week day labels
    */
   public monthViewColumnHeader({ date, locale }: DateFormatterParams): string {
-    return new DatePipe(locale).transform(date, 'EEEE', locale);
+    return ((new DatePipe(locale) as any) as any).transform(
+      date,
+      'EEEE',
+      locale
+    );
   }
 
   /**
    * The month view cell day number
    */
   public monthViewDayNumber({ date, locale }: DateFormatterParams): string {
-    return new DatePipe(locale).transform(date, 'd', locale);
+    return (new DatePipe(locale) as any).transform(date, 'd', locale);
   }
 
   /**
    * The month view title
    */
   public monthViewTitle({ date, locale }: DateFormatterParams): string {
-    return new DatePipe(locale).transform(date, 'MMMM y', locale);
+    return (new DatePipe(locale) as any).transform(date, 'MMMM y', locale);
   }
 
   /**
    * The week view header week day labels
    */
   public weekViewColumnHeader({ date, locale }: DateFormatterParams): string {
-    return new DatePipe(locale).transform(date, 'EEEE', locale);
+    return (new DatePipe(locale) as any).transform(date, 'EEEE', locale);
   }
 
   /**
@@ -47,14 +51,18 @@ export class CalendarAngularDateFormatter
     date,
     locale
   }: DateFormatterParams): string {
-    return new DatePipe(locale).transform(date, 'MMM d', locale);
+    return (new DatePipe(locale) as any).transform(date, 'MMM d', locale);
   }
 
   /**
    * The week view title
    */
   public weekViewTitle({ date, locale }: DateFormatterParams): string {
-    const year: string = new DatePipe(locale).transform(date, 'y', locale);
+    const year: string = (new DatePipe(locale) as any).transform(
+      date,
+      'y',
+      locale
+    );
     const weekNumber: number = getISOWeek(date);
     return `Week ${weekNumber} of ${year}`;
   }
@@ -64,13 +72,17 @@ export class CalendarAngularDateFormatter
    */
   public dayViewHour({ date, locale }: DateFormatterParams): string {
     const format = +VERSION.major === 4 ? 'j' : 'h a';
-    return new DatePipe(locale).transform(date, format, locale);
+    return (new DatePipe(locale) as any).transform(date, format, locale);
   }
 
   /**
    * The day view title
    */
   public dayViewTitle({ date, locale }: DateFormatterParams): string {
-    return new DatePipe(locale).transform(date, 'EEEE, MMMM d, y', locale);
+    return (new DatePipe(locale) as any).transform(
+      date,
+      'EEEE, MMMM d, y',
+      locale
+    );
   }
 }