change examples to use stateless fn components

examples/App.js

@@ -20,16 +20,12 @@ setLocalizer(
   globalizeLocalizer(globalize)
 );
 
-class EventWeek {
-  render(){
-    return <strong>{this.props.event.title}</strong>
-  }
+function EventWeek(props) {
+  return <strong>{props.event.title}</strong>
 }
 
-class EventAgenda {
-  render(){
-    return <em>{this.props.event.title}</em>
-  }
+function EventAgenda(props) {
+  return <em>{props.event.title}</em>
 }
 
 const Example = React.createClass({

src/Calendar.jsx

@@ -215,7 +215,6 @@ let Calendar = React.createClass({
     formats = defaultFormats(formats)
 
     let View = VIEWS[view];
-    let label = viewLabel(current, view, formats, culture)
     let names = viewNames(this.props.views)
 
     let elementProps = omit(this.props, Object.keys(Calendar.propTypes))
@@ -234,7 +233,7 @@ let Calendar = React.createClass({
             date={current}
             view={view}
             views={names}
-            label={label}
+            label={viewLabel(current, view, formats, culture)}
             onViewChange={this._view}
             onNavigate={this._navigate}
           />

src/EventRow.jsx

@@ -20,9 +20,9 @@ let propTypes = {
 };
 
 
-let MonthView = React.createClass({
+let EventRow = React.createClass({
 
-  displayName: 'MonthView',
+  displayName: 'EventRow',
 
   propTypes,
 
@@ -100,4 +100,4 @@ let MonthView = React.createClass({
   }
 });
 
-export default MonthView
+export default EventRow

src/Popup.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import EventCell from './EventCell';
 import { isSelected } from './utils/selection';
 
-class Popup {
+class Popup extends React.Component {
   render() {
     let { events, selected, ...props } = this.props;
 

src/Week.jsx

@@ -10,7 +10,7 @@ let Week = React.createClass({
   propTypes: TimeGrid.propTypes,
 
   render() {
-    let { date, culture } = this.props
+    let { date } = this.props
     let { start, end } = Week.range(date, this.props)
 
     return (