Merge pull request arqex#9 from anateus/feature/classNames-and-IE

IE support and custom classNames

Author: arqex

DateTime.js

@@ -1,5 +1,7 @@
 'use strict';
 
+require('classlist-polyfill');
+
 var assign = require('object-assign'),
 	React = require('react'),
 	DaysView = require('./src/DaysView'),
@@ -36,6 +38,7 @@ var Datetime = React.createClass({
 	getDefaultProps: function() {
 
 		return {
+			className: 'form-control',
 			date: new Date(),
 			viewMode: 'days',
 			inputProps: {},
@@ -141,7 +144,7 @@ var Datetime = React.createClass({
 		;
 		return function( e ){
 			me.setState({
-				viewDate: me.state.viewDate.clone()[ type ]( parseInt(e.target.dataset.value) ).startOf( type ),
+				viewDate: me.state.viewDate.clone()[ type ]( parseInt(e.target.getAttribute('data-value')) ).startOf( type ),
 				currentView: nextViews[ type ]
 			});
 		};
@@ -208,7 +211,7 @@ var Datetime = React.createClass({
 
 		date = this.state.viewDate.clone()
 			.month( this.state.viewDate.month() + modifier )
-			.date( parseInt( target.dataset.value ) )
+			.date( parseInt( target.getAttribute('data-value') ) )
 			.hours( currentDate.hours() )
 			.minutes( currentDate.minutes() )
 			.seconds( currentDate.seconds() )
@@ -275,7 +278,7 @@ var Datetime = React.createClass({
 			children = [ DOM.input( assign({
 				key: 'i',
 				type:'text',
-				className:'form-control',
+				className: 'form-control', 
 				onFocus: this.openCalendar,
 				onChange: this.onChange,
 				value: this.state.inputValue

package.json

@@ -42,6 +42,7 @@
     "webpack-dev-server": "^1.7.0"
   },
   "dependencies": {
+    "classlist-polyfill": "^1.0.1",
     "object-assign": "^3.0.0",
     "react-onclickoutside": "^0.2.4"
   }