Use a class instead of a function (fix #108)

gpbl · Dec 3, 2015 · 99de176 · 99de176
1 parent 2bc5fb9
commit 99de176
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/DayPicker.js b/src/DayPicker.js
@@ -10,12 +10,16 @@ const keys = {
   SPACE: 32
 };
 
-function Caption({ date, locale, localeUtils, onClick }) {
-  return (
-    <div className="DayPicker-Caption" onClick={ onClick }>
-      { localeUtils.formatMonthTitle(date, locale) }
-    </div>
-  );
+class Caption extends Component {
+
+  render() {
+    const { date, locale, localeUtils, onClick } = this.props;
+    return (
+      <div className="DayPicker-Caption" onClick={ onClick }>
+        { localeUtils.formatMonthTitle(date, locale) }
+      </div>
+    );
+  }
 }
 
 export default class DayPicker extends Component {