ngx-bootstrap: data-picker problem:The first default time format error

This might help: seems to occur only when bsValue is set as part of ngOnInit event.

I agree. When bsValue is set into ngOnInit, there is a problem. A use the version 3.3.0. But there is more. I can make it work on the ngOnInit when i set bsValue into a subcribe of asynchronous treatment of RXjs. My workaround, and it’s very dirty, is to encapsulate my code (which is into the ngOnInit) in a setTimeout …

Please see this simple repro https://stackblitz.com/edit/angular-xaknok?file=app/app.component.html (using 3.0.1)

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
   bsValue = new Date();
}

<input type="text"
       bsDatepicker
      [bsValue]="bsValue"
      [bsConfig]="{dateInputFormat: 'YYYY/MM/DD'}">

The date is initially displayed in MM/DD/YYYY format. After selecting date on the picker, it becomes YYYY/MM/DD.

Two years past, and there is still no fix? I still have the same problem with version 5.6.1 and 5.6.2!

Component:

<input bsDatepicker
    [value]="getDate() | date:dateFormat"
    [bsConfig]="dpConfig" />

config:

public dateFormat: string = 'DD-MMMM-YYYY';
public dpConfig: Partial<BsDatepickerConfig> = {
    containerClass: 'theme-default',
    dateInputFormat: this.dateFormat
};

also works. Its also not an ideal workaround. It’s a normal date pipe from @angular/core

Seeing the same with 2.0.5 both when providing value in template as @ianfdk suggested and when initializing a bound property during ngInit.

Same issue for me. Any updates on this, @valorkin ?