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
HTML
<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>