lddatetimepicker 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,5 @@
+# Change Logs
+
+## v0.0.1
+
+ - init release

package/README.md

@@ -0,0 +1,36 @@
+# lddatetimepicker
+
+Vanilla Date/Time picker.
+
+
+## Usage
+
+install via npm, along with required libraries:
+
+    npm install --save lddatetimepicker @loadingio/debounce.js dayjs
+
+
+include required js / css:
+
+    <link rel="stylesheet" type="text/css" href="dist/index.min.css">
+    <script type="text/javascript" src="path-to/debounce.js"></script>
+    <script type="text/javascript" src="path-to-day.js"></script>
+    <script type="text/javascript" src="dist/index.min.js"></script>
+
+
+initialize:
+
+    lddtp = new lddatetimepicker({host: "input"})
+    lddtp.value("2021/01/23"); // set value
+    lddtp.value(); // get value
+
+
+Constructor options:
+
+ - `host`: host element ( should be an input element, if provided )
+ - `time`: default true. hide and disable time picker if false.
+
+
+## License
+
+MIT

package/index.css

@@ -0,0 +1,91 @@
+.lddtp-h {
+  display: grid;
+  grid-template-columns: 1fr 2.5fr 2.5fr 1fr;
+}
+.lddtp-h div {
+  border-radius: 0.25em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 1px;
+}
+.lddtp-h .info {
+  flex: 1 0 auto;
+  text-align: center;
+}
+.lddtp {
+  position: absolute;
+  z-index: 100;
+  width: 300px;
+  border: 1px solid #d6d7d8;
+  border-radius: 0.25em;
+  background: #fff;
+  box-shadow: 0 3px 5px rgba(0,0,0,0.1);
+  cursor: pointer;
+  display: none;
+}
+.lddtp div {
+  user-select: none;
+}
+.lddtp.active {
+  display: block;
+}
+.lddtp-ds {
+  height: 250px;
+  display: grid;
+  grid-template: .8fr repeat(6,1fr) / repeat(7,1fr);
+  border-bottom: 1px solid #e7e8e9;
+  border-top: 1px solid #e7e8e9;
+}
+.lddtp-ds div {
+  margin: 1px;
+  overflow: hidden;
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+}
+.lddtp-ds .dim {
+  color: #ccc;
+  background: #f7f8f9;
+}
+.lddtp-ds .today:before {
+  display: block;
+  content: " ";
+  border-radius: 50%;
+  width: 6px;
+  height: 6px;
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  background: #0f0;
+}
+.lddtp-w {
+  font-size: 0.8em;
+  font-weight: 700;
+}
+.lddtp-d.selected {
+  background: #00f;
+  color: #fff;
+  border-radius: 0.25em;
+  font-weight: 700;
+}
+.lddtp-t {
+  display: grid;
+  grid-template-columns: 1fr 5px 1fr;
+}
+.lddtp-t div {
+  height: 2.5em;
+  display: flex;
+  align-items: center;
+}
+.lddtp-t .lddtp-f input,
+.lddtp-h .lddtp-f input,
+.lddtp-t .lddtp-f select,
+.lddtp-h .lddtp-f select {
+  height: 100%;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  text-align: center;
+}

package/index.js

