set date change hook in <date-picker> component

closes #4
changhuixu · Nov 5, 2018 · f4ef867 · f4ef867
1 parent 60c573e
commit f4ef867
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/projects/uiowa/date-range-picker/package.json b/projects/uiowa/date-range-picker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@uiowa/date-range-picker",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "author": "Changhui Xu <[email protected]>",
   "contributors": [
     "Jacob Feuerbach <[email protected]>"
@@ -13,8 +13,8 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": "^6.0.0-rc.0 || ^6.0.0",
-    "@angular/core": "^6.0.0-rc.0 || ^6.0.0",
+    "@angular/common": ">=6.0.0",
+    "@angular/core": ">=6.0.0",
     "@ng-bootstrap/ng-bootstrap": ">=3.0.0"
   }
 }
diff --git a/projects/uiowa/date-range-picker/src/lib/date-picker/date-picker.component.ts b/projects/uiowa/date-range-picker/src/lib/date-picker/date-picker.component.ts
@@ -1,4 +1,12 @@
-import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import {
+  Component,
+  OnInit,
+  Input,
+  Output,
+  EventEmitter,
+  OnChanges,
+  SimpleChanges
+} from '@angular/core';
 import { NgbDateNativeAdapter } from '../services/NgbDateNativeAdapter';
 import { NgbDate } from '@ng-bootstrap/ng-bootstrap';
 
@@ -7,7 +15,7 @@ import { NgbDate } from '@ng-bootstrap/ng-bootstrap';
   templateUrl: './date-picker.component.html',
   styleUrls: ['./date-picker.component.css']
 })
-export class DatePickerComponent implements OnInit {
+export class DatePickerComponent implements OnInit, OnChanges {
   @Input()
   date: Date;
 
@@ -22,6 +30,12 @@ export class DatePickerComponent implements OnInit {
     this.ngbDate = this.dateAdapter.fromModel(this.date);
   }
 
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes.date) {
+      this.ngOnInit();
+    }
+  }
+
   onDateChange(date: NgbDate) {
     this.dateChange.emit(this.dateAdapter.toModel(date));
   }