feat: Add showOnInputFocus config option

klinki · Apr 28, 2018 · 52ed807 · 52ed807
1 parent a19aff2
commit 52ed807
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/au-date-time-picker.html b/src/au-date-time-picker.html
@@ -4,7 +4,7 @@
   <div class="input-group">
     <input class="form-control datepicker-input" type="datetime"
       value.bind="textValue"
-      focus.trigger="show()">
+      focus.trigger="inputFocus()">
       <span class="input-group-append">
           <button class="btn btn-outline-secondary" type="button" click.delegate="show()">
             <span class="fa fa-calendar"></span>

diff --git a/src/au-date-time-picker.ts b/src/au-date-time-picker.ts
@@ -241,4 +241,10 @@ export class AuDateTimePicker {
   public hide() {
     this.poppedElement.style.display = 'none';
   }
+
+  public inputFocus() {
+    if (this.options.showOnInputFocus) {
+      this.show();
+    }
+  }
 }
diff --git a/src/configuration.ts b/src/configuration.ts
@@ -8,11 +8,13 @@ export interface DateTimePickerConfiguration {
   weekStartsOn?: 0|1;
   scopes?: SelectionScope[];
   initialScope?: SelectionScope;
+  showOnInputFocus?: boolean;
 }
 
 export const DEFAULT_CONFIGURATION: DateTimePickerConfiguration = {
   format: 'DD. MM. YYYY HH:mm',
   weekStartsOn: 1,
   scopes: DEFAULT_SCOPES.array,
-  initialScope: DEFAULT_SCOPES.initial
+  initialScope: DEFAULT_SCOPES.initial,
+  showOnInputFocus: true
 };