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 (