Switch to classes

src/Agenda.js

@@ -13,9 +13,8 @@ import { accessor, dateFormat, dateRangeFormat } from './utils/propTypes';
 import { inRange } from './utils/eventLevels';
 
 
-let Agenda = React.createClass({
-
-  propTypes: {
+class Agenda extends React.Component {
+  static propTypes = {
     events: PropTypes.array,
     date: PropTypes.instanceOf(Date),
     length: PropTypes.number.isRequired,
@@ -34,21 +33,19 @@ let Agenda = React.createClass({
       date: PropTypes.string,
       time: PropTypes.string,
     })
-  },
+  };
 
-  getDefaultProps() {
-    return {
-      length: 30
-    };
-  },
+  static defaultProps = {
+    length: 30
+  };
 
   componentDidMount() {
     this._adjustHeader()
-  },
+  }
 
   componentDidUpdate() {
     this._adjustHeader()
-  },
+  }
 
   render() {
     let { length, date, events, startAccessor } = this.props;
@@ -89,9 +86,9 @@ let Agenda = React.createClass({
         </div>
       </div>
     );
-  },
+  }
 
-  renderDay(day, events, dayKey){
+  renderDay = (day, events, dayKey) => {
     let {
         culture, components
       , titleAccessor, agendaDateFormat } = this.props;
@@ -130,9 +127,9 @@ let Agenda = React.createClass({
         </tr>
       )
     }, [])
-  },
+  };
 
-  timeRangeLabel(day, event){
+  timeRangeLabel = (day, event) => {
     let {
         endAccessor, startAccessor, allDayAccessor
       , culture, messages, components } = this.props;
@@ -167,9 +164,9 @@ let Agenda = React.createClass({
         }
       </span>
     )
-  },
+  };
 
-  _adjustHeader() {
+  _adjustHeader = () => {
     let header = this.refs.header;
     let firstRow = this.refs.tbody.firstChild
 
@@ -196,8 +193,8 @@ let Agenda = React.createClass({
     else {
       classes.removeClass(header, 'rbc-header-overflowing')
     }
-  }
-});
+  };
+}
 
 Agenda.navigate = (date, action)=>{
   switch (action){