@dhutaryan/ngx-mat-timepicker 13.2.0 → 13.2.2

package/fesm2020/dhutaryan-ngx-mat-timepicker.mjs

@@ -21,7 +21,7 @@ import { mixinColor, MatRippleModule } from '@angular/material/core';
 import * as i1$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-import { DOWN_ARROW, UP_ARROW, LEFT_ARROW, RIGHT_ARROW, PAGE_UP, PAGE_DOWN, ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
+import { DOWN_ARROW, UP_ARROW, PAGE_UP, PAGE_DOWN, ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
 import { merge, fromEvent, debounceTime, take, BehaviorSubject, Subscription, Subject, first, filter } from 'rxjs';
 import { trigger, transition, animate, keyframes, style, state } from '@angular/animations';
 import { PlatformModule } from '@angular/cdk/platform';
@@ -1028,6 +1028,7 @@ const DIGIT_KEYS = [
     'Digit8',
     'Digit9',
 ];
+const SPECIAL_KEYS = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight'];
 class MatTimeInputBase {
     constructor(element, _cdr, _document) {
         this.element = element;
@@ -1046,7 +1047,8 @@ class MatTimeInputBase {
         this.setInputPlaceholder(this._value);
     }
     _keydown(event) {
-        if (!DIGIT_KEYS.includes(event.code)) {
+        const isAllow = (DIGIT_KEYS.includes(event.code) && !event.shiftKey) || SPECIAL_KEYS.includes(event.code);
+        if (!isAllow) {
             event.preventDefault();
         }
     }
@@ -1824,8 +1826,6 @@ class MatTimepickerBase {
             const keyCode = event.keyCode;
             if (keyCode === UP_ARROW ||
                 keyCode === DOWN_ARROW ||
-                keyCode === LEFT_ARROW ||
-                keyCode === RIGHT_ARROW ||
                 keyCode === PAGE_UP ||
                 keyCode === PAGE_DOWN) {
                 event.preventDefault();