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

A customizable datepicker for Vue 3
https://github.com/schlechtwetterfront/vue-datepicker

datepicker vuejs vuejs3

Last synced: 6 days ago
JSON representation

A customizable datepicker for Vue 3

• Host: GitHub
• URL: https://github.com/schlechtwetterfront/vue-datepicker
• Owner: Schlechtwetterfront
• License: mit
• Created: 2020-08-12T10:10:18.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-12-20T15:16:59.000Z (about 3 years ago)
• Last Synced: 2024-12-16T01:07:56.562Z (22 days ago)
• Topics: datepicker, vuejs, vuejs3
• Language: TypeScript
• Homepage: https://schlechtwetterfront.github.io/vue-datepicker
• Size: 1.94 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# `vue-datepicker` [![npm (scoped)](https://img.shields.io/npm/v/@schlechtwetterfront/vue-datepicker)](https://www.npmjs.com/package/@schlechtwetterfront/vue-datepicker)

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

Check out the playground/examples [here](https://schlechtwetterfront.github.io/vue-datepicker)

## Usage

Install package and dependencies

```bash

# 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

```vue

    

        

    

import { ref } from 'vue';

import { Picker } from '@schlechtwetterfront/vue-datepicker';

export default {

    components: { Picker },

    setup() {

        const myDate = ref(new Date());

        return { myDate };

    },

};

```

For more detailed documentation see:

-   [Usage](docs/usage.md)

-   [Props](docs/props.md)

-   [`` element](docs/input-el.md)

-   [Slots](docs/slots.md)

-   [i18n](docs/i18n.md)

-   [Styling & transitions](docs/styling-and-transitions.md)