@fleximex/vue-datepicker-forced-range-look NPM

@vuepic/vue-datepicker

The most complete datepicker solution for Vue 3

Downloads Release date

Features

Single date picker
Range date picker
Time picker
Month picker
Year picker
Quarter picker
Week picker
Multiple dates select
Multiple calendars
Text input
UTC support
Timezones
Locale support
Week numbers
Custom v-model
Dark and light theme
SSR support
Highly configurable
Accessible
Included type definitions

Install

yarn add @vuepic/vue-datepicker

# or

npm install @vuepic/vue-datepicker

Import and register component

Global

import { createApp } from 'vue';
import App from './App.vue';

import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css';

const app = createApp(App);
app.component('VueDatePicker', VueDatePicker);

Local

<script>
    import VueDatePicker from '@vuepic/vue-datepicker';
    import '@vuepic/vue-datepicker/dist/main.css';
    
    export default {
        components: { VueDatePicker }
    }
</script>