Datepicker: can't set initual value using input & form control name

I can’t set the initial value of a datepicker that is bound to an input. Sample code:

//.html
<form [formGroup]="form" class="form-default">
	<input type="text" class="form-control" formControlName="publishdate" ngbDatepicker #datepicker="ngbDatepicker">
</form>
<div class="input-group-addon" (click)="datepicker.toggle()"></div>
// ts
this.content.publishdate = new Date();
this.form.patchValue(this.content);

The input is not filled with the value from ‘content.publishdate’ and the datepicker when opened (through datepicker.toggle()) does not have the value from today. Is this correct? I didn’t find anythin in the docs about this.

[irvinlee]

I encountered the same problem. I fixed it by making sure that I’m passing in integers instead of strings:

this.form.get('birthDate').setValue({
        year: parseInt(birthDate.format('YYYY'), 10),
        month: parseInt(birthDate.format('M'), 10),
        day: parseInt(birthDate.format('D'), 10)
      });

[pkozlowski-opensource]

You need to specify publishdate as an object (structure) with the year, month and day properties. Specifying new Date() won’t work. See http://plnkr.co/edit/kj2TIP2b1DfTtWkuHFGA?p=preview and check https://ng-bootstrap.github.io/#/components/datepicker/examples for more examples.

Closing as a support request.