import React from 'react';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css'
BigCalendar.setLocalizer(
  BigCalendar.momentLocalizer(moment)
);

let Basic = React.createClass({
  render(){
    return (
      <div style={{height: '100vh'}}>
        <BigCalendar
          {...this.props}
          events={[
            {
              'title': 'All Day Event',
              'allDay': true,
              'start': new Date(2015, 3, 0),
              'end': new Date(2015, 3, 0)
            },
            {
              'title': 'Long Event',
              'start': new Date(2015, 3, 7),
              'end': new Date(2015, 3, 10)
            }
          ]}
          timeslots={8}
          onSelectEvent={event => alert(event.title)}
          defaultDate={new Date(2015, 3, 1)}
        />
      </div>
    )
  }
})

export default Basic;
@@ -222,16 +222,48 @@
 nt)%0A);%0A%0A
+// TODO take in events as props%0A
 let Basi
@@ -792,16 +792,52 @@
 ots=%7B8%7D%0A
+          views=%7B%5B'month', 'week'%5D%7D%0A
         

Set up views to be month and week only