JSPM

  • Created
  • Published
  • Downloads 426238
  • Score
    100M100P100Q196674F
  • License MIT

Datepicker component for Vue 3

Package Exports

  • @vuepic/vue-datepicker
  • @vuepic/vue-datepicker/dist/vue3-date-time-picker.esm.js
  • @vuepic/vue-datepicker/dist/vue3-date-time-picker.ssr.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@vuepic/vue-datepicker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue3-date-time-picker

The most complete datepicker solution for Vue 3

License npm Downloads Open issues CI Release date

DOCUMENTATION

CodeSandbox 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 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>

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