- support change event when value changed

 - bump version

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Logs
 
+## v0.0.5
+
+ - support `change` event when value changed.
+
+
 ## v0.0.4
 
  - update widget based on initial value of host if available

dist/index.js

@@ -254,7 +254,7 @@
       }
     },
     update: function(now){
-      var ref$, y, m, start, ny, nm, nd, ty, tm, td, sy, sm, sd;
+      var ref$, y, m, start, ny, nm, nd, ty, tm, td, sy, sm, sd, ov, nv;
       now = now || this.cur;
       ref$ = [now.year(), now.month()], y = ref$[0], m = ref$[1];
       now = dayjs(new Date(now.year(), now.month(), 1));
@@ -283,7 +283,12 @@
         return n.classList.toggle('selected', sy === dy && sm === dm && sd === dd);
       });
       if (this.host) {
-        return this.host.value = this.value();
+        ov = this.host.value;
+        nv = this.value();
+        this.host.value = nv;
+        if (ov !== nv) {
+          return this.fire('change', nv);
+        }
       }
     },
     value: function(v){

dist/index.min.js

@@ -1,6 +1,6 @@
 {
   "name": "lddatetimepicker",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "vanilla date/time picker",
   "browser": "dist/index.min.js",
   "main": "dist/index.js",

package-lock.json

@@ -180,7 +180,6 @@ lddatetimepicker.prototype = Object.create(Object.prototype) <<< do
     c.style.transform = "translate(#{x}px, #{y}px)"
     c.style <<< top: 0, left: 0
 
-
   update: (now) ->
     now = now or @cur
     [y,m] = [now.year!, now.month!]
@@ -201,11 +200,14 @@ lddatetimepicker.prototype = Object.create(Object.prototype) <<< do
       n.classList.toggle \dim, (d.month! != m)
       n.classList.toggle \today, (ty == dy and tm == dm and td == dd)
       n.classList.toggle \selected, (sy == dy and sm == dm and sd == dd)
-    if @host => @host.value = @value!
+    if @host =>
+      ov = @host.value
+      nv = @value!
+      @host.value = nv
+      if ov != nv => @fire \change, nv
   value: (v) ->
     if !arguments.length =>
       if @_enabled.time =>
-        #ret = dayjs new Date( @sel.year!, @sel.month!, @sel.date!, @sel.hour!, @sel.minute! )
         ret = dayjs new Date( @sel.year!, @sel.month!, @sel.date!, @sel.hour!, @sel.minute! )
         return ret.format('YYYY-MM-DDTHH:mm:ssZ')
       else return dayjs(new Date( @sel.year!, @sel.month!, @sel.date!)).format('YYYY-MM-DD')