JSFiddle - React, Tailwind, and code Playground

by Chris Fritz

HTML

<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/vue"></script>

<div id="app">
  <input 
    ref="dateInput"
    v-model="date"
    type="date"
  >
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	date: null
  },
  mounted: function () {
    var picker = new Pikaday({
      field: this.$refs.dateInput,
      format: 'YYYY-MM-DD'
    })

    this.$once('hook:beforeDestroy', function () {
      picker.destroy()
    })
  }
})