chore(*): cleanup ng 9 update

Author: damyanpetev

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

@@ -20,8 +20,10 @@ export enum ScrollMonth {
     NONE = 'none'
 }
 
-@Directive()
-export class IgxCalendarBase implements ControlValueAccessor {
+@Directive({
+    selector: '[igxCalendarBase]'
+})
+export class IgxCalendarBaseDirective implements ControlValueAccessor {
     /**
      * Gets the start day of the week.
      * Can return a numeric or an enum representation of the week day.

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

@@ -21,7 +21,7 @@ import {
 } from './calendar.directives';
 import { KEYS } from '../core/utils';
 import { ICalendarDate, monthRange } from './calendar';
-import { CalendarView, IgxMonthPickerBase } from './month-picker-base';
+import { CalendarView, IgxMonthPickerBaseDirective } from './month-picker-base';
 import { IgxMonthsViewComponent } from './months-view/months-view.component';
 import { IgxYearsViewComponent } from './years-view/years-view.component';
 import { IgxDaysViewComponent } from './days-view/days-view.component';
@@ -78,7 +78,7 @@ let NEXT_ID = 0;
     selector: 'igx-calendar',
     templateUrl: 'calendar.component.html'
 })
-export class IgxCalendarComponent extends IgxMonthPickerBase implements AfterViewInit, OnDestroy {
+export class IgxCalendarComponent extends IgxMonthPickerBaseDirective implements AfterViewInit, OnDestroy {
     /**
      * Sets/gets the `id` of the calendar.
      * If not set, the `id` will have value `"igx-calendar-0"`.

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

@@ -15,12 +15,16 @@ import { IgxYearsViewComponent } from './years-view/years-view.component';
 import { IgxDaysViewComponent } from './days-view/days-view.component';
 import { IgxDayItemComponent } from './days-view/day-item.component';
 import { IgxMonthPickerComponent } from './month-picker/month-picker.component';
+import { IgxCalendarBaseDirective } from './calendar-base';
+import { IgxMonthPickerBaseDirective } from './month-picker-base';
 
 /**
  * @hidden
  */
 @NgModule({
     declarations: [
+        IgxCalendarBaseDirective,
+        IgxMonthPickerBaseDirective,
         IgxDayItemComponent,
         IgxDaysViewComponent,
         IgxCalendarComponent,

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

@@ -14,7 +14,7 @@ import { ICalendarDate, isDateInRanges } from '../../calendar/calendar';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { IgxDayItemComponent } from './day-item.component';
 import { DateRangeDescriptor, DateRangeType } from '../../core/dates';
-import { IgxCalendarBase, CalendarSelection } from '../calendar-base';
+import { IgxCalendarBaseDirective, CalendarSelection } from '../calendar-base';
 import { isEqual } from '../../core/utils';
 import { IViewChangingEventArgs } from './days-view.interface';
 import { IgxDaysViewNavigationService } from './daysview-navigation.service';
@@ -33,7 +33,7 @@ let NEXT_ID = 0;
     selector: 'igx-days-view',
     templateUrl: 'days-view.component.html'
 })
-export class IgxDaysViewComponent extends IgxCalendarBase implements DoCheck, OnInit {
+export class IgxDaysViewComponent extends IgxCalendarBaseDirective implements DoCheck, OnInit {
     /**
      * Sets/gets the `id` of the days view.
      * If not set, the `id` will have value `"igx-days-view-0"`.

projects/igniteui-angular/src/lib/calendar/month-picker-base.ts

@@ -1,4 +1,4 @@
-import { IgxCalendarBase } from './calendar-base';
+import { IgxCalendarBaseDirective } from './calendar-base';
 import { ViewChild, ElementRef, HostBinding, Directive } from '@angular/core';
 import { KEYS } from '../core/utils';
 
@@ -10,8 +10,10 @@ export enum CalendarView {
     YEAR,
     DECADE
 }
-@Directive()
-export class IgxMonthPickerBase extends IgxCalendarBase {
+@Directive({
+    selector: '[igxMonthPickerBase]'
+})
+export class IgxMonthPickerBaseDirective extends IgxCalendarBaseDirective {
 
     /**
      * @hidden

projects/igniteui-angular/src/lib/calendar/month-picker/month-picker.component.ts

@@ -10,7 +10,7 @@ import { trigger, transition, useAnimation } from '@angular/animations';
 import { fadeIn, scaleInCenter, slideInLeft, slideInRight } from '../../animations/main';
 import { KEYS } from '../../core/utils';
 import { IgxMonthsViewComponent } from '../months-view/months-view.component';
-import { IgxMonthPickerBase, CalendarView } from '../month-picker-base';
+import { IgxMonthPickerBaseDirective, CalendarView } from '../month-picker-base';
 import { IgxYearsViewComponent } from '../years-view/years-view.component';
 import { IgxDaysViewComponent } from '../days-view/days-view.component';
 
@@ -49,7 +49,7 @@ let NEXT_ID = 0;
     selector: 'igx-month-picker',
     templateUrl: 'month-picker.component.html'
 })
-export class IgxMonthPickerComponent extends IgxMonthPickerBase {
+export class IgxMonthPickerComponent extends IgxMonthPickerBaseDirective {
     /**
      * Sets/gets the `id` of the month picker.
      * If not set, the `id` will have value `"igx-month-picker-0"`.

projects/igniteui-angular/src/lib/core/navigation/nav.service.ts

@@ -1,5 +1,5 @@
 import { IToggleView } from './IToggleView';
-import { Injectable } from "@angular/core";
+import { Injectable } from '@angular/core';
 
 /**
  * Common service to be injected between components where those implementing common

projects/igniteui-angular/src/lib/grids/hierarchical-grid/row-island-api.service.ts

@@ -1,7 +1,7 @@
 import { IgxHierarchicalGridComponent } from './hierarchical-grid.component';
 import { IgxRowIslandComponent } from './row-island.component';
 import { Subject } from 'rxjs';
-import { Injectable } from "@angular/core";
+import { Injectable } from '@angular/core';
 
 @Injectable()
 export class IgxRowIslandAPIService {

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-api.service.ts

@@ -6,7 +6,7 @@ import { IRowToggleEventArgs } from './tree-grid.interfaces';
 import { IgxColumnComponent } from '../columns/column.component';
 import { HierarchicalTransaction, TransactionType, State } from '../../services';
 import { mergeObjects } from '../../core/utils';
-import { Injectable } from "@angular/core";
+import { Injectable } from '@angular/core';
 
 @Injectable()
 export class IgxTreeGridAPIService extends GridBaseAPIService<IgxTreeGridComponent> {

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-navigation.service.ts

@@ -1,5 +1,5 @@
 import { IgxGridNavigationService } from '../grid-navigation.service';
-import { Injectable } from "@angular/core";
+import { Injectable } from '@angular/core';
 
 @Injectable()
 export class IgxTreeGridNavigationService extends IgxGridNavigationService {