Skip to content

K-Wolfe/vue-datepicker

 
 

Repository files navigation

@vuepic/vue-datepicker

The most complete datepicker solution for Vue 3

License npm Downloads Open issues CI Release date

DOCUMENTATION

StackBlitz Playground

Features

  • Single date picker
  • Range date picker
  • Time picker
  • Month picker
  • Text input
  • Locale support
  • Week numbers
  • 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 Datepicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css';

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

Local

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

Supporting the project

As you may know, maintaining an open-source project is a very time-consuming job. Your support is very appreciated ❤️

Please ⭐️ this repository if you like the component!

You can also make a financial contribution via sponsoring this project or one time donation. Become a sponsor

Special thanks to our sponsors 🙏

Hapio

License

Copyright © 2021-present Vuepic

MIT

About

Datepicker component for Vue 3

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 45.7%
  • TypeScript 45.2%
  • SCSS 8.1%
  • Other 1.0%