ng-bootstarp - указатель даты выбирает неверную дату при применении стратегии OnPu sh ChangeDetection в компоненте

Question

Datepicker работает нормально, когда я не применяю ChangeDetectionStrategy.OnPush в компоненте. Но он начинает выбирать неправильную дату (иногда), когда я применяю ChangeDetectionStrategy.OnPush в компоненте и detach изменения в ngAfterViewInit.

Я понимаю, datepicker модал не может применить изменения к выделению, когда я отсоединился все изменения от компонента. Мне нужен обратный вызов ng-bootstrap, где я могу применить detectChanges(), когда пользователь меняет действие в режиме datepicker (например, изменение года, месяца, переход от месяца к стрелке).

Вот код в stackblitz

Answer 1

Вы уже добавили событие, которое вызывается при изменении даты, применяется обнаружение изменений в этой функции

<input class="form-control" placeholder="yyyy-mm-dd" name="fromdp"
    [(ngModel)]="fromDate" (dateSelect)="triggerFromDateFilter($event)"
    ngbDatepicker #fromdate="ngbDatepicker">

triggerFromDateFilter(evt) {
 console.log(evt)
 this.changeDetector.detectChanges();
}

triggerToDateFilter(evt) {
 console.log(evt);
 this.changeDetector.detectChanges();
}