Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/Vuepic/vue-datepicker

Datepicker component for Vue 3
https://github.com/Vuepic/vue-datepicker

datepicker daterangepicker datetime datetimepicker timepicker vue vue-datepicker vue-datetimepicker vue3

Last synced: about 2 months ago
JSON representation

Datepicker component for Vue 3

Host: GitHub
URL: https://github.com/Vuepic/vue-datepicker
Owner: Vuepic
License: mit
Created: 2022-03-13T13:04:01.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-03-20T10:51:58.000Z (3 months ago)
Last Synced: 2024-03-23T05:15:56.904Z (2 months ago)
Topics: datepicker, daterangepicker, datetime, datetimepicker, timepicker, vue, vue-datepicker, vue-datetimepicker, vue3
Language: TypeScript
Homepage: https://vue3datepicker.com
Size: 21.3 MB
Stars: 1,262
Watchers: 10
Forks: 116
Open Issues: 5
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Lists

awesome-vue - @vuepic/vue-datepicker - The most complete date picker solution for Vue 3 (Components & Libraries / UI Components)
awesome-vue - @vuepic/vue-datepicker - The most complete date picker solution for Vue 3 (Components & Libraries / UI Components)
awesome-vue-3 - @vuepic/vue-datepicker - The most complete datepicker solution for Vue 3 (Packages)
awesome-stars - Vuepic/vue-datepicker - Datepicker component for Vue 3 (TypeScript)

README

        ## @vuepic/vue-datepicker

### The most complete datepicker solution for Vue 3

[![License](https://img.shields.io/npm/l/@vuepic/vue-datepicker)](https://github.com/Vuepic/vue-datepicker/blob/main/LICENSE) [![npm](https://img.shields.io/npm/v/@vuepic/vue-datepicker)](https://www.npmjs.com/package/@vuepic/vue-datepicker) ![Downloads](https://img.shields.io/npm/dm/@vuepic/vue-datepicker) [![Open issues](https://img.shields.io/github/issues-raw/Vuepic/vue-datepicker)](https://github.com/Vuepic/vue-datepicker/issues) ![CI](https://img.shields.io/github/actions/workflow/status/Vuepic/vue-datepicker/node.js.yml?branch=main&label=CI) ![Release date](https://img.shields.io/github/release-date/Vuepic/vue-datepicker)

[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=Vuepic_vue-datepicker&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=Vuepic_vue-datepicker)

[DOCUMENTATION](https://vue3datepicker.com/)

[StackBlitz Playground](https://stackblitz.com/edit/vuepic-vue-datepicker?file=src%2Fcomponents%2FPlayground.vue)

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

```shell

yarn add @vuepic/vue-datepicker

# or

npm install @vuepic/vue-datepicker

```

Import and register component

**Global**

```js

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

```vue

    import VueDatePicker from '@vuepic/vue-datepicker';

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

    

    export default {

        components: { VueDatePicker }

    }

```

## 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](https://github.com/sponsors/Vuepic)

Special thanks to our sponsors 🙏



    





    



## Versioning

This project follows [SemVer](https://semver.org) specification

## License

Copyright © 2021-present [Vuepic](https://github.com/Vuepic)

[MIT](https://github.com/Vuepic/vue-datepicker/blob/master/LICENSE)