Revert "Display Slider Labels"

This reverts commit 5f7c7df.

Author: Jonny Pillar

README.md

@@ -22,8 +22,6 @@ var TimeRangeSlider = require('react-time-range-slider')
 import React from 'react';
 import { render} from 'react-dom';
 import TimeRangeSlider from 'react-time-range-slider';
-import 'react-time-range-slider/dist/styles.css';
-
 class App extends React.Component{
     constructor(props) {
         super(props);
@@ -65,8 +63,7 @@ class App extends React.Component{
                 onChangeComplete={this.changeCompleteHandler}
                 onChange={this.timeChangeHandler}
                 step={15}
-                value={this.state.value}
-                formatLabel={(value) => {`${value}`}}/>
+                value={this.state.value}/>
         </div>);
     }
 };
@@ -111,9 +108,6 @@ The amount of time, in minutes, increment/decrement when time range change.
 #### value: Range
 Set the current value for your component
 
-#### formatLabel: Function(Value, Type): void
-By default, value labels are displayed as plain numbers. If you want to change the display, you can do so by passing in a function. The function can return something different, i.e.: append a unit, reduce the precision of a number.
-
 ## Defaults
 * disabled: `false`
 * draggableTrack: `false`
@@ -122,4 +116,4 @@ By default, value labels are displayed as plain numbers. If you want to change t
 * minValue: `00:00`
 * name: ` `
 * step: `15`
-* value: `{start: "00:00", end: "23:59"}`
+* value: `{start: "00:00", end: "23:59"}`

dist/index.js

@@ -1,19 +1,21 @@
-"use strict";
+'use strict';
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _react = require("react");
+var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactInputRange = require("react-input-range");
+var _reactInputRange = require('react-input-range');
 
 var _reactInputRange2 = _interopRequireDefault(_reactInputRange);
 
+require('./styles.css');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -36,22 +38,22 @@ var TimeRangeSlider = function (_Component) {
   }
 
   _createClass(TimeRangeSlider, [{
-    key: "componentDidMount",
+    key: 'componentDidMount',
     value: function componentDidMount() {}
   }, {
-    key: "componentWillUnmount",
+    key: 'componentWillUnmount',
     value: function componentWillUnmount() {}
   }, {
-    key: "minuteToTime",
+    key: 'minuteToTime',
     value: function minuteToTime(value) {
       value = value > 1439 ? 1439 : value;
       var hours = Math.floor(value / 60),
           minutes = value - hours * 60,
           ampm = null;
 
-      if (hours.length == 1) hours = "0" + hours;
-      if (minutes.length == 1) minutes = "0" + minutes;
-      if (minutes == 0) minutes = "00";
+      if (hours.length == 1) hours = '0' + hours;
+      if (minutes.length == 1) minutes = '0' + minutes;
+      if (minutes == 0) minutes = '00';
       if (this.props.format == 12) {
         ampm = "AM";
         if (hours >= 12) {
@@ -73,7 +75,7 @@ var TimeRangeSlider = function (_Component) {
       return { hours: hours, minutes: minutes, am_pm: ampm };
     }
   }, {
-    key: "timeToMinute",
+    key: 'timeToMinute',
     value: function timeToMinute(time) {
       var rMinutes = 1439;
       if (this.props.format == 24) {
@@ -109,7 +111,7 @@ var TimeRangeSlider = function (_Component) {
       return rMinutes > 1439 ? 1439 : rMinutes;
     }
   }, {
-    key: "onChange",
+    key: 'onChange',
     value: function onChange(value) {
       var start = this.minuteToTime(value.min);
       var end = this.minuteToTime(value.max);
@@ -125,7 +127,7 @@ var TimeRangeSlider = function (_Component) {
       });
     }
   }, {
-    key: "onChangeComplete",
+    key: 'onChangeComplete',
     value: function onChangeComplete(value) {
       var start = this.minuteToTime(value.min),
           end = this.minuteToTime(value.max);
@@ -135,7 +137,7 @@ var TimeRangeSlider = function (_Component) {
       });
     }
   }, {
-    key: "onChangeStart",
+    key: 'onChangeStart',
     value: function onChangeStart(value) {
       var start = this.minuteToTime(value.min),
           end = this.minuteToTime(value.max);
@@ -145,7 +147,7 @@ var TimeRangeSlider = function (_Component) {
       });
     }
   }, {
-    key: "render",
+    key: 'render',
     value: function render() {
       var _props$value = this.props.value,
           start = _props$value.start,
@@ -161,10 +163,8 @@ var TimeRangeSlider = function (_Component) {
         onChangeStart: this.onChangeStart.bind(this),
         onChange: this.onChange.bind(this),
         onChangeComplete: this.onChangeComplete.bind(this),
-        formatLabel: this.props.formatLabel,
-        step: this.props.step,
-        value: { min: min, max: max }
-      });
+        step: 15,
+        value: { min: min, max: max } });
     }
   }]);
 
@@ -180,7 +180,6 @@ TimeRangeSlider.defaultProps = {
   onChange: function onChange() {},
   onChangeComplete: function onChangeComplete() {},
   onChangeStart: function onChangeStart() {},
-  formatLabel: function formatLabel() {},
   step: 15,
   value: {
     start: "00:00",

examples/index.js

@@ -2,8 +2,6 @@
 import React from 'react';
 import { render} from 'react-dom';
 import TimeRangeSlider from '../src';
-import '../src/styles.css';
-
 class App extends React.Component{
 	constructor(props) {
 	    super(props);