feat: Toggle datetimepicker when button is clicked

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

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/au-date-time-picker.html b/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>

diff --git a/src/au-date-time-picker.ts b/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();
+  }
 }