@@ -0,0 +1,272 @@
+(function(){
+  var html, lddatetimepicker;
+  html = '<div class="lddtp">\n  <div class="lddtp-h">\n    <div data-action="-">&#x25c0;</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 data-action="+">&#x25ba;</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>';
+  lddatetimepicker = function(opt){
+    var div, r, ref$, x$, _handler, this$ = this;
+    opt == null && (opt = {});
+    this.opt = opt;
+    this._enabled = {
+      time: !(opt.time != null) || opt.time
+    };
+    this.evthdr = {};
+    this.hdr = {
+      mouseup: function(){
+        this$.root.classList.toggle('active', false);
+        return document.removeEventListener('mouseup', this$.hdr.mouseup);
+      }
+    };
+    div = document.createElement('div');
+    if (opt.host) {
+      this.host = typeof opt.host === 'string'
+        ? document.querySelector(opt.host)
+        : opt.host;
+      this.host.parentNode.insertBefore(div, opt.host.nextSibling);
+      this.host.addEventListener('mouseup', function(evt){
+        var c, h, n, hb, cb, ref$, x, y, nscroll, nstack, s, stackb, scrollb;
+        evt.stopPropagation();
+        if (this$.root.classList.contains('active')) {
+          this$.root.classList.remove('active');
+          document.removeEventListener('mouseup', this$.hdr.mouseup);
+          return;
+        }
+        document.addEventListener('mouseup', this$.hdr.mouseup);
+        this$.root.classList.toggle('active', true);
+        c = this$.root;
+        h = this$.host;
+        n = h.parentNode;
+        hb = h.getBoundingClientRect();
+        cb = c.getBoundingClientRect();
+        ref$ = [0, 0], x = ref$[0], y = ref$[1];
+        ref$ = [null, null], nscroll = ref$[0], nstack = ref$[1];
+        while (n && n.getAttribute) {
+          s = getComputedStyle(n);
+          if (n.nodeName === 'BODY' || ['overflow', 'overflow-y', 'overflow-x'].filter(fn$).length) {
+            if (!nscroll) {
+              nscroll = n;
+            }
+          }
+          if (n.nodeName === 'BODY' || s.position !== 'static') {
+            if (!nstack) {
+              nstack = n;
+            }
+          }
+          if (nscroll && nstack) {
+            break;
+          }
+          n = n.parentNode;
+        }
+        stackb = nstack.getBoundingClientRect();
+        scrollb = nscroll.getBoundingClientRect();
+        if (hb.y + hb.height + cb.height > scrollb.y + scrollb.height) {
+          y = hb.y - stackb.y - cb.height + nscroll.scrollTop - 2;
+        } else {
+          y = hb.y - stackb.y + hb.height + nscroll.scrollTop + 2;
+        }
+        if (hb.x + cb.width > scrollb.x + scrollb.width) {
+          x = hb.x - stackb.x + hb.width - cb.width + nscroll.scrollLeft;
+        } else {
+          x = hb.x - stackb.x + nscroll.scrollLeft;
+        }
+        c.style.transform = "translate(" + x + "px, " + y + "px)";
+        return ref$ = c.style, ref$.top = 0, ref$.left = 0, ref$;
+        function fn$(it){
+          return s[it] !== 'visible';
+        }
+      });
+    } else {
+      document.body.appendChild(div);
+    }
+    div.innerHTML = html;
+    this.root = r = div.querySelector('.lddtp');
+    this.root.addEventListener('mouseup', function(evt){
+      return evt.stopPropagation();
+    });
+    this.n = {
+      ds: r.querySelector('.lddtp-ds'),
+      t: r.querySelector('.lddtp-t'),
+      sel: {
+        year: r.querySelector('.lddtp-year-sel'),
+        month: r.querySelector('.lddtp-month-sel'),
+        hour: r.querySelector('.lddtp-hour-sel'),
+        minute: r.querySelector('.lddtp-minute-sel')
+      }
+    };
+    this.n.t.style.display = this._enabled.time ? 'block' : 'none';
+    this.months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    this.wdays = ['SUN', 'MON', 'TUE', 'WED', 'THR', 'FRI', 'SAT'];
+    this.n.ds.innerHTML = [0, 1, 2, 3, 4, 5, 6].map(function(w){
+      return "<div class=\"lddtp-w\">" + this$.wdays[w] + "</div>";
+    }).join('') + [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41].map(function(d){
+      return "<div class=\"lddtp-d\"></div>";
+    }).join('');
+    ref$ = this.n;
+    ref$.dh = Array.from(r.querySelectorAll('.lddtp-w'));
+    ref$.dc = Array.from(r.querySelectorAll('.lddtp-d'));
+    ref$ = [0, 1, 2].map(function(){
+      return dayjs();
+    }), this.cur = ref$[0], this.today = ref$[1], this.sel = ref$[2];
+    this.time = {
+      hour: 0,
+      minute: 0
+    };
+    this.n.sel.month.innerHTML = this.months.map(function(m){
+      return "<option value=\"" + m + "\">" + m + "</option>";
+    }).join('');
+    x$ = this.n.sel.year;
+    x$.setAttribute('min', 1900);
+    x$.setAttribute('max', 2300);
+    x$.setAttribute('value', this.today.year());
+    this.n.sel.hour.innerHTML = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23].map(function(h){
+      return "<option value=\"" + h + "\">" + ('' + h).padStart(2, "0") + "</option>";
+    }).join('');
+    this.n.sel.minute.innerHTML = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59].map(function(m){
+      return "<option value=\"" + m + "\">" + ('' + m).padStart(2, "0") + "</option>";
+    }).join('');
+    document.body.addEventListener('keydown', function(evt){
+      var c;
+      c = evt.keyCode;
+      if (!(c === 37 || c === 38 || c === 39 || c === 40)) {
+        return;
+      }
+      if (!this$.sel) {
+        return;
+      }
+      this$.sel = c === 37
+        ? this$.sel.subtract(1, 'day')
+        : c === 39
+          ? this$.sel.add(1, 'day')
+          : c === 38
+            ? this$.sel.subtract(7, 'day')
+            : c === 40 ? this$.sel.add(7, 'day') : void 8;
+      this$.cur = this$.sel;
+      return this$.update();
+    });
+    this.root.addEventListener('click', function(evt){
+      var n;
+      n = evt.target;
+      if (n.classList.contains('lddtp-d')) {
+        this$.sel = dayjs(new Date(n.date.year, n.date.month, n.date.date));
+        return this$.update(this$.cur);
+      } else if (n.getAttribute('data-action') === '-') {
+        this$.cur = this$.cur.subtract(1, "month");
+        return this$.update(this$.cur);
+      } else if (n.getAttribute('data-action') === '+') {
+        this$.cur = this$.cur.add(1, "month");
+        return this$.update(this$.cur);
+      }
+    });
+    this.n.sel.minute.addEventListener('change', function(evt){
+      return this$.time.minute = evt.target.value;
+    });
+    this.n.sel.hour.addEventListener('change', function(evt){
+      return this$.time.hour = evt.target.value;
+    });
+    this.n.sel.year.addEventListener('change', function(evt){
+      this$.cur = dayjs(new Date(this$.n.sel.year.value, this$.months.indexOf(this$.n.sel.month.value), 1));
+      return this$.update(this$.cur);
+    });
+    this.n.sel.month.addEventListener('change', function(evt){
+      this$.cur = dayjs(new Date(this$.n.sel.year.value, this$.months.indexOf(this$.n.sel.month.value), 1));
+      return this$.update(this$.cur);
+    });
+    if (this.host) {
+      _handler = debounce(function(){
+        var ret, e;
+        try {
+          ret = dayjs(this$.host.value).toISOString();
+          this$.host.value = ret;
+          return this$.value(this$.host.value);
+        } catch (e$) {
+          return e = e$;
+        }
+      });
+      this.host.addEventListener('change', _handler);
+      this.host.addEventListener('input', _handler);
+    }
+    if (this.host && this.host.value) {
+      this.value(this.host.value);
+    } else {
+      this.update();
+    }
+    return this;
+  };
+  lddatetimepicker.prototype = import$(Object.create(Object.prototype), {
+    on: function(n, cb){
+      var this$ = this;
+      return (Array.isArray(n)
+        ? n
+        : [n]).map(function(n){
+        var ref$;
+        return ((ref$ = this$.evthdr)[n] || (ref$[n] = [])).push(cb);
+      });
+    },
+    fire: function(n){
+      var v, res$, i$, to$, ref$, len$, cb, results$ = [];
+      res$ = [];
+      for (i$ = 1, to$ = arguments.length; i$ < to$; ++i$) {
+        res$.push(arguments[i$]);
+      }
+      v = res$;
+      for (i$ = 0, len$ = (ref$ = this.evthdr[n] || []).length; i$ < len$; ++i$) {
+        cb = ref$[i$];
+        results$.push(cb.apply(this, v));
+      }
+      return results$;
+    },
+    update: function(now){
+      var ref$, y, m, start, ny, nm, nd, ty, tm, td, sy, sm, sd;
+      now = now || this.cur;
+      ref$ = [now.year(), now.month()], y = ref$[0], m = ref$[1];
+      now = dayjs(new Date(now.year(), now.month(), 1));
+      start = now.subtract(now.day(), 'day');
+      ref$ = [now.year(), now.month(), now.date()], ny = ref$[0], nm = ref$[1], nd = ref$[2];
+      ref$ = [this.today.year(), this.today.month(), this.today.date()], ty = ref$[0], tm = ref$[1], td = ref$[2];
+      ref$ = !this.sel
+        ? [null, null, null]
+        : [this.sel.year(), this.sel.month(), this.sel.date()], sy = ref$[0], sm = ref$[1], sd = ref$[2];
+      this.n.sel.month.value = this.months[nm];
+      this.n.sel.year.value = ny;
+      this.n.dc.map(function(n, i){
+        var d, ref$, dy, dm, dd;
+        d = start.add(i, 'day');
+        ref$ = [d.year(), d.month(), d.date()], dy = ref$[0], dm = ref$[1], dd = ref$[2];
+        n.date = {
+          year: dy,
+          month: dm,
+          date: dd
+        };
+        n.innerText = d.date();
+        n.classList.toggle('dim', d.month() !== m);
+        n.classList.toggle('today', ty === dy && tm === dm && td === dd);
+        return n.classList.toggle('selected', sy === dy && sm === dm && sd === dd);
+      });
+      if (this.host) {
+        return this.host.value = this.value();
+      }
+    },
+    value: function(v){
+      var ret;
+      if (!arguments.length) {
+        if (this._enabled.time) {
+          ret = dayjs(new Date(this.sel.year(), this.sel.month(), this.sel.date(), this.time.hour, this.time.minute));
+          return ret.toISOString();
+        } else {
+          return dayjs(new Date(this.sel.year(), this.sel.month(), this.sel.date())).format('YYYY-MM-DD');
+        }
+      }
+      this.sel = dayjs(v);
+      this.cur = dayjs(v);
+      return this.update();
+    }
+  });
+  if (typeof module != 'undefined' && module !== null) {
+    module.exports = lddatetimepicker;
+  } else if (typeof window != 'undefined' && window !== null) {
+    window.lddatetimepicker = lddatetimepicker;
+  }
+  function import$(obj, src){
+    var own = {}.hasOwnProperty;
+    for (var key in src) if (own.call(src, key)) obj[key] = src[key];
+    return obj;
+  }
+}).call(this);

