A Fully customizable datepicker for Vue 3

by Vue.js Examples

vue3-date-time-picker

The most complete date picker solution for Vue 3.

View Demo View Github

Features

  • Single date picker
  • Range date picker
  • Time picker
  • Locale support
  • Week numbers
  • Dark and light theme
  • Zero dependencies
  • SSR support
  • Highly configurable
  • Type support

Install

yarn add vue3-date-time-picker

# or

npm install vue3-date-time-picker

Import and register component

Global

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

import Datepicker from "vue3-date-time-picker";
import 'vue3-date-time-picker/dist/main.css'

const app = createApp(App);
app.component("Datepicker", Datepicker);

Local

<script>
    import Datepicker from "vue3-date-time-picker";
    import 'vue3-date-time-picker/dist/main.css'
    
    export default {
        components: { Datepicker }
    }
</script>