import * as $ from 'jquery';
import 'fullcalendar/dist/fullcalendar.min.js';
import 'fullcalendar/dist/fullcalendar.min.css';

export default (function () {
  const date = new Date();
  const d = date.getDate();
  const m = date.getMonth();
  const y = date.getFullYear();

  const events = [{
    title: 'All Day Event',
    start: new Date(y, m, 1),
    desc: 'Meetings',
    bullet: 'success',
  }, {
    title: 'Long Event',
    start: new Date(y, m, d - 5),
    end: new Date(y, m, d - 2),
    desc: 'Hangouts',
    bullet: 'success',
  }, {
    title: 'Repeating Event',
    start: new Date(y, m, d - 3, 16, 0),
    allDay: false,
    desc: 'Product Checkup',
    bullet: 'warning',
  }, {
    title: 'Repeating Event',
    start: new Date(y, m, d + 4, 16, 0),
    allDay: false,
    desc: 'Conference',
    bullet: 'danger',
  }, {
    title: 'Birthday Party',
    start: new Date(y, m, d + 1, 19, 0),
    end: new Date(y, m, d + 1, 22, 30),
    allDay: false,
    desc: 'Gathering',
  }, {
    title: 'Click for Google',
    start: new Date(y, m, 28),
    end: new Date(y, m, 29),
    url: 'http ://google.com/',
    desc: 'Google',
    bullet: 'success',
  }];

  $('#full-calendar').fullCalendar({
    events,
    height: 800,
    editable: true,
    header: {
      left: 'month,agendaWeek,agendaDay',
      center: 'title',
      right: 'today prev,next',
    },
  });
}())