Install

Install using npm:

npm install vue-calendar-scheduler

Basic Usage

The minimum config to get the scheduler up and running is below. More detailed explanations of properties and available options are in the options page.

<vue-scheduler
    :users=users
    :openingTimes=openingTimes
    :events=events
    :format=format
    :startDate=startDate
    @times-selected=timesSelected
    @event-click=eventClicked
/>

import VueScheduler from 'vue-calendar-scheduler';

export default {
    components: {VueScheduler},
    data: () => ({
        'format': 'week',
        'startDate': '2020-05-03',
        'openingTimes': {
          'open': '0900',
          'close': '1800',
        },
        'users': [
            {
                'id': 1,
                'initials': 'AS'
            }
        ],
        'events': [
            {
                id: 1,
                user_id: 1,
                name: 'Sample Event Name #1',
                start: '1970-01-01T09:00:00+1000',
                end: '1970-01-01T12:15:00+1000',
                color: '#32a852'
            }
        ]
    }),
    methods: {
        timesSelected: function (e) {
            console.log(e);
        },

        eventClicked: function (e) {
            console.log(e);
        }
    }
}