feat(IgxYearsView): add tabIndex to years view elements #6275

Author: ddincheva

projects/igniteui-angular/src/lib/calendar/calendar.directives.ts

@@ -48,6 +48,12 @@ export class IgxCalendarYearDirective {
         return this.isCurrentYear;
     }
 
+    @HostBinding('attr.tabindex')
+    public get tabIndex(): number {
+        return this.isCurrentYear ? 0 : -1;
+    }
+
+
     public get isCurrentYear(): boolean {
         return this.date.getFullYear() === this.value.getFullYear();
     }
@@ -75,9 +81,6 @@ export class IgxCalendarMonthDirective {
     @Output()
     public onMonthSelection = new EventEmitter<Date>();
 
-    @HostBinding('attr.tabindex')
-    public tabindex = 0;
-
     @HostBinding('class.igx-calendar__month')
     public get defaultCSS(): boolean {
         return !this.isCurrentMonth;

projects/igniteui-angular/src/lib/calendar/years-view/years-view.component.ts

@@ -139,6 +139,7 @@ export class IgxYearsViewComponent implements ControlValueAccessor {
      *
      * @hidden
      */
+    @Input()
     @HostBinding('attr.tabindex')
     public tabindex = 0;