Disable single date in p-calendar

Question

I have a calender and I want to disiable a certain date eg 10/7/2018, I am using p-calendar

Here is what I have done so far

<p-calendar formControlName="date" [inline]="true" [disabledDays]="[10]"  [minDate]="minimumDate" tabindex="0">
        <ng-template pTemplate="date" let-date>
            <span [ngStyle]="{backgroundColor: (date.day ==10) ? '#7cc67c' : 'inherit'}"   style="border-radius:50%">{{date.day}}</span>
        </ng-template>
    </p-calendar>

This does not work ,

What is wrong with my code?

Answer 1

You're using [disabledDays], where each value represents a day of the week, so any value > 6 is invalid. You want disabledDates instead, which should be an array of Date objects.

There should be more info in the documentation that you linked to.