Added input box focusable when the date is selected from the calendar.

k11k2 · Dec 6, 2017 · 779e29d · 779e29d
1 parent 9daeb92
commit 779e29d
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/ngx-my-date-picker/ngx-my-date-picker.input.ts b/src/ngx-my-date-picker/ngx-my-date-picker.input.ts
@@ -194,6 +194,7 @@ export class NgxMyDatePickerDirective implements OnChanges, ControlValueAccessor
                 this.getSelectorPosition(this.elem.nativeElement),
                 this.elem.nativeElement.value,
                 (dm: IMyDateModel, close: boolean) => {
+                    this.focusToInput();
                     this.emitDateChanged(dm);
                     this.emitInputFieldChanged(dm.formatted, true);
                     this.updateModel(dm);
@@ -278,6 +279,12 @@ export class NgxMyDatePickerDirective implements OnChanges, ControlValueAccessor
         this.renderer.setElementProperty(this.elem.nativeElement, "value", value);
     }
 
+    private focusToInput(): void {
+        setTimeout(()=> {
+            this.elem.nativeElement.focus();
+        });
+    }
+
     private emitDateChanged(dateModel: IMyDateModel): void {
         this.dateChanged.emit(dateModel);
     }