@schlechtwetterfront/vue-datepicker

vue-datepicker

A customizable datepicker for Vue 3. Has a peer dependency on date-fns 2.x.

Check out the playground/examples here

Usage

Install package and dependencies

# yarn
yarn add @schlechtwetterfront/vue-dialogs
yarn add date-fns

# npm
npm install @schlechtwetterfront/vue-dialogs
npm install date-fns

This library does not need a global installation. Instead just import one of the components like Picker and use them

<template>
    <section class="my-app">
        <Picker v-model="myDate" />
    </section>
</template>

<script>
import { ref } from 'vue';
import { Picker } from '@schlechtwetterfront/vue-datepicker';

export default {
    components: { Picker },
    setup() {
        const myDate = ref(new Date());

        return { myDate };
    },
};
</script>

For more detailed documentation see:

• Usage
• Props
• <input> element
• Slots
• i18n
• Styling & transitions