diff --git a/.eslintrc.yml b/.eslintrc.yml
index 1b462c1..21fff04 100644
--- a/.eslintrc.yml
+++ b/.eslintrc.yml
@@ -22,20 +22,16 @@ rules:
   camelcase: warn
   consistent-return: warn
   guard-for-in: warn
-  import/no-unresolved: warn
   import/prefer-default-export: warn
   no-mixed-operators: warn
   no-param-reassign: warn
   no-restricted-globals: warn
   no-restricted-syntax: warn
-  no-underscore-dangle: [error, allow: [__REDUX_DEVTOOLS_EXTENSION_COMPOSE__]]
   no-use-before-define: warn
   prefer-destructuring: warn
   react/forbid-prop-types: warn
-  react/jsx-filename-extension: warn
   react/jsx-no-target-blank: warn
   react/no-multi-comp: warn
-  react/no-unused-prop-types: warn
   react/no-unused-state: warn
   react/prefer-stateless-function: warn
   react/require-default-props: warn
@@ -44,6 +40,7 @@ rules:
   # Intentional Airbnb exceptions:
   no-alert: off  # currently used in the UI
   no-plusplus: [error, allowForLoopAfterthoughts: true]
+  no-underscore-dangle: [error, allow: [__REDUX_DEVTOOLS_EXTENSION_COMPOSE__]]
 
   # TODO: #118 accessibility
   jsx-a11y/anchor-is-valid: off
diff --git a/src/components/date-time-selector.jsx b/src/components/date-time-selector.jsx
index 6ff3021..0c5ebdd 100644
--- a/src/components/date-time-selector.jsx
+++ b/src/components/date-time-selector.jsx
@@ -1,10 +1,9 @@
 // This component allows the user to select a single date and time
 
-import InputMoment from 'input-moment';
 import moment from 'moment';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import ReactDOM from 'react-dom';
+import PickerPopup from './picker-popup';
 
 export default class DateTimeSelector extends React.Component {
   constructor(props) {
@@ -84,66 +83,3 @@ DateTimeSelector.defaultProps = {
   buttonPrefix: '',
   datetime: moment(),
 };
-
-class PickerPopup extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.finishedLoading = false;
-  }
-
-  componentWillMount() {
-    // Add event listener for clicks
-    document.addEventListener('click', this.handleClick, false);
-  }
-
-  componentWillUnmount() {
-    // Remove event listener for clicks
-    document.removeEventListener('click', this.handleClick, false);
-  }
-
-  handleClick = (e) => {
-    // Check if the user clicked outside the calendar selector
-    if (this.props.visible) {
-      if (this.finishedLoading) {
-        // Don't process the click triggering the display of this component
-        const node = ReactDOM.findDOMNode(this);
-        if (node !== null && !node.contains(e.target)) {
-          this.props.lostFocus();
-          this.finishedLoading = false;
-        }
-      } else {
-        this.finishedLoading = true;
-      }
-    } else {
-      this.finishedLoading = false;
-    }
-  };
-
-  render() {
-    return this.props.visible ? (
-      <InputMoment
-        prevMonthIcon="ion-ios-arrow-left" // default
-        nextMonthIcon="ion-ios-arrow-right" // default
-        {...this.props}
-      />
-    ) : null;
-  }
-}
-
-// Define React prop types for type checking during development
-PickerPopup.propTypes = {
-  visible: PropTypes.bool,
-  lostFocus: PropTypes.func.isRequired,
-  moment: PropTypes.instanceOf(moment),
-  onChange: PropTypes.func.isRequired,
-  onSave: PropTypes.func.isRequired,
-  show: PropTypes.oneOf(['both', 'date', 'time']),
-};
-
-// Define default prop values
-PickerPopup.defaultProps = {
-  visible: false,
-  moment: moment(),
-  show: 'both',
-};
diff --git a/src/components/picker-popup.jsx b/src/components/picker-popup.jsx
new file mode 100644
index 0000000..9f3040a
--- /dev/null
+++ b/src/components/picker-popup.jsx
@@ -0,0 +1,68 @@
+import InputMoment from 'input-moment';
+import moment from 'moment';
+import PropTypes from 'prop-types';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+
+class PickerPopup extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.finishedLoading = false;
+  }
+
+  componentWillMount() {
+    // Add event listener for clicks
+    document.addEventListener('click', this.handleClick, false);
+  }
+
+  componentWillUnmount() {
+    // Remove event listener for clicks
+    document.removeEventListener('click', this.handleClick, false);
+  }
+
+  handleClick = (e) => {
+    // Check if the user clicked outside the calendar selector
+    if (this.props.visible) {
+      if (this.finishedLoading) {
+        // Don't process the click triggering the display of this component
+        const node = ReactDOM.findDOMNode(this);
+        if (node !== null && !node.contains(e.target)) {
+          this.props.lostFocus();
+          this.finishedLoading = false;
+        }
+      } else {
+        this.finishedLoading = true;
+      }
+    } else {
+      this.finishedLoading = false;
+    }
+  };
+
+  render() {
+    return this.props.visible ? (
+      <InputMoment
+        prevMonthIcon="ion-ios-arrow-left" // default
+        nextMonthIcon="ion-ios-arrow-right" // default
+        {...this.props}
+      />
+    ) : null;
+  }
+}
+
+// Define React prop types for type checking during development
+PickerPopup.propTypes = {
+  visible: PropTypes.bool,
+  lostFocus: PropTypes.func.isRequired,
+  moment: PropTypes.instanceOf(moment),
+  onChange: PropTypes.func.isRequired,
+  onSave: PropTypes.func.isRequired,
+  show: PropTypes.oneOf(['both', 'date', 'time']),
+};
+
+// Define default prop values
+PickerPopup.defaultProps = {
+  visible: false,
+  moment: moment(),
+  show: 'both',
+};
diff --git a/src/pages/add-edit/add-edit-page.jsx b/src/pages/add-edit/add-edit-page.jsx
index babdf5a..1d6272a 100644
--- a/src/pages/add-edit/add-edit-page.jsx
+++ b/src/pages/add-edit/add-edit-page.jsx
@@ -98,6 +98,17 @@ export default class AddEditEventPage extends React.Component {
     this.props.clearCurrentEvent();
   }
 
