@bahyali/vue2-daterangepicker v0.0.1

vue2-daterange-picker

Vue2 date range picker base on https://github.com/dangrossman/bootstrap-daterangepicker (no jQuery)

NOT READY FOR PRODUCTION YET

Demo

You can see a demo here: https://innologica.github.io/vue2-daterange-picker/

ADDED BY BAHY

• Better Mobile support
• Ability to Auto Apply
• Implemented button names

Installation

# install via npm
npm i vue2-daterange-picker --save

Usage

import DateRangePicker from 'vue2-daterange-picker/src/components/DateRangePicker'

export default {
    components: { DateRangePicker },
    data() {
        return {
            startDate: '2017-09-05',
            endDate: '2017-09-15'
        }
    }
}

<template>
    <date-range-picker :startDate="startDate" :endDate="endDate" @update="console.log(value)"></date-range-picker>
</template>

TODO

• documentation
• tests
• calendar range show between two dates.
• disabled dates
• make install function
• export single components

Run local demo

For detailed explanation on how things work, checkout the guide and docs for vue-loader.