UNPKG

igniteui-angular-sovn

Version:

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

46 lines (39 loc) 2.01 kB
<div role="row" class="igx-calendar__body-row"> <div role="columnheader" *ngIf="showWeekNumbers" class="igx-calendar__label igx-calendar__label--week-number"> <span>Wk</span> </div> <span role="columnheader" [attr.aria-label]="dayName" *ngFor="let dayName of generateWeekHeader()" class="igx-calendar__label"> {{ dayName | titlecase }} </span> </div> <div *ngFor="let week of getCalendarMonth; last as isLast; index as i; trackBy: rowTracker" class="igx-calendar__body-row" role="row"> <div *ngIf="showWeekNumbers" class="igx-calendar__date igx-calendar__date--week-number"> <span role="rowheader" class="igx-calendar__date-content igx-calendar__date-content--week-number"> {{getWeekNumber(week[0].date)}} </span> </div> <!-- <igx-week-number-item *ngIf="showWeekNumbers">{{getWeekNumber(week[0].date)}}</igx-week-number-item> --> <igx-day-item class="igx-calendar__date" *ngFor="let day of week; trackBy: dateTracker" [attr.aria-selected]="isSelected(day)" role="gridcell" [attr.aria-disabled]="isDateDisabled(day.date)" [attr.aria-label]="isFirstInRange(day) ? day.date.toDateString() + ', ' + resourceStrings.igx_calendar_range_start : isLastInRange(day) ? day.date.toDateString() + ', ' + resourceStrings.igx_calendar_range_end : day.date.toDateString()" [date]="day" [selection]="selection" [selected]="isSelected(day)" [isLastInRange]="isLastInRange(day)" [isFirstInRange]="isFirstInRange(day)" [isWithinRange]="isWithinRange(day.date, true)" [disabledDates]="disabledDates" [specialDates]="specialDates" [outOfRangeDates]="outOfRangeDates" [hideOutsideDays]="hideOutsideDays" [attr.tabindex]="tabIndex(day)" (focus)="activeDate = day.date.toLocaleDateString()" (dateSelection)="selectDay($event)"> {{ formattedDate(day.date) }} </igx-day-item> </div>