Material Design DateRange Picker in Vuejs

by Posted on

Are you learning Vuejs and looking for data range picker in Vuejs then you are on right place here i am going to share a date-range-picker follows the Material Design spec powered by vue.js.
You can apply this date range picker on your vue application to select date range with awesome material UI.

WX20190522-193329@2x

Installation

npm install v-md-date-range-picker --save

Template – app.js

<template>
  <v-md-date-range-picker></v-md-date-range-picker>
</template>


main.js

<script>
import Vue from 'vue';
import VMdDateRangePicker from "v-md-date-range-picker";
 
Vue.use(VMdDateRangePicker);
</script>

See live demo and download source code.

DEMO | DOWNLOAD

This awesome script developed by ly525, Visit their official github repository for more information and follow for future updates.

Don’t forget to Subscribe My Public Notebook for more useful free scripts, tutorials and articles.

Published by admin