Ng9 (#496)

* ng 8 update

* upgrading to ng9

* fixing build

Co-authored-by: Vlad Ioffe <[email protected]>

Author: vlio20

CHANGELOG.md

@@ -1,7 +1,10 @@
 # Changelog
 All notable changes to this project will be documented in this file.
-<a name="8.0.0"></a>
-# [8.1.0] (???)
+<a name="9.0.0"></a>
+# [9.0.0] (???)
+
+### Improvements
+- Update to Angular 9 ([???](https://github.com/vlio20/angular-datepicker/commit/???)) closes [#493](https://github.com/vlio20/angular-datepicker/issues/493)
 
 ### Features
 - Add number of rows to month calendar ([???](https://github.com/vlio20/angular-datepicker/commit/???)) closes [#387](https://github.com/vlio20/angular-datepicker/issues/387)

angular.json

@@ -16,7 +16,7 @@
             "main": "src/main.ts",
             "tsConfig": "src/tsconfig.app.json",
             "polyfills": "src/polyfills.ts",
-            "aot": false,
+            "aot": true,
             "assets": [
               "src/assets",
               "src/favicon.ico"
@@ -28,12 +28,17 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -120,7 +125,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "dp",
-      "styleext": "less"
+      "style": "less"
     },
     "@schematics/angular:directive": {
       "prefix": "dp"

package-lock.json

@@ -38,23 +38,23 @@
   ],
   "peerDependencies": {},
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.803.21",
-    "@angular-devkit/build-ng-packagr": "^0.803.20",
-    "@angular-devkit/core": "8.3.20",
-    "@angular/cli": "^8.3.20",
-    "@angular/common": "8.2.14",
-    "@angular/compiler": "8.2.14",
-    "@angular/compiler-cli": "8.2.14",
-    "@angular/core": "8.2.14",
-    "@angular/forms": "8.2.14",
-    "@angular/platform-browser": "8.2.14",
-    "@angular/platform-browser-dynamic": "8.2.14",
-    "@angular/router": "8.2.14",
+    "@angular-devkit/build-angular": "~0.901.0",
+    "@angular-devkit/build-ng-packagr": "~0.901.0",
+    "@angular-devkit/core": "9.1.0",
+    "@angular/cli": "^9.1.0",
+    "@angular/common": "9.1.0",
+    "@angular/compiler": "9.1.0",
+    "@angular/compiler-cli": "9.1.0",
+    "@angular/core": "9.1.0",
+    "@angular/forms": "9.1.0",
+    "@angular/platform-browser": "9.1.0",
+    "@angular/platform-browser-dynamic": "9.1.0",
+    "@angular/router": "9.1.0",
     "@types/google.analytics": "0.0.40",
     "@types/jasmine": "3.3.13",
-    "@types/node": "12.0.10",
+    "@types/node": "^12.11.1",
     "classlist.js": "^1.1.20150312",
-    "codelyzer": "^5.2.0",
+    "codelyzer": "^5.1.2",
     "core-js": "^2.6.11",
     "jasmine-core": "~3.4.0",
     "jasmine-spec-reporter": "~4.2.1",
@@ -66,18 +66,16 @@
     "karma-jasmine-html-reporter": "^1.4.2",
     "less": "^3.10.3",
     "ncp": "^2.0.0",
-    "ng-packagr": "^5.7.1",
+    "ng-packagr": "^9.0.0",
     "protractor": "^5.4.2",
     "rimraf": "^2.7.1",
     "rxjs": "^6.5.3",
     "ts-node": "^8.5.4",
-    "tsickle": "^0.35.0",
-    "tslib": "^1.10.0",
     "tslint": "~5.18.0",
-    "typescript": "3.4.5",
+    "typescript": "3.8.3",
     "uglify-js": "^3.7.2",
     "web-animations-js": "^2.3.2",
-    "zone.js": "^0.9.1"
+    "zone.js": "~0.10.2"
   },
   "angularCompilerOptions": {
     "skipTemplateCodegen": true,
@@ -96,6 +94,7 @@
     ]
   },
   "dependencies": {
-    "moment": "^2.24.0"
+    "moment": "^2.24.0",
+    "tslib": "^1.10.0"
   }
 }

package.json

@@ -6,8 +6,8 @@ import {ViewChild} from '@angular/core';
 import {FormControl, ValidatorFn, Validators} from '@angular/forms';
 
 export abstract class DateComponent {
-  @ViewChild('dateComponent', {static: false}) dateComponent: DatePickerComponent;
-  @ViewChild(DatePickerDirective, {static: false}) dateDirective: DatePickerDirective;
+  @ViewChild('dateComponent') dateComponent: DatePickerComponent;
+  @ViewChild(DatePickerDirective) dateDirective: DatePickerDirective;
 
   control: FormControl;
 

src/demo/demo/common/date-component.component.ts

@@ -120,9 +120,9 @@ const DAY_TIME_CALENDAR_OPTION_KEYS = [
 })
 export class DemoComponent implements OnInit {
   showDemo: boolean = true;
-  @ViewChild('dateComponent', {static: false}) dateComponent: DatePickerComponent;
-  @ViewChild('donateForm', {static: false}) donateForm: any;
-  @ViewChild('dateDirectivePicker', {static: false}) datePickerDirective: DatePickerDirective;
+  @ViewChild('dateComponent') dateComponent: DatePickerComponent;
+  @ViewChild('donateForm') donateForm: any;
+  @ViewChild('dateDirectivePicker') datePickerDirective: DatePickerDirective;
   demoFormat = 'DD-MM-YYYY';
   readonly DAYS = ['su', 'mo', 'tu', 'we', 'th', 'fr', 'sa'];
   readonly LANGS = [

src/demo/demo/demo.component.ts

@@ -166,11 +166,11 @@ export class DatePickerComponent implements OnChanges,
   @Output() onLeftNav: EventEmitter<INavEvent> = new EventEmitter();
   @Output() onRightNav: EventEmitter<INavEvent> = new EventEmitter();
   @Output() onSelect: EventEmitter<ISelectionEvent> = new EventEmitter();
-  @ViewChild('container', {static: false}) calendarContainer: ElementRef;
-  @ViewChild('dayCalendar', {static: false}) dayCalendarRef: DayCalendarComponent;
-  @ViewChild('monthCalendar', {static: false}) monthCalendarRef: MonthCalendarComponent;
-  @ViewChild('daytimeCalendar', {static: false}) dayTimeCalendarRef: DayTimeCalendarComponent;
-  @ViewChild('timeSelect', {static: false}) timeSelectRef: TimeSelectComponent;
+  @ViewChild('container') calendarContainer: ElementRef;
+  @ViewChild('dayCalendar') dayCalendarRef: DayCalendarComponent;
+  @ViewChild('monthCalendar') monthCalendarRef: MonthCalendarComponent;
+  @ViewChild('daytimeCalendar') dayTimeCalendarRef: DayTimeCalendarComponent;
+  @ViewChild('timeSelect') timeSelectRef: TimeSelectComponent;
   componentConfig: IDatePickerConfigInternal;
   dayCalendarConfig: IDayCalendarConfig;
   dayTimeCalendarConfig: IDayTimeCalendarConfig;

src/lib/date-picker/date-picker.component.ts

@@ -78,7 +78,7 @@ export class DayTimeCalendarComponent implements OnInit, OnChanges, ControlValue
   @Output() onGoToCurrent: EventEmitter<void> = new EventEmitter();
   @Output() onLeftNav: EventEmitter<INavEvent> = new EventEmitter();
   @Output() onRightNav: EventEmitter<INavEvent> = new EventEmitter();
-  @ViewChild('dayCalendar', {static: false}) dayCalendarRef: DayCalendarComponent;
+  @ViewChild('dayCalendar') dayCalendarRef: DayCalendarComponent;
   isInited: boolean = false;
   componentConfig: IDayTimeCalendarConfig;
   inputValue: CalendarValue;

src/lib/day-time-calendar/day-time-calendar.component.ts

@@ -11,12 +11,15 @@
     ],
     "outDir": "../out-tsc/app",
     "target": "es5",
-    "module": "es2015",
+    "module": "esnext",
     "baseUrl": "",
     "types": []
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }

src/tsconfig.app.json

@@ -10,7 +10,7 @@
       "dom"
     ],
     "outDir": "../out-tsc/spec",
-    "module": "commonjs",
+    "module": "esnext",
     "target": "es6",
     "baseUrl": "",
     "types": [

src/tsconfig.spec.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "module": "esnext",
     "target": "es5",
     "outDir": "bin",
     "sourceMap": true,