title: binding the date object to date input's default value. but not working
body: <p>I am trying to set the default value of date type input through property binding. </p>
  
  <p>First i created a new date object in app.component.ts and then bound the <code>[value]</code> attribute of date to the <code>currentDate</code> property in the app.component.ts. But it doesnt work</p>
  
  <p>// Form Template</p>
  
  <pre><code>&lt;section class="container"&gt;
    &lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;Add a Task&lt;/div&gt;
      &lt;div class="panel-body"&gt;
        &lt;form class="form-horizontal" [formGroup]="taskForm" (ngSubmit)="onSubmit()"&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="title" class="col-sm-2 control-label"&gt;Title *&lt;/label&gt;
            &lt;div class="col-sm-10"&gt;
              &lt;input type="text" class="form-control" id="taskTitle" placeholder="Title of Task" formControlName="taskTitle"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="description" class="col-sm-2 control-label"&gt;Description *&lt;/label&gt;
            &lt;div class="col-sm-10"&gt;
              &lt;input type="text" class="form-control" id="description" placeholder="Enter Your Description" formControlName="description"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="date" class="col-sm-2 control-label"&gt;Date of Completion *&lt;/label&gt;
            &lt;div class="col-sm-10"&gt;
              &lt;input type="date" class="form-control" id="date" formControlName="date" [value]="currentDate"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;div class="col-md-offset-6"&gt;
              &lt;button type="submit" class="btn btn-default"&gt;Submit your data&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  &lt;section class="container"&gt;
    &lt;app-task-list&gt;&lt;/app-task-list&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>// App component </p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { FormGroup, FormControl } from '@angular/forms';
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent implements OnInit {
    currentDate: {};
    taskForm: FormGroup;
  
    ngOnInit() {
      this.taskForm = new FormGroup({
        'taskTitle': new FormControl(''),
        'description': new FormControl(''),
        'date': new FormControl(null)
      });
      this.currentDate = new Date();
      console.log(this.currentDate);
    }
  
    onSubmit() {
  
    }
  }
  </code></pre>