From 52ed80740424aaaf53dbfa0abe145aab110b8428 Mon Sep 17 00:00:00 2001
From: David Klingenberg <dklingenberg@gmail.com>
Date: Sat, 28 Apr 2018 13:26:40 +0200
Subject: [PATCH] feat: Add showOnInputFocus config option

---
 src/au-date-time-picker.html | 2 +-
 src/au-date-time-picker.ts   | 6 ++++++
 src/configuration.ts         | 4 +++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/au-date-time-picker.html b/src/au-date-time-picker.html
index 19800e5..c75ec98 100644
--- 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
index 65f4f2e..48f17e8 100644
--- 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
index bd42620..bf6d654 100644
--- 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
 };