title: Angular 2 time input two way binding
body: <p>I have a problem with 2 way binding a time input. I can not find a way to accomplish this. </p>
  
  <p>Here is an example in plnkr </p>
  
  <p><a href="http://plnkr.co/edit/Gyn8ER1LDBkkI0HieLZE?p=preview" rel="nofollow">http://plnkr.co/edit/Gyn8ER1LDBkkI0HieLZE?p=preview</a> </p>
  
  <p>And here is my code: </p>
  
  <pre><code>import {Component} from 'angular2/core'
  
  @Component({
    selector: 'my-app',
    providers: [],
    template: `
      &lt;div&gt;
        Date: &lt;input [(ngModel)] = "date"/&gt;
        Time: &lt;input type="time" [(valueAsDate)] = "date" /&gt;
  
      &lt;/div&gt;
    `,
    directives: []
  })
  export class App {
    date = new Date();
    constructor() {
      this.name = 'Angular2'
    }
  }
  </code></pre>