Merge branch 'PMiteva/time-picker-refactoring' of https://github.com/IgniteUI/igniteui-angular into PMiteva/time-picker-refactoring

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

Author: PlamenaMiteva

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

@@ -132,6 +132,15 @@ export class IgxTimePickerComponent extends PickerBaseDirective
     @Input()
     public displayFormat: string
 
+        if (value && this.validateFormat(value)) {
+            this._displayFormat = value;
+        }
+    }
+
+    public get displayFormat(): string {
+        return this._displayFormat;
+    }
+
     /**
      * The expected user input format and placeholder.
      *
@@ -144,7 +153,17 @@ export class IgxTimePickerComponent extends PickerBaseDirective
      * ```
      */
     @Input()
-    public inputFormat: string = DateTimeUtil.DEFAULT_TIME_INPUT_FORMAT;
+    public set inputFormat(value: string) {
+        this._inputFormat = DateTimeUtil.DEFAULT_TIME_INPUT_FORMAT;
+
+        if (value && this.validateFormat(value)) {
+            this._inputFormat = value;
+        }
+    }
+
+    public get inputFormat(): string {
+        return this._inputFormat;
+    }
 
     /**
      * Gets/Sets the interaction mode - dialog or drop down.