From 779e29d81dd48185dfb8b95acf6196609f588e5c Mon Sep 17 00:00:00 2001 From: kekeh Date: Wed, 6 Dec 2017 16:03:51 +0200 Subject: [PATCH] Added input box focusable when the date is selected from the calendar. --- src/ngx-my-date-picker/ngx-my-date-picker.input.ts | 7 +++++++ 1 file changed, 7 insertions(+) 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 index bed84b2..7739b4a 100644 --- 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); }