title: ng2-bootstrap datepicker with formControlName attribute
body: <p>I've created form using Angular 2 containing autocomplete and datepicker (ng2-bootstrap).
  Everything is implemented using FormGroup and FormControls.</p>
  
  <pre><code>this.searchForm = new FormGroup({
    dateStart: new FormControl(null, Validators.required),
    dateEnd: new FormControl(null, Validators.required),
    origin: new FormControl(null, Validators.required),
    destination: new FormControl(null, Validators.required)
  }); 
  </code></pre>
  
  <p>Autocomplete fields work as expected (in every aspect: logic, form validation, formControlName attribute).</p>
  
  <p>Unfortunately, datepicker controls are not working properly with Model Driven Forms and formControlName. I had to use ngModel to bind user data, but I'm looking for more complex solution to control these all fields from FormGroup level and to take care of the validation.</p>
  
  <p><strong>Current HTML code responsible for datepicker:</strong></p>
  
  <pre><code>&lt;datepicker
    [(ngModel)]="searchForm.value.dateEnd"
    [ngModelOptions]="{standalone: true}"
    [showWeeks]="false"
    [startingDay]="1"
    [minDate]="minDateEnd"
    [initDate]="minDateEnd"
    [collapse]="isCalEndVisible"
  &gt;&lt;/datepicker&gt;
  </code></pre>
  
  <p><strong>The expected result:</strong></p>
  
  <pre><code>&lt;datepicker
    formControlName="dateEnd"
    [showWeeks]="false"
    [startingDay]="1"
    [minDate]="minDateEnd"
    [initDate]="minDateEnd"
    [collapse]="isCalEndVisible"
  &gt;&lt;/datepicker&gt;
  </code></pre>
  
  <p>Any idea, folks?</p>