Merge pull request quri#127 from alfonsoperez/master

fix linting errors

Author: chollier

examples/basic/ParentComponent.js

@@ -0,0 +1,32 @@
+import React, { Component } from "react";
+import DateTimeField from "react-bootstrap-datetimepicker";
+
+class ParentComponent extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      date: "1990-06-05",
+      format: "YYYY-MM-DD",
+      inputFormat: "DD/MM/YYYY",
+      mode: "date"
+    };
+  }
+
+  handleChange = (newDate) => {
+    console.log("newDate", newDate);
+    return this.setState({date: newDate});
+  }
+
+  render() {
+    const {date, format, mode, inputFormat} = this.state;
+    return (<DateTimeField
+      dateTime={date}
+      format={format}
+      inputFormat={inputFormat}
+      onChange={this.handleChange}
+      viewMode={mode}
+    />);
+  }
+}
+
+module.exports = ParentComponent;

examples/basic/basic.js

@@ -2,34 +2,7 @@ import React, { Component } from "react";
 import ReactDOM from "react-dom";
 import DateTimeField from "react-bootstrap-datetimepicker";
 import moment from "moment";
-
-class ParentComponent extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      date: "1990-06-05",
-      format: "YYYY-MM-DD",
-      inputFormat: "DD/MM/YYYY",
-      mode: "date"
-    };
-  }
-
-  handleChange = (newDate) => {
-    console.log("newDate", newDate);
-    return this.setState({date: newDate});
-  }
-
-  render() {
-    const {date, format, mode, inputFormat} = this.state;
-    return <DateTimeField
-      dateTime={date}
-      format={format}
-      viewMode={mode}
-      inputFormat={inputFormat}
-      onChange={this.handleChange}
-    />;
-  }
-}
+import ParentComponent from "./ParentComponent";
 
 class Basic extends Component {
 
@@ -156,6 +129,4 @@ class Basic extends Component {
    }
 }
 
-
-
 ReactDOM.render(React.createFactory(Basic)(), document.getElementById("example"));

src/DateTimeField.js

@@ -1,5 +1,4 @@
 import React, { Component, PropTypes } from "react";
-import {findDOMNode} from "react-dom";
 import moment from "moment";
 import classnames from "classnames";
 import DateTimePicker from "./DateTimePicker.js";

src/DateTimePicker.js

@@ -92,7 +92,7 @@ export default class DateTimePicker extends Component {
       return this.props.mode === Constants.MODE_DATETIME ?
           (
               <li>
-                <span className="btn picker-switch" style={{width: "100%"}} onClick={this.props.togglePicker}><span className={classnames("glyphicon", this.props.showTimePicker ? "glyphicon-calendar" : "glyphicon-time")} /></span>
+                <span className="btn picker-switch" onClick={this.props.togglePicker} style={{width: "100%"}} ><span className={classnames("glyphicon", this.props.showTimePicker ? "glyphicon-calendar" : "glyphicon-time")} /></span>
               </li>
           ) :
           null;

src/DateTimePickerDays.js

@@ -57,7 +57,7 @@ export default class DateTimePickerDays extends Component {
         classes.disabled = true;
       }
       if (this.props.daysOfWeekDisabled.length > 0) classes.disabled = this.props.daysOfWeekDisabled.indexOf(prevMonth.day()) !== -1;
-      cells.push(<td key={prevMonth.month() + "-" + prevMonth.date()} className={classnames(classes)} onClick={this.props.setSelectedDate}>{prevMonth.date()}</td>);
+      cells.push(<td className={classnames(classes)} key={prevMonth.month() + "-" + prevMonth.date()} onClick={this.props.setSelectedDate}>{prevMonth.date()}</td>);
       if (prevMonth.weekday() === moment().endOf("week").weekday()) {
         row = <tr key={prevMonth.month() + "-" + prevMonth.date()}>{cells}</tr>;
         html.push(row);

src/DateTimePickerHours.js

@@ -13,7 +13,7 @@ export default class DateTimePickerHours extends Component {
         (
             <ul className="list-unstyled">
               <li>
-                <span className="btn picker-switch" style={{width: "100%"}} onClick={this.props.onSwitch}><span className="glyphicon glyphicon-time" /></span>
+                <span className="btn picker-switch" onClick={this.props.onSwitch} style={{width: "100%"}} ><span className="glyphicon glyphicon-time" /></span>
               </li>
             </ul>
         ) :

src/DateTimePickerMinutes.js

@@ -13,7 +13,7 @@ export default class DateTimePickerMinutes extends Component {
         (
             <ul className="list-unstyled">
               <li>
-                <span className="btn picker-switch" style={{width: "100%"}} onClick={this.props.onSwitch}><span className="glyphicon glyphicon-time" /></span>
+                <span className="btn picker-switch" onClick={this.props.onSwitch} style={{width: "100%"}}><span className="glyphicon glyphicon-time" /></span>
               </li>
             </ul>
         ) :

src/DateTimePickerMonths.js

@@ -23,7 +23,7 @@ export default class DateTimePickerMonths extends Component {
         month: true,
         "active": i === month && this.props.viewDate.year() === this.props.selectedDate.year()
       };
-      months.push(<span key={i} className={classnames(classes)} onClick={this.props.setViewMonth}>{monthsShort[i]}</span>);
+      months.push(<span className={classnames(classes)} key={i} onClick={this.props.setViewMonth}>{monthsShort[i]}</span>);
       i++;
     }
     return months;

src/DateTimePickerYears.js

@@ -22,7 +22,7 @@ export default class DateTimePickerYears extends Component {
         old: i === -1 | i === 10,
         active: this.props.selectedDate.year() === year
       };
-      years.push(<span key={year} className={classnames(classes)} onClick={this.props.setViewYear}>{year}</span>);
+      years.push(<span className={classnames(classes)} key={year}onClick={this.props.setViewYear}>{year}</span>);
       year++;
       i++;
     }