vanilla datepicker

vanilla datepicker is a lightweight and powerful datetime picker. Use the required class varient for different flatpickr. For more details

Installation
npm i vue-flatpickr
Script
import DateRangePicker from "vanillajs-datepicker/Datepicker";
onMounted(() => {
  const startDateElem = document.querySelector('input[name="start"]');
  const endDateElem = document.querySelector('input[name="end"]');
  
  const startDatepicker = new DateRangePicker(startDateElem, {
  });
  const endDatepicker = new DateRangePicker(endDateElem, { 
  });
});
<template>
<input type="text" name="start" class="form-control" placeholder="From Date">
<input type="text" name="end" class="form-control" placeholder="To Date">
</template>
Previous Next