Primeng: Calendar : ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ''. Current value: '10'.

Created on 29 Mar 2017 · 3Comments · Source: primefaces/primeng

I have imported the BrowserAnimationsModule and can complie+run pass with Angular 4 but
When I click on calendar I found error

app.component.ts

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

@Component({
  selector: 'my-app',
  template: `
  <p-calendar [(ngModel)]="value"></p-calendar>
  `,
})
export class AppComponent  { 
  value: Date;
}

app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router';
import { CalendarModule } from 'primeng/primeng';
import { FormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { AppComponent }  from './app.component';

@NgModule({
  imports:      [ 
    BrowserModule,
    CalendarModule,
    FormsModule,
    BrowserAnimationsModule
  ],
  declarations: [ 
    AppComponent,
  ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Angular version: 4.0.0
PrimeNG version: 2.0.5
font-awesome: 4.7.0

Please notify me for solution
Thankyou.

Source