- add a close button

 - upgrade dev dependencies
 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Logs
 
+## v0.0.10
+
+ - add a close button
+ - upgrade dev dependencies
+
+
 ## v0.0.9
 
  - support zmgr for proper z-indexing

dist/index.css

@@ -131,3 +131,15 @@
   outline: 0;
   text-align: center;
 }
+.lddtp-c {
+  text-align: center;
+  padding: 0.5em;
+  font-weight: bold;
+  font-size: 0.75em;
+  background: #f7f8f9;
+  border-radius: 0.25em;
+}
+.lddtp-c:before {
+  content: "OK";
+  display: block;
+}

dist/index.js

@@ -1,6 +1,6 @@
 (function(){
   var html, lddatetimepicker;
-  html = '<div class="lddtp"><div>\n  <div class="lddtp-h">\n    <div class="lddtp-a" data-action="-"></div>\n    <div class="lddtp-f"><select class="lddtp-month-sel"></select></div>\n    <div class="lddtp-f"><input class="lddtp-year-sel" type="number"/></div>\n    <div class="lddtp-a" data-action="+"></div>\n  </div>\n  <div class="lddtp-ds">\n  </div>\n  <div class="lddtp-t">\n    <div class="lddtp-f"><select class="lddtp-hour-sel"></select></div>\n    <div><b>:</b></div>\n    <div class="lddtp-f"><select class="lddtp-minute-sel"></select></div>\n  </div>\n</div></div>';
+  html = '<div class="lddtp"><div>\n  <div class="lddtp-h">\n    <div class="lddtp-a" data-action="-"></div>\n    <div class="lddtp-f"><select class="lddtp-month-sel"></select></div>\n    <div class="lddtp-f"><input class="lddtp-year-sel" type="number"/></div>\n    <div class="lddtp-a" data-action="+"></div>\n  </div>\n  <div class="lddtp-ds">\n  </div>\n  <div class="lddtp-t">\n    <div class="lddtp-f"><select class="lddtp-hour-sel"></select></div>\n    <div><b>:</b></div>\n    <div class="lddtp-f"><select class="lddtp-minute-sel"></select></div>\n  </div>\n  <div class="lddtp-c"></div>\n</div></div>';
   lddatetimepicker = function(opt){
     var ref$, _c, div, r, x$, _handler, e, this$ = this;
     opt == null && (opt = {});
@@ -138,6 +138,8 @@
       } else if (n.getAttribute('data-action') === '+') {
         this$.cur = this$.cur.add(1, "month");
         return this$.update(this$.cur);
+      } else if (n.classList.contains('lddtp-c')) {
+        return this$.toggle(false);
       }
     });
     this.n.sel.minute.addEventListener('change', function(evt){