import React, { Component, PropTypes } from 'react';

export default class TimeColumn extends Component {
  // static propTypes = {
  //   times: PropTypes.array.isRequired
  // };

  render() {
    const hours = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];
    const minutes = ['00', '15', '30', '45']
    const times = _.flatten(hours.map((hour) => {
      return minutes.map((min) => {
        return `${hour}:${min}`;
      });
    }));
    const timesToRender = times.map((ts, i) => {
      return <li key={i}>{ts}</li>;
    });

    return <div>
      <h1>Times</h1>
      <ul>
        {timesToRender}
      </ul>
    </div>;
  }
}

import React, { Component, PropTypes } from 'react';

export default class TimeColumn extends Component {
  // static propTypes = {
  //   times: PropTypes.array.isRequired
  // };

  render() {
    const hours = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
    const minutes = ['00', '15', '30', '45']
    const times = _.flatten(hours.map((hour) => {
      return minutes.map((min) => {
        return `${hour}:${min}`;
      });
    }));
    const timesToRender = times.map((ts, i) => {
      return <li key={i}>{ts}</li>;
    });

    return <div>
      <h1>Times</h1>
      <ul>
        {timesToRender}
      </ul>
    </div>;
  }
}

Update length of Times to go to 10pm
Update length of Times to go to 10pm
