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"