Merge pull request AlexMiniApps#57 from Reinbert/master

Added 'inputmode' property to html inputs.

Author: AlexMiniApps

angular-code-input/src/lib/code-input.component.config.ts

@@ -5,6 +5,7 @@ export const CodeInputComponentConfigToken = new InjectionToken<CodeInputCompone
 export interface CodeInputComponentConfig {
   codeLength?: number;
   inputType?: string;
+  inputMode?: string;
   initialFocusField?: number;
   isCharsCode?: boolean;
   isCodeHidden?: boolean;
@@ -18,6 +19,7 @@ export interface CodeInputComponentConfig {
 export const defaultComponentConfig: CodeInputComponentConfig = {
   codeLength: 4,
   inputType: 'tel',
+  inputMode: 'numeric',
   initialFocusField: undefined,
   isCharsCode: false,
   isCodeHidden: false,

angular-code-input/src/lib/code-input.component.html

@@ -6,6 +6,7 @@
          (input)="onInput($event, i)"
          (keydown)="onKeydown($event, i)"
          [type]="inputType"
+         [inputmode]="inputMode"
          [disabled]="disabled"
          [attr.autocapitalize]="autocapitalize"
          autocomplete="one-time-code"/>

angular-code-input/src/lib/code-input.component.ts

@@ -39,6 +39,7 @@ export class CodeInputComponent implements AfterViewInit, OnInit, OnChanges, OnD
 
   @Input() codeLength !: number;
   @Input() inputType !: string;
+  @Input() inputMode !: string;
   @Input() initialFocusField?: number;
   /** @deprecated Use isCharsCode prop instead. */
   @Input() isNonDigitsCode = false;