feat: Add showOnInputFocus config option

Author: klinki

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>

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();
+    }
+  }
 }

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
 };