I'm struggling to figure out why I am unable to bind this data into the li element. When I check the console, I can see the data under calendar.Days and within that are the individual day values. Any assistance would be highly appreciated.
Code
@Component({
selector: "calendarPopoverInternal",
template: `<div class="schedule-calendar-container">
<div class="schedule-calendar-week-container">
<ul class="selectable ui-selectable">
<li class="ui-state-default schedule-calendar-day"
*ngFor="let day of calendar.Days; let i = index;"
[ngClass]="getDaySelectionClass(day)"
[day]="day"
[index]="(i + j)"
(onkeydown)="onDayKeyPress($event, day)"
[attr.data-day]="day">
</li>
</ul>
</div>
</div>`
})
Error
Can't bind to 'day' since it isn't a known property of 'li'. (" [ngClass]="getDaySelectionClass(day)"
[ERROR ->][day]="day"
[index]="(i + j)"
"): CalendarWeeks@6:40