feat: Toggle datetimepicker when button is clicked

Author: klinki

src/au-date-time-picker.html

@@ -6,7 +6,7 @@
       value.bind="textValue"
       focus.trigger="inputFocus()">
       <span class="input-group-append">
-          <button class="btn btn-outline-secondary" type="button" click.delegate="show()">
+          <button class="btn btn-outline-secondary" type="button" click.delegate="toggle()">
             <span class="fa fa-calendar"></span>
           </button>
       </span>

src/au-date-time-picker.ts

@@ -234,6 +234,10 @@ export class AuDateTimePicker {
     console.error('Not yet implemented');
   }
 
+  protected isVisible() {
+    return this.poppedElement.style.display === '';
+  }
+
   public show() {
     this.poppedElement.style.display = '';
   }
@@ -247,4 +251,8 @@ export class AuDateTimePicker {
       this.show();
     }
   }
+
+  public toggle() {
+    this.isVisible() ? this.hide() : this.show();
+  }
 }