From 84755ceb54dd6f5fe7682912336b243e4b7dc59b Mon Sep 17 00:00:00 2001
From: Josh Beckman <email@andjosh.com>
Date: Fri, 21 Apr 2017 21:40:54 +0200
Subject: [PATCH] Use create-react-class, drop React.createClass

---
 src/MonthsView.js        |    3 ++-
 src/TimeView.js          |    3 ++-
 package.json             |    1 +
 src/CalendarContainer.js |    3 ++-
 src/DaysView.js          |    3 ++-
 src/YearsView.js         |    3 ++-
 DateTime.js              |    3 ++-
 7 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/DateTime.js b/DateTime.js
index dd8ae54..208e8c3 100644
--- a/DateTime.js
+++ b/DateTime.js
@@ -1,13 +1,14 @@
 'use strict';
 
 var assign = require('object-assign'),
+        createClass = require('create-react-class'),
 	moment = require('moment'),
 	React = require('react'),
 	CalendarContainer = require('./src/CalendarContainer')
 ;
 
 var TYPES = React.PropTypes;
-var Datetime = React.createClass({
+var Datetime = createClass({
 	propTypes: {
 		// value: TYPES.object | TYPES.string,
 		// defaultValue: TYPES.object | TYPES.string,
diff --git a/package.json b/package.json
index 074ac87..6d3c124 100644
--- a/package.json
+++ b/package.json
@@ -76,6 +76,7 @@
     "webpack-stream": "^3.2.0"
   },
   "dependencies": {
+    "create-react-class": "^15.5.2",
     "object-assign": "^3.0.0",
     "react-onclickoutside": "^5.9.0"
   },
diff --git a/src/CalendarContainer.js b/src/CalendarContainer.js
index fe12afe..5adaedc 100644
--- a/src/CalendarContainer.js
+++ b/src/CalendarContainer.js
@@ -1,11 +1,12 @@
 var React = require('react'),
+  createClass = require('create-react-class'),
   DaysView = require('./DaysView'),
   MonthsView = require('./MonthsView'),
   YearsView = require('./YearsView'),
   TimeView = require('./TimeView')
 ;
 
-var CalendarContainer = React.createClass({
+var CalendarContainer = createClass({
 	viewComponents: {
 		days: DaysView,
 		months: MonthsView,
diff --git a/src/DaysView.js b/src/DaysView.js
index b6cf7fd..b47e5b5 100644
--- a/src/DaysView.js
+++ b/src/DaysView.js
@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react'),
+    createClass = require('create-react-class'),
 	moment = require('moment'),
   onClickOutside = require('react-onclickoutside')
 ;
 
 var DOM = React.DOM;
-var DateTimePickerDays = onClickOutside( React.createClass({
+var DateTimePickerDays = onClickOutside( createClass({
 	render: function() {
 		var footer = this.renderFooter(),
 			date = this.props.viewDate,
diff --git a/src/MonthsView.js b/src/MonthsView.js
index 3dd8434..8373c1c 100644
--- a/src/MonthsView.js
+++ b/src/MonthsView.js
@@ -1,11 +1,12 @@
 'use strict';
 
 var React = require('react'),
+    createClass = require('create-react-class'),
 	onClickOutside = require('react-onclickoutside')
 ;
 
 var DOM = React.DOM;
-var DateTimePickerMonths = onClickOutside( React.createClass({
+var DateTimePickerMonths = onClickOutside( createClass({
 	render: function() {
 		return DOM.div({ className: 'rdtMonths' }, [
 			DOM.table({ key: 'a' }, DOM.thead( {}, DOM.tr( {}, [
diff --git a/src/TimeView.js b/src/TimeView.js
index 54887e2..e1a9792 100644
--- a/src/TimeView.js
+++ b/src/TimeView.js
@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react'),
+    createClass = require('create-react-class'),
 	assign = require('object-assign'),
   onClickOutside = require('react-onclickoutside')
 ;
 
 var DOM = React.DOM;
-var DateTimePickerTime = onClickOutside( React.createClass({
+var DateTimePickerTime = onClickOutside( createClass({
 	getInitialState: function() {
 		return this.calculateState( this.props );
 	},
diff --git a/src/YearsView.js b/src/YearsView.js
index 6d02c26..5727bfd 100644
--- a/src/YearsView.js
+++ b/src/YearsView.js
@@ -1,11 +1,12 @@
 'use strict';
 
 var React = require('react'),
+    createClass = require('create-react-class'),
 	onClickOutside = require('react-onclickoutside')
 ;
 
 var DOM = React.DOM;
-var DateTimePickerYears = onClickOutside( React.createClass({
+var DateTimePickerYears = onClickOutside( createClass({
 	render: function() {
 		var year = parseInt( this.props.viewDate.year() / 10, 10 ) * 10;
 

--
Gitblit v1.9.3