md2/datepicker/calendar-body.html

Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Chips(Tags), Collapse, Colorpicker, Data Table, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.

<tr *ngIf="_firstRowOffset < labelMinRequiredCells" aria-hidden="true"><td class="md2-calendar-body-label" [attr.colspan]="numCols">{{label}}</td></tr><tr *ngFor="let row of rows; let rowIndex = index" role="row"><td *ngIf="rowIndex === 0 && _firstRowOffset" aria-hidden="true" class="md2-calendar-body-label" [attr.colspan]="_firstRowOffset">{{_firstRowOffset >= labelMinRequiredCells ? label : ''}}</td><td *ngFor="let item of row; let colIndex = index" role="gridcell" class="md2-calendar-body-cell" [class.md2-calendar-body-disabled]="!item.enabled" [class.md2-calendar-body-active]="_isActiveCell(rowIndex, colIndex)" [attr.aria-label]="item.ariaLabel" [attr.aria-disabled]="!item.enabled || null" (click)="_cellClicked(item)"><div class="md2-calendar-body-cell-content" [class.md2-calendar-body-selected]="selectedValue === item.value" [class.md2-calendar-body-today]="todayValue === item.value">{{item.displayValue}}</div></td></tr>