Slider not hiding and type being ignored
I am using the plane vanilla example on a material-ui page and the color picker never hides even the `display` property is set to false. Also `type` is begin ignored. Basically, I am always showing the page like this:

![screen shot 2016-04-21 at 1 01 54 pm](https://cloud.githubusercontent.com/assets/29537/14722718/c10d00b2-07c1-11e6-9251-d7522cfadaba.png)

``` javascript
import React from 'react'
import ColorPicker from 'react-color';

export default class About extends React.Component {

  constructor() {
    super();
    this.state = {
      displayColorPicker: false,
    };
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    this.setState({ displayColorPicker: !this.state.displayColorPicker });
  }

  render() {
    return (
      <div className="col-md-offset-2 col-md-10">
        <button onClick={ this.handleClick }>Pick Color</button>
        <ColorPicker display={ this.state.displayColorPicker } type="sketch" />
      </div>
    )
  }

}

```