+  setStart = (start) => {
+    const timeDelta = start.diff(this.state.eventData.start);
+    this.updateEventDatum({
+      start,
+      // Shift the end time to maintain the same duration
+      end: moment(this.state.eventData.end).add(timeDelta, 'ms'),
+    });
+  };
+
+  setEnd = end => this.updateEventDatum({ end });
+
   validateInput = () => {
     if (this.state.eventData.title.length === 0) {
       alert('Event Title is required');
@@ -180,17 +191,6 @@ export default class AddEditEventPage extends React.Component {
 
   allDayToggled = e => this.updateEventDatum({ allDay: e.currentTarget.checked });
 
-  setStart = (start) => {
-    const timeDelta = start.diff(this.state.eventData.start);
-    this.updateEventDatum({
-      start,
-      // Shift the end time to maintain the same duration
-      end: moment(this.state.eventData.end).add(timeDelta, 'ms'),
-    });
-  };
-
-  setEnd = end => this.updateEventDatum({ end });
-
   receivedSuccessfulSeriesDataResponse = (response) => {
     const seriesData = response.data;
 
diff --git a/src/pages/add-edit/save-cancel-buttons.jsx b/src/pages/add-edit/save-cancel-buttons.jsx
index d8c6370..548bacb 100644
--- a/src/pages/add-edit/save-cancel-buttons.jsx
+++ b/src/pages/add-edit/save-cancel-buttons.jsx
@@ -2,23 +2,24 @@
 
 import * as React from 'react';
 
-export default class SaveCancelButtons extends React.Component {
-  render() {
-    // Only render delete button if we're supposed to
-    const deleteButton = this.props.showDelete && (
-      <button className="button delete" onClick={this.props.onDelete} disabled={this.props.disabled}>
-        {'deleteButtonText' in this.props ? this.props.deleteButtonText : 'Delete'}
-      </button>);
-    return (
-      <div className="form-submit-button-container">
-        {deleteButton}
-        <button className="button cancel" onClick={this.props.onCancel}>
-          {'cancelButtonText' in this.props ? this.props.cancelButtonText : 'Cancel'}
-        </button>
-        <button className="button submit" onClick={this.props.onSubmit} disabled={this.props.disabled}>
-          {'submitButtonText' in this.props ? this.props.submitButtonText : 'Submit'}
-        </button>
-      </div>
-    );
-  }
-}
+const SaveCancelButtons = (props) => {
+  // Only render delete button if we're supposed to
+  const deleteButton = props.showDelete && (
+    <button className="button delete" onClick={props.onDelete} disabled={props.disabled}>
+      {'deleteButtonText' in props ? props.deleteButtonText : 'Delete'}
+    </button>
+  );
+  return (
+    <div className="form-submit-button-container">
+      {deleteButton}
+      <button className="button cancel" onClick={props.onCancel}>
+        {'cancelButtonText' in props ? props.cancelButtonText : 'Cancel'}
+      </button>
+      <button className="button submit" onClick={props.onSubmit} disabled={props.disabled}>
+        {'submitButtonText' in props ? props.submitButtonText : 'Submit'}
+      </button>
+    </div>
+  );
+};
+
+export default SaveCancelButtons;
diff --git a/src/sidebar/event-actions-pane.jsx b/src/sidebar/event-actions-pane.jsx
index 295d77a..e143772 100644
--- a/src/sidebar/event-actions-pane.jsx
+++ b/src/sidebar/event-actions-pane.jsx
@@ -2,21 +2,25 @@
 
 import React from 'react';
 
-export default class EventActionsPane extends React.Component {
-  render() {
-    if (!this.props.currentEvent) return null;
+const EventActionsPane = (props) => {
+  if (!props.currentEvent) return null;
 
-    const editRecurrence = this.props.currentEvent.recId ? (
-      <button className="button" onClick={this.props.editEventSeries}>Edit Series</button>
-    ) : null;
-    const mainEditButtonText = this.props.currentEvent.recId ? 'Edit Recurrence' : 'Edit Event';
+  const editRecurrence = props.currentEvent.recId ? (
+    <button className="button" onClick={props.editEventSeries}>
+      Edit Series
+    </button>
+  ) : null;
+  const mainEditButtonText = props.currentEvent.recId ? 'Edit Recurrence' : 'Edit Event';
 
-    return (
-      <div className={`link-pane ${this.props.className}`}>
-        {editRecurrence}
-        <button className="button" onClick={this.props.editCurrentEvent}>{mainEditButtonText}</button>
-        {/* <button className="button" onClick={this.props.deleteCurrentEvent}>Delete Event</button> */}
-      </div>
-    );
-  }
-}
+  return (
+    <div className={`link-pane ${props.className}`}>
+      {editRecurrence}
+      <button className="button" onClick={props.editCurrentEvent}>
+        {mainEditButtonText}
+      </button>
+      {/* <button className="button" onClick={props.deleteCurrentEvent}>Delete Event</button> */}
+    </div>
+  );
+};
+
+export default EventActionsPane;
diff --git a/src/sidebar/footer.jsx b/src/sidebar/footer.jsx
index 59ca3cf..3d514fd 100644
--- a/src/sidebar/footer.jsx
+++ b/src/sidebar/footer.jsx
@@ -2,25 +2,26 @@
 
 import * as React from 'react';
 
-export default class Footer extends React.Component {
-  render() {
-    return (
-      <footer>
-        <div className="footer-message">
-          <p>Made with &hearts; at&nbsp;
-            <a href="http://www.olin.edu/" title="Olin College website" target="_blank">Olin College of Engineering</a>
-          </p>
-          <p>
-            <a href="https://goo.gl/forms/2cqVijokICZ5S20R2" title="Report a problem" target="_blank">
-              Report a problem
-            </a>
-            &nbsp;|&nbsp;
-            <a href="https://github.com/olinlibrary/abe-web" title="View on GitHub" target="_blank">
-              View on GitHub
-            </a>
-          </p>
-        </div>
-      </footer>
-    );
-  }
-}
+const Footer = _props => (
+  <footer>
+    <div className="footer-message">
+      <p>
+        Made with &hearts; at&nbsp;
+        <a href="http://www.olin.edu/" title="Olin College website" target="_blank">
+          Olin College of Engineering
+        </a>
+      </p>
+      <p>
+        <a href="https://goo.gl/forms/2cqVijokICZ5S20R2" title="Report a problem" target="_blank">
+          Report a problem
+        </a>
+        &nbsp;|&nbsp;
+        <a href="https://github.com/olinlibrary/abe-web" title="View on GitHub" target="_blank">
+          View on GitHub
+        </a>
+      </p>
+    </div>
+  </footer>
+);
+
+export default Footer;
diff --git a/src/sidebar/markdown-guide.jsx b/src/sidebar/markdown-guide.jsx
index 1de1188..60a1612 100644
--- a/src/sidebar/markdown-guide.jsx
+++ b/src/sidebar/markdown-guide.jsx
@@ -2,73 +2,73 @@
 
 import React from 'react';
 
-export default class MarkdownGuide extends React.Component {
-  render() {
-    return (
-      <div className="markdown-guide">
-        {/* <span className="markdown-guide-title">Markdown Guide</span> */}
-        <div className="markdown-guide-section-container">
-          <div className="markdown-guide-section">
-            <span className="markdown-guide-section-title">Links</span>
-            <p className="markdown-sample">[link text](url)</p>
-            <p className="markdown-sample">[url]</p>
-          </div>
-          <div className="markdown-guide-section">
-            <span className="markdown-guide-section-title">Headers</span>
-            <h1># big header</h1>
-            <h2>## smaller header</h2>
-            <p>
-              And so on, adding more hashes to make the header smaller.<br />
-              <strong>Don’t forget the space between the hash and the text.</strong>
+const MarkdownGuide = _props => (
+  <div className="markdown-guide">
+    {/* <span className="markdown-guide-title">Markdown Guide</span> */}
+    <div className="markdown-guide-section-container">
+      <div className="markdown-guide-section">
+        <span className="markdown-guide-section-title">Links</span>
+        <p className="markdown-sample">[link text](url)</p>
+        <p className="markdown-sample">[url]</p>
+      </div>
+      <div className="markdown-guide-section">
+        <span className="markdown-guide-section-title">Headers</span>
+        <h1># big header</h1>
+        <h2>## smaller header</h2>
+        <p>
+          And so on, adding more hashes to make the header smaller.<br />
+          <strong>Don’t forget the space between the hash and the text.</strong>
+        </p>
+      </div>
+      <div className="markdown-guide-section">
+        <span className="markdown-guide-section-title">Emphasis</span>
+        <p className="markdown-sample italic">*italic*</p>
+        <p className="markdown-sample bold">**bold**</p>
+        <p className="markdown-sample bold italic">***bold and italic***</p>
+      </div>
+      <div className="markdown-guide-section">
+        <span className="markdown-guide-section-title">Images</span>
+        <p className="markdown-sample">![mouse hover text](url_to_image)</p>
+        <p>
+          Currently images must be hosted elsewhere. If you need to upload your photo somewhere, put
+          it on Google Drive or Dropbox and use the public link to the file.
+        </p>
+      </div>
+      <div className="markdown-guide-section">
+        <span className="markdown-guide-section-title">Lists</span>
+        <p>
+          Indent each list item with <strong>two spaces</strong>, followed by an asterisk, number,
+          or letter, and then another space.
+        </p>
+        <div style={{ display: 'block' }}>
+          <div style={{ width: '33.3%', float: 'left' }}>
+            <span>Bulletted</span>
+            <p className="markdown-sample">
+              &nbsp;&nbsp;* List item<br />
+              &nbsp;&nbsp;* List item<br />
+              &nbsp;&nbsp;* List item
             </p>
           </div>
-          <div className="markdown-guide-section">
-            <span className="markdown-guide-section-title">Emphasis</span>
-            <p className="markdown-sample italic">*italic*</p>
-            <p className="markdown-sample bold">**bold**</p>
-            <p className="markdown-sample bold italic">***bold and italic***</p>
-          </div>
-          <div className="markdown-guide-section">
-            <span className="markdown-guide-section-title">Images</span>
-            <p className="markdown-sample">![mouse hover text](url_to_image)</p>
-            <p>Currently images must be hosted elsewhere. If you need to upload your photo somewhere,
-              put it on Google Drive or Dropbox and use the public link to the file.
+          <div style={{ width: '33.3%', float: 'left' }}>
+            <span>Numbered</span>
+            <p className="markdown-sample">
+              &nbsp;&nbsp;1 List item<br />
+              &nbsp;&nbsp;2 List item<br />
+              &nbsp;&nbsp;3 List item
             </p>
           </div>
-          <div className="markdown-guide-section">
-            <span className="markdown-guide-section-title">Lists</span>
-            <p>Indent each list item with <strong>two spaces</strong>, followed by an asterisk, number, or
-              letter, and then another space.
+          <div style={{ width: '33.3%', float: 'left' }}>
+            <span>Lettered</span>
+            <p className="markdown-sample">
+              &nbsp;&nbsp;a List item<br />
+              &nbsp;&nbsp;b List item<br />
+              &nbsp;&nbsp;c List item
             </p>
-            <div style={{ display: 'block' }}>
-              <div style={{ width: '33.3%', float: 'left' }}>
-                <span>Bulletted</span>
-                <p className="markdown-sample">
-                  &nbsp;&nbsp;* List item<br />
-                  &nbsp;&nbsp;* List item<br />
-                  &nbsp;&nbsp;* List item
-                </p>
-              </div>
-              <div style={{ width: '33.3%', float: 'left' }}>
-                <span>Numbered</span>
-                <p className="markdown-sample">
-                  &nbsp;&nbsp;1 List item<br />
-                  &nbsp;&nbsp;2 List item<br />
-                  &nbsp;&nbsp;3 List item
-                </p>
-              </div>
-              <div style={{ width: '33.3%', float: 'left' }}>
-                <span>Lettered</span>
-                <p className="markdown-sample">
-                  &nbsp;&nbsp;a List item<br />
-                  &nbsp;&nbsp;b List item<br />
-                  &nbsp;&nbsp;c List item
-                </p>
-              </div>
-            </div>
           </div>
         </div>
       </div>
-    );
-  }
-}
+    </div>
+  </div>
+);
+
+export default MarkdownGuide;