Fixed #13736 - Update condition to prevent highlight disabled date

primefaces · Sep 25, 2023 · b2c5499 · b2c5499
1 parent ae1c5d7
commit b2c5499
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/app/components/calendar/calendar.ts b/src/app/components/calendar/calendar.ts
@@ -172,7 +172,7 @@ export const CALENDAR_VALUE_ACCESSOR: any = {
                                             </td>
                                             <td *ngFor="let date of week" [ngClass]="{ 'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today }">
                                                 <ng-container *ngIf="date.otherMonth ? showOtherMonths : true">
-                                                    <span [ngClass]="{ 'p-highlight': isSelected(date), 'p-disabled': !date.selectable }" (click)="onDateSelect($event, date)" draggable="false" (keydown)="onDateCellKeydown($event, date, i)" pRipple>
+                                                    <span [ngClass]="{ 'p-highlight': isSelected(date) && date.selectable, 'p-disabled': !date.selectable }" (click)="onDateSelect($event, date)" draggable="false" (keydown)="onDateCellKeydown($event, date, i)" pRipple>
                                                         <ng-container *ngIf="!dateTemplate && (date.selectable || !disabledDateTemplate)">{{ date.day }}</ng-container>
                                                          <ng-container *ngIf="date.selectable || !disabledDateTemplate">
                                                             <ng-container *ngTemplateOutlet="dateTemplate; context: { $implicit: date }"></ng-container>