package/index.min.css

@@ -0,0 +1 @@
+.lddtp-h{display:grid;grid-template-columns:1fr 2.5fr 2.5fr 1fr}.lddtp-h div{border-radius:.25em;display:flex;align-items:center;justify-content:center;margin:1px}.lddtp-h .info{flex:1 0 auto;text-align:center}.lddtp{position:absolute;z-index:100;width:300px;border:1px solid #d6d7d8;border-radius:.25em;background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.1);cursor:pointer;display:none}.lddtp div{user-select:none}.lddtp.active{display:block}.lddtp-ds{height:250px;display:grid;grid-template:.8fr repeat(6,1fr) / repeat(7,1fr);border-bottom:1px solid #e7e8e9;border-top:1px solid #e7e8e9}.lddtp-ds div{margin:1px;overflow:hidden;display:flex;position:relative;align-items:center;justify-content:center}.lddtp-ds .dim{color:#ccc;background:#f7f8f9}.lddtp-ds .today:before{display:block;content:" ";border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:4px;background:#0f0}.lddtp-w{font-size:.8em;font-weight:700}.lddtp-d.selected{background:#00f;color:#fff;border-radius:.25em;font-weight:700}.lddtp-t{display:grid;grid-template-columns:1fr 5px 1fr}.lddtp-t div{height:2.5em;display:flex;align-items:center}.lddtp-t .lddtp-f input,.lddtp-h .lddtp-f input,.lddtp-t .lddtp-f select,.lddtp-h .lddtp-f select{height:100%;width:100%;border:0;outline:0;text-align:center}

package/index.min.js

@@ -0,0 +1 @@
+!function(){var t;(t=function(t){var e,p=this;return this.opt=t=null==t?{}:t,this._enabled={time:!(null!=t.time)||t.time},this.evthdr={},this.hdr={mouseup:function(){return p.root.classList.toggle("active",!1),document.removeEventListener("mouseup",p.hdr.mouseup)}},e=document.createElement("div"),t.host?(this.host="string"==typeof t.host?document.querySelector(t.host):t.host,this.host.parentNode.insertBefore(e,t.host.nextSibling),this.host.addEventListener("mouseup",function(t){var e,n,s,i,o,r,d,a,l,u,h;if(t.stopPropagation(),p.root.classList.contains("active"))return p.root.classList.remove("active"),void document.removeEventListener("mouseup",p.hdr.mouseup);for(document.addEventListener("mouseup",p.hdr.mouseup),p.root.classList.toggle("active",!0),t=p.root,e=(n=p.host).parentNode,n=n.getBoundingClientRect(),s=t.getBoundingClientRect(),o=(i=[0,0])[0],r=i[1],d=(i=[null,null])[0],a=i[1];e&&e.getAttribute&&(l=getComputedStyle(e),"BODY"!==e.nodeName&&!["overflow","overflow-y","overflow-x"].filter(c).length||(d=d||e),"BODY"!==e.nodeName&&"static"===l.position||(a=a||e),!d||!a);)e=e.parentNode;return u=a.getBoundingClientRect(),h=d.getBoundingClientRect(),r=n.y+n.height+s.height>h.y+h.height?n.y-u.y-s.height+d.scrollTop-2:n.y-u.y+n.height+d.scrollTop+2,o=n.x+s.width>h.x+h.width?n.x-u.x+n.width-s.width+d.scrollLeft:n.x-u.x+d.scrollLeft,t.style.transform="translate("+o+"px, "+r+"px)",(i=t.style).top=0,i.left=0,i;function c(t){return"visible"!==l[t]}})):document.body.appendChild(e),e.innerHTML='<div class="lddtp">\n  <div class="lddtp-h">\n    <div data-action="-">&#x25c0;</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 data-action="+">&#x25ba;</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>',this.root=t=e.querySelector(".lddtp"),this.root.addEventListener("mouseup",function(t){return t.stopPropagation()}),this.n={ds:t.querySelector(".lddtp-ds"),t:t.querySelector(".lddtp-t"),sel:{year:t.querySelector(".lddtp-year-sel"),month:t.querySelector(".lddtp-month-sel"),hour:t.querySelector(".lddtp-hour-sel"),minute:t.querySelector(".lddtp-minute-sel")}},this.n.t.style.display=this._enabled.time?"block":"none",this.months=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],this.wdays=["SUN","MON","TUE","WED","THR","FRI","SAT"],this.n.ds.innerHTML=[0,1,2,3,4,5,6].map(function(t){return'<div class="lddtp-w">'+p.wdays[t]+"</div>"}).join("")+[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41].map(function(t){return'<div class="lddtp-d"></div>'}).join(""),(e=this.n).dh=Array.from(t.querySelectorAll(".lddtp-w")),e.dc=Array.from(t.querySelectorAll(".lddtp-d")),e=[0,1,2].map(function(){return dayjs()}),this.cur=e[0],this.today=e[1],this.sel=e[2],this.time={hour:0,minute:0},this.n.sel.month.innerHTML=this.months.map(function(t){return'<option value="'+t+'">'+t+"</option>"}).join(""),(t=this.n.sel.year).setAttribute("min",1900),t.setAttribute("max",2300),t.setAttribute("value",this.today.year()),this.n.sel.hour.innerHTML=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23].map(function(t){return'<option value="'+t+'">'+(""+t).padStart(2,"0")+"</option>"}).join(""),this.n.sel.minute.innerHTML=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59].map(function(t){return'<option value="'+t+'">'+(""+t).padStart(2,"0")+"</option>"}).join(""),document.body.addEventListener("keydown",function(t){t=t.keyCode;if((37===t||38===t||39===t||40===t)&&p.sel)return p.sel=37===t?p.sel.subtract(1,"day"):39===t?p.sel.add(1,"day"):38===t?p.sel.subtract(7,"day"):40===t?p.sel.add(7,"day"):void 0,p.cur=p.sel,p.update()}),this.root.addEventListener("click",function(t){t=t.target;return t.classList.contains("lddtp-d")?(p.sel=dayjs(new Date(t.date.year,t.date.month,t.date.date)),p.update(p.cur)):"-"===t.getAttribute("data-action")?(p.cur=p.cur.subtract(1,"month"),p.update(p.cur)):"+"===t.getAttribute("data-action")?(p.cur=p.cur.add(1,"month"),p.update(p.cur)):void 0}),this.n.sel.minute.addEventListener("change",function(t){return p.time.minute=t.target.value}),this.n.sel.hour.addEventListener("change",function(t){return p.time.hour=t.target.value}),this.n.sel.year.addEventListener("change",function(t){return p.cur=dayjs(new Date(p.n.sel.year.value,p.months.indexOf(p.n.sel.month.value),1)),p.update(p.cur)}),this.n.sel.month.addEventListener("change",function(t){return p.cur=dayjs(new Date(p.n.sel.year.value,p.months.indexOf(p.n.sel.month.value),1)),p.update(p.cur)}),this.host&&(e=debounce(function(){var t;try{return t=dayjs(p.host.value).toISOString(),p.host.value=t,p.value(p.host.value)}catch(t){return t}}),this.host.addEventListener("change",e),this.host.addEventListener("input",e)),this.host&&this.host.value?this.value(this.host.value):this.update(),this}).prototype=function(t,e){var n,s={}.hasOwnProperty;for(n in e)s.call(e,n)&&(t[n]=e[n]);return t}(Object.create(Object.prototype),{on:function(t,n){var s=this;return(Array.isArray(t)?t:[t]).map(function(t){var e;return((e=s.evthdr)[t]||(e[t]=[])).push(n)})},fire:function(t){for(var e,n,s,i,o=[],r=[],d=1,a=arguments.length;d<a;++d)r.push(arguments[d]);for(e=r,d=0,s=(n=this.evthdr[t]||[]).length;d<s;++d)i=n[d],o.push(i.apply(this,e));return o},update:function(t){e=[(t=t||this.cur).year(),t.month()];var e,o,n,r,d,a,l,u,h,c=e[1];if(t=dayjs(new Date(t.year(),t.month(),1)),o=t.subtract(t.day(),"day"),t=(e=[t.year(),t.month(),t.date()])[0],n=e[1],e=[this.today.year(),this.today.month(),this.today.date()],r=e[0],d=e[1],a=e[2],e=this.sel?[this.sel.year(),this.sel.month(),this.sel.date()]:[null,null,null],l=e[0],u=e[1],h=e[2],this.n.sel.month.value=this.months[n],this.n.sel.year.value=t,this.n.dc.map(function(t,e){var e=o.add(e,"day"),n=[e.year(),e.month(),e.date()],s=n[0],i=n[1],n=n[2];return t.date={year:s,month:i,date:n},t.innerText=e.date(),t.classList.toggle("dim",e.month()!==c),t.classList.toggle("today",r===s&&d===i&&a===n),t.classList.toggle("selected",l===s&&u===i&&h===n)}),this.host)return this.host.value=this.value()},value:function(t){return arguments.length?(this.sel=dayjs(t),this.cur=dayjs(t),this.update()):this._enabled.time?dayjs(new Date(this.sel.year(),this.sel.month(),this.sel.date(),this.time.hour,this.time.minute)).toISOString():dayjs(new Date(this.sel.year(),this.sel.month(),this.sel.date())).format("YYYY-MM-DD")}}),"undefined"!=typeof module&&null!==module?module.exports=t:"undefined"!=typeof window&&null!==window&&(window.lddatetimepicker=t)}.call(this);

package/package.json

@@ -0,0 +1 @@
+{"name":"lddatetimepicker","version":"0.0.1","description":"vanilla date/time picker","browser":"index.min.js","main":"index.js","scripts":{"start":"npx server -r web -o true"},"homepage":"https://github.com/loadingio/lddatetimepicker","repository":{"type":"git","url":"https://github.com/loadingio/lddatetimepicker"},"keywords":["date","time","datetime","datepicker","datetimepicker"],"author":"zbryikt","license":"MIT","devDependencies":{"@loadingio/bootstrap.ext":"^0.0.6","@loadingio/debounce.js":"^1.0.1","@zbryikt/template":"^2.3.34","bootstrap":"^4.6.1","dayjs":"^1.11.0","fedep":"^1.1.7","ldcover":"^3.0.1","ldview":"^1.1.1","livescript":"^1.6.0","proxise":"^1.0.1","stylus":"^0.57.0","uglify-js":"^3.15.3","uglifycss":"^0.0.29"},"frontendDependencies":{"root":"web/static/assets/lib","modules":["@loadingio/bootstrap.ext","@loadingio/debounce.js","@loadingio/ldquery","dayjs","bootstrap","ldcover","ldview","proxise"]},"dependencies":{"@loadingio/ldquery":"^3.0.3"}}