fix(time-picker): adding logic when mix/maxValues are not used.|#3978

Author: valadzhov

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

@@ -1273,6 +1273,9 @@ export class IgxTimePickerComponent implements
     }
 
     public convertMinMaxValue(value: string): Date {
+        if (value == null) {
+            return;
+        } else {
         const date = this.value ? new Date(this.value) : this._dateFromModel ? new Date(this._dateFromModel) : new Date();
         const sections = value.split(/[\s:]+/);
         let hour, minutes, seconds, amPM;
@@ -1313,6 +1316,7 @@ export class IgxTimePickerComponent implements
 
         return date;
     }
+    }
 
     private _isValueValid(value: Date): boolean {
         if (this.maxValue && value > this.convertMinMaxValue(this.maxValue)) {

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

@@ -268,6 +268,9 @@ export class IgxHourItemDirective {
 
     @HostBinding('class.igx-time-picker__item--disabled')
     get applyDisabledStyleForHours(): boolean {
+        if (this.minValueDate === undefined || this.maxValueDate === undefined) {
+            return false;
+        }
         let hour = parseInt(this.value);
         if (this.selectedAmPm === 'PM') {
             hour += 12;
@@ -333,6 +336,9 @@ export class IgxMinuteItemDirective {
 
     @HostBinding('class.igx-time-picker__item--disabled')
     get applyDisabledStyleForMinutes(): boolean {
+        if (this.minValueDate === undefined || this.maxValueDate === undefined) {
+            return false;
+        }
         const minute = parseInt(this.value);
         let hour = parseInt(this.selectedHour);
         if (this.selectedAmPm === 'PM') {
@@ -403,6 +409,9 @@ export class IgxSecondsItemDirective {
 
     @HostBinding('class.igx-time-picker__item--disabled')
     get applyDisabledStyleForSeconds(): boolean {
+        if (this.minValueDate === undefined || this.maxValueDate === undefined) {
+            return false;
+        }
         const minute = parseInt(this.selectedMinute);
         let hour = parseInt(this.selectedHour);
         const second = parseInt(this.value);
@@ -475,6 +484,9 @@ export class IgxAmPmItemDirective {
 
     @HostBinding('class.igx-time-picker__item--disabled')
     get applyDisabledStyleForAmPm(): boolean {
+        if (this.minValueDate === undefined || this.maxValueDate === undefined) {
+            return false;
+        }
         const minute = parseInt(this.selectedMinute);
         let hour = parseInt(this.selectedHour);
         const second = parseInt(this.selectedSecond);