Vuetify DateRangePicker

Project setup

npm install vuetifyz-date-rangepicker --save

Project Demo Website

https://vue-date-range-picker.herokuapp.com/

Usage in Vue Application

There are two ways to import the npm in our project.

##Example:1

<date-picker v-model="modelName"></date-picker>

##Example:2

     <template>
       <v-app>
        <v-layout >
            <VueDateRangePicker color="green" v-model="dataVa"></VueDateRangePicker>
        </v-layout> 
       </v-app>
    </template>
    <script>
       import VueDateRangePicker from 'vuetifyz-date-rangepicker'       
       export default {
          components:{
             VueDateRangePicker
          },
          data: () => ({
             dataVa:{},
          })
       }
    </script>

##Example:3 (min,max can be defined for the date range)

     <template>
       <v-app>
        <v-layout >
            <VueDateRangePicker min="2019-02-06" max="2019-02-25" color="green" v-model="dataVa"></VueDateRangePicker>
        </v-layout> 
       </v-app>
    </template>
    <script>
       import VueDateRangePicker from 'vuetifyz-date-rangepicker'       
       export default {
          components:{
             VueDateRangePicker
          },
          data: () => ({
             dataVa:{},
          })
       }
    </script>