Skip to content

idecardo/vue-pikaday

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-pikaday

A Pikaday wrapper for Vue.js 2.

Installation

npm install --save @idecardo/vue-pikaday

Usage

import Pikaday from '@idecardo/vue-pikaday'

// Import your preferred pikaday style/theme.
import 'pikaday/css/pikaday.css'

export default {
    components: {
        Pikaday,
    },

    data: () => ({
        date: '2018-10-05',

        settings: {
            firstDay: 3,
        },
    }),
}

Basic

<pikaday v-model="date"></pikaday>

Settings

<pikaday v-model="date" :settings="settings"></pikaday>

Theme

// You can also import your preferred style/theme in your main SASS file or your component's <style lang="scss"/> section.

@import "~pikaday/scss/pikaday.scss";