<events-calendar>

Events calendar based on https://github.com/mpachnis/mp-calendar

Demo

<events-calendar day-labels='["Su","Mo","Tu","We","Th","Fr","Sa"]'
             disable-prev-days
             show-days-in-month=42>
</events-calendar>
<script>
        var calendar = document.querySelector('events-calendar');

        calendar.eventList = {
            '2017-06-01' : [
                {
                    summary: '7-11 | S',
                    slot: '7:00-11:00',
                    name: 'test',
                    category: 'Supervisor'
                },
                {
                    summary: '11-15 | S',
                    slot: '11:00-15:00',
                    name: '',
                    category: 'Supervisor'
                }
            ],
            '2017-06-02' : [
                {
                    summary: '7-11 | S',
                    slot: '7:00-11:00',
                    name: '',
                    category: 'Supervisor'
                }
            ],
            '2017-06-03' : [
                {
                    summary: '7-11 | S',
                    slot: '7:00-11:00',
                    name: '',
                    category: 'Supervisor'
                }
            ],
        };
    </script>

https://hispar.github.io/events-calendar/components/events-calendar/

Install

# via bower
$ bower install events-calendar

Usage

<events-calendar day-labels='["Su","Mo","Tu","We","Th","Fr","Sa"]'
             disable-prev-days
             show-days-in-month=42>
</events-calendar>
<script>
        var calendar = document.querySelector('events-calendar');

        calendar.eventList = {
            '2017-06-01' : [
                {
                    summary: '7-11 | S',
                    slot: '7:00-11:00',
                    name: 'test',
                    category: 'Supervisor'
                },
                {
                    summary: '11-15 | S',
                    slot: '11:00-15:00',
                    name: '',
                    category: 'Supervisor'
                }
            ],
            '2017-06-02' : [
                {
                    summary: '7-11 | S',
                    slot: '7:00-11:00',
                    name: '',
                    category: 'Supervisor'
                }
            ],
            '2017-06-03' : [
                {
                    summary: '7-11 | S',
                    slot: '7:00-11:00',
                    name: '',
                    category: 'Supervisor'
                }
            ],
        };
    </script>

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Credits

The creator of the base code for this calendar is Minas Pachnis https://github.com/mpachnis

License

MIT License