Vuejs directive for pikaday

gistfile1.txt

// npm install pikaday

// resources/assets/js/app.js
import Pikaday from "pikaday";
import "pikaday/css/pikaday.css";
Vue.directive("pikaday", {
  bind: (el, binding) => {
    el.pikadayInstance = new Pikaday({
      field: el,
      onSelect: () => {
        var event = new Event("input", { bubbles: true });
        el.value = el.pikadayInstance.toString();
        el.dispatchEvent(event);
      }
    });
  },

  unbind: el => {
    el.pikadayInstance.destroy();
  }
});


// then in a template
<input class="input" type="text" v-model="whatever" placeholder="YYYY-MM-DD" v-pikaday>