fix(datepicker): fixed broken bindings for aria-labelby and ids (#1055)

valor-software · Oct 4, 2016 · 26d9209 · 26d9209
1 parent 969a61a
commit 26d9209
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/datepicker/daypicker.component.ts b/components/datepicker/daypicker.component.ts
@@ -22,7 +22,7 @@ const TEMPLATE_OPTIONS:any = {
 @Component({
  selector: 'daypicker',
  template: `
-<table *ngIf="datePicker.datepickerMode==='day'" role="grid" aria-labelledby="uniqueId+'-title'" aria-activedescendant="activeDateId">
+<table *ngIf="datePicker.datepickerMode==='day'" role="grid" [attr.aria-labelledby]="datePicker.uniqueId+'-title'" aria-activedescendant="activeDateId">
  <thead>
  <tr>
  <th>

diff --git a/components/datepicker/monthpicker.component.ts b/components/datepicker/monthpicker.component.ts
@@ -15,7 +15,7 @@ import { DatePickerInnerComponent } from './datepicker-inner.component';
  <i class="glyphicon glyphicon-chevron-left"></i>
  </button></th>
  <th>
- <button [id]="uniqueId + '-title'"
+ <button [id]="datePicker.uniqueId + '-title'"
  type="button" class="btn btn-default btn-sm"
  (click)="datePicker.toggleMode()"
  [disabled]="datePicker.datepickerMode === maxMode"

diff --git a/components/datepicker/yearpicker.component.ts b/components/datepicker/yearpicker.component.ts
@@ -16,7 +16,7 @@ import { DatePickerInnerComponent } from './datepicker-inner.component';
  </button>
  </th>
  <th colspan="3">
- <button [id]="uniqueId + '-title'" role="heading"
+ <button [id]="datePicker.uniqueId + '-title'" role="heading"
  type="button" class="btn btn-default btn-sm"
  (click)="datePicker.toggleMode()"
  [disabled]="datePicker.datepickerMode === datePicker.maxMode"