<template>
  <div>
    <flat-pickr v-model="date" :config="configs.selectToday"></flat-pickr>
  </div>
</template>

<script>
import flatPickr from 'vue-flatpickr-component'
import SelectTodayPlugin from '../todayselect'
import ConfirmDatePlugin from 'flatpickr/dist/plugins/confirmDate/confirmDate'
import 'flatpickr/dist/flatpickr.css'
import 'flatpickr/dist/plugins/confirmDate/confirmDate.css'

export default {
  data () {
    return {
      data: null,
      configs: {
        selectToday: {
          enableTime: true,
          plugins: [new SelectTodayPlugin(), new ConfirmDatePlugin()]
          // plugins: [new SelectTodayPlugin()]
        }
      }
    }
  },
  components: {
    flatPickr
  }
}
</script>

<style>

.flatpickr-btn {
  height: 20px;
  flex-grow: 1;
  border: 0px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
</style>