Vue 2 Datepicker

A datepicker Vue component. Compatible with Vue 2.x

About

A datepicker Vue component. Compatible with Vue 2.x The source code is based on https://github.com/charliekassel/vuejs-datepicker#readme

It has been modified to use Vite and Vitest and the goal is to support Vue 2.6+ with pretty default styling. Vue 3 is out of scope in this repo.

Table of contents

• Demo
• Install
• Size
• Usage
• Date Formatting
• Props
• Events
• Disabled dates
• Highlighted dates
• Translations

Demo

To view a demo online:

Codesandbox

View

Edit

To view demo examples locally clone the repo and run yarn install && yarn dev

Install

CSS required

⚠️ ️You need to add the CSS file.

import "@kunukn/vue-2-datepicker/dist/date-picker.css"

or CDN

<link
  rel="stylesheet"
  href="https://unpkg.com/@kunukn/vue-2-datepicker/dist/date-picker.css"
/>

Add package

yarn add -D @kunukn/vue-2-datepicker

import Datepicker from '@kunukn/vue-2-datepicker'
import '@kunukn/vue-2-datepicker/dist/date-picker.css'

export default {
  // ...
  components: {
    Datepicker,
  },
  // ...
}

Size