Vuetify Daterange Picker

A date range picker for Vuetify JS

The missing date range picker for Vuetify JS you have been looking for

Installation

npm install vuetify-daterange-picker
OR
yarn add vuetify-daterange-picker

Usage

<template>
    <v-daterange :options="dateRangeOptions" @input="onDateRangeChange"></v-daterange>
</template>

<script>
// If you want to register this as a global component then
// in main.js
import VDateRange from 'vuetify-daterange-picker';
import 'vuetify-daterange-picker/dist/vuetify-daterange-picker.css';

Vue.use(VDateRange);
</script>

<script>
// If you want to use in one of your components.
import { DateRange } from 'vuetify-daterange-picker';
import 'vuetify-daterange-picker/dist/vuetify-daterange-picker.css';

export default {
    components: { [DateRange.name]: DateRange },
    ...
};
</script>