vue-datetimerange-picker v1.3.1

vue-datetimerange-picker

Installation

Install vue-datetimerange-picker package.

npm i vue-datetimerange-picker

yarn add vue-datetimerange-picker

Configuration

You can use as general CSS frameworks.

import Vue from 'vue'
import { CoreUI } from 'vue-datetimerange-picker'
import 'vue-datetimerange-picker/dist/vue-range-picker.css'

Vue.use(CoreUI)

Props

<v-range-picker
    ref="range-picker"
    :show-dropdown="showDropdown"
    :auto-apply="autoApply"
    :linked-calendars="linkedCalendars"
    :date-range="dateRange"
    :opens="opens"
    @update="updateValues"
    @toggle="checkOpen"
>
    <div slot="input" slot-scope="picker" style="min-width: 350px;">
        {{ picker.startDate }} - {{ picker.endDate }}
    </div>
</v-range-picker>

dateRange is required, but set custom ranges in ranges