title: PrimeNG calendar not hiding after selection of value
body: <p>In Angular 2, I am using PrimeNG calendar using model driven form with *ngSwitchCase as follows</p>
  
  <pre><code>    &lt;div [ngSwitch]="field.controlType"&gt;
      ...
      &lt;p-calendar *ngSwitchCase="'date'" [formControlName]="field.key" [id]="field.key" [showIcon]="true" dataType="string"&gt;&lt;/p-calendar&gt;
      ...
      &lt;/div&gt;
  </code></pre>
  
  <p>The calendar comes up well on the UI, but when I select the date, or click outside on the page, it does not go away. 
  Only when I click on tab to go away, the calendar is closed.</p>
  
  <p>If I use ngModule, it works fine, but that is not the requirement.</p>
  
  <p>Does anyone have any clue/example on it, please share</p>
  
  <p>Thanks</p>