Merge pull request #8721 from IgniteUI/amarinov/datePickerStrictTemplate110

fix(inputs): use full union types on igxDatePicker's InteractionMode - 11.0.x

Author: Lipata

projects/igniteui-angular/src/lib/core/enums.ts

@@ -1,8 +1,10 @@
+import { mkenum } from './utils';
 /**
  * This enumeration is used to configure whether the date/time picker has an editable input with drop down
  * or is readonly - the date/time is selected only through a dialog.
  */
-export enum InteractionMode {
-    DropDown = 'dropdown',
-    Dialog = 'dialog'
-}
+export const InteractionMode = mkenum({
+    DropDown: 'dropdown',
+    Dialog: 'dialog'
+});
+export type InteractionMode = (typeof InteractionMode)[keyof typeof InteractionMode];

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

@@ -562,7 +562,7 @@ export class IgxDatePickerComponent implements IDatePicker, ControlValueAccessor
      * ```
      */
     @Input()
-    public mode = InteractionMode.Dialog;
+    public mode: InteractionMode = InteractionMode.Dialog;
 
     /**
      * Gets/Sets whether date should spin continuously or stop when min/max is reached.

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

@@ -365,7 +365,7 @@ export class IgxTimePickerComponent implements
      * @memberof IgxTimePickerComponent
      */
     @Input()
-    public mode = InteractionMode.Dialog;
+    public mode: InteractionMode = InteractionMode.Dialog;
 
     /**
      * Determines the container the popup element should be attached to.