fix(time-picker): More code refactoring. #3978

Author: valadzhov

projects/igniteui-angular/src/lib/time-picker/time-picker.common.ts

@@ -41,7 +41,7 @@ export interface IgxTimePickerBase {
 }
 
 /** @hidden */
-export const enum TimeParts {
+export enum TimeParts {
     Hour = 'hour',
     Minute = 'minute',
     Seconds = 'seconds',

projects/igniteui-angular/src/lib/time-picker/time-picker.component.html

@@ -62,22 +62,22 @@ <h2 class="igx-time-picker__header-hour">
         <div class="igx-time-picker__body">
             <div *ngIf="showHoursList" #hourList [igxItemList]="'hourList'">
                 <span [igxHourItem]="hour"
-                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem('hour', hour)}"
+                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem(TimeParts.Hour, hour)}"
                 *ngFor="let hour of hourView">{{ hour }}</span>
             </div>
             <div *ngIf="showMinutesList" #minuteList [igxItemList]="'minuteList'">
                 <span [igxMinuteItem]="minute"
-                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem('minute', minute)}"
+                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem(TimeParts.Minute, minute)}"
                 *ngFor="let minute of minuteView" >{{ minute }}</span>
             </div>
             <div *ngIf="showSecondsList" #secondsList [igxItemList]="'secondsList'">
                 <span [igxSecondsItem]="seconds"
-                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem('seconds', seconds)}"
+                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem(TimeParts.Seconds, seconds)}"
                 *ngFor="let seconds of secondsView">{{ seconds }}</span>
             </div>
             <div *ngIf="showAmPmList" #ampmList [igxItemList]="'ampmList'">
                 <span [igxAmPmItem]="ampm"
-                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem('ampm', ampm)}"
+                [ngClass]="{'igx-time-picker__item--disabled': applyDisabledStyleForItem(TimeParts.amPM, ampm)}"
                 *ngFor="let ampm of ampmView">{{ ampm }}</span>
             </div>
         </div>

projects/igniteui-angular/src/lib/time-picker/time-picker.component.ts

@@ -99,6 +99,7 @@ const noop = () => { };
         }`
     ]
 })
+
 export class IgxTimePickerComponent implements
     IgxTimePickerBase,
     ControlValueAccessor,
@@ -153,6 +154,7 @@ export class IgxTimePickerComponent implements
             this.onValidationFailed.emit(args);
         }
     }
+    TimeParts: any = Object.assign({}, TimeParts);
 
     /**
      * An accessor that returns the value of `igx-time-picker` component.