how to disable future months in p-calendar?

Question

I want to disable future months and display only current month while selecting in UI, I am using p-calendar.

<p-calendar appendTo="body" class="SharesTblCalendar" name="closeDate" 
            [(ngModel)]="note.closeDate" [monthNavigator]="true" [yearNavigator]="true"
            [yearRange]="yearRange" 
</p-calendar>

this is the code I am using but couldnot resctric it from taking month

Answer 1

You can use maxDate to restrict calendar

 <p-calendar appendTo="body" class="SharesTblCalendar" name="closeDate" 
            [(ngModel)]="note.closeDate" [monthNavigator]="true" [yearNavigator]="true" 
            [yearRange]="yearRange"  [maxDate]="maxDate"
</p-calendar>


let today = new Date();
let month = today.getMonth();
this.maxDate = new Date();
this.maxDate.setMonth(month);