Fix RangeSlider with new rc-slider version

Author: T4rk1n

components/dash-core-components/package-lock.json

@@ -50,7 +50,7 @@
     "node-polyfill-webpack-plugin": "^2.0.1",
     "prop-types": "^15.8.1",
     "ramda": "^0.30.1",
-    "rc-slider": "^9.7.5",
+    "rc-slider": "^11.1.7",
     "react-addons-shallow-compare": "^15.6.3",
     "react-dates": "^21.8.0",
     "react-docgen": "^5.4.3",

components/dash-core-components/package.json

@@ -1,6 +1,6 @@
 import React, {Component} from 'react';
 import {assoc, pick, isNil, pipe, omit} from 'ramda';
-import {Range, createSliderWithTooltip} from 'rc-slider';
+import Slider, {createSliderWithTooltip} from 'rc-slider';
 import computeSliderStyle from '../utils/computeSliderStyle';
 
 import 'rc-slider/assets/index.css';
@@ -34,8 +34,8 @@ export default class RangeSlider extends Component {
     constructor(props) {
         super(props);
         this.DashSlider = props.tooltip
-            ? createSliderWithTooltip(Range)
-            : Range;
+            ? createSliderWithTooltip(Slider)
+            : Slider;
         this._computeStyle = computeSliderStyle();
         this.state = {value: props.value};
     }
@@ -115,6 +115,7 @@ export default class RangeSlider extends Component {
                 style={this._computeStyle(vertical, verticalHeight, tooltip)}
             >
                 <this.DashSlider
+                    range
                     onChange={value => {
                         if (updatemode === 'drag') {
                             setProps({value: value, drag_value: value});