Added disableSlider prop to DatNumber, now min, max and step can be passed and a slider can be disabled if that's what you require

Author: rohan-deshpande

build/react-dat-gui.js

@@ -6909,12 +6909,13 @@ var DatNumber = function (_Component) {
           path = _props3.path,
           label = _props3.label,
           labelWidth = _props3.labelWidth,
-          step = _props3.step;
+          step = _props3.step,
+          disableSlider = _props3.disableSlider;
 
       var labelText = (0, _lodash4.default)(label) ? label : path;
       var hasSlider = (0, _lodash2.default)(min) && (0, _lodash2.default)(max);
       var controlsWidth = 100 - labelWidth;
-      var inputWidth = hasSlider ? Math.round(controlsWidth / 3) : controlsWidth;
+      var inputWidth = hasSlider && disableSlider !== true ? Math.round(controlsWidth / 3) : controlsWidth;
       var sliderWidth = controlsWidth - inputWidth;
 
       return _react2.default.createElement(
@@ -6928,7 +6929,7 @@ var DatNumber = function (_Component) {
             { className: 'label-text', style: { width: labelWidth + '%' } },
             labelText
           ),
-          hasSlider ? this.renderSlider(sliderWidth) : null,
+          hasSlider && disableSlider !== true ? this.renderSlider(sliderWidth) : null,
           _react2.default.createElement('input', {
             type: 'number',
             step: step,
@@ -6960,7 +6961,8 @@ DatNumber.propTypes = {
   customLabelWidth: _propTypes2.default.number,
   liveUpdate: _propTypes2.default.bool,
   onUpdate: _propTypes2.default.func,
-  _onUpdateValue: _propTypes2.default.func
+  _onUpdateValue: _propTypes2.default.func,
+  disableSlider: _propTypes2.default.bool
 };
 exports.default = DatNumber;
 module.exports = exports['default'];

build/react-dat-gui.js.map

@@ -108,6 +108,7 @@ class App extends Component {
           <DatNumber path="number" label="Number" />
           <DatNumber path="float" label="Float" min={0} max={100} step={0.001} />
           <DatNumber path="float" label="Another Float" min={0} max={100} step={0.01} />
+          <DatNumber path="float" label="Min Max No Slider" min={0} max={100} step={0.01} disableSlider={true} />
           <DatBoolean path="boolean" label="Boolean" />
           <DatButton label="Button" onClick={this.handleClick} />
           <DatSelect label="Select" path='select' options={['two', 'three', 'four']}/>

dev/src/App.js

@@ -20,6 +20,7 @@ export default class DatNumber extends Component {
     liveUpdate: PropTypes.bool,
     onUpdate: PropTypes.func,
     _onUpdateValue: PropTypes.func,
+    disableSlider: PropTypes.bool,
   };
 
   state = {
@@ -124,18 +125,18 @@ export default class DatNumber extends Component {
   }
 
   render() {
-    const { min, max, path, label, labelWidth, step } = this.props;
+    const { min, max, path, label, labelWidth, step, disableSlider } = this.props;
     const labelText = isString(label) ? label : path;
     const hasSlider = isFinite(min) && isFinite(max);
     const controlsWidth = 100 - labelWidth;
-    const inputWidth = hasSlider ? Math.round(controlsWidth / 3) : controlsWidth;
+    const inputWidth = hasSlider && disableSlider !== true ? Math.round(controlsWidth / 3) : controlsWidth;
     const sliderWidth = controlsWidth - inputWidth;
 
     return (
       <li className="cr number">
         <label>
           <span className="label-text" style={{ width: `${labelWidth}%` }}>{labelText}</span>
-          {hasSlider ? this.renderSlider(sliderWidth) : null}
+          {hasSlider && disableSlider !== true ? this.renderSlider(sliderWidth) : null}
           <input
             type="number"
             step={step}

dev/src/react-dat-gui/components/DatNumber.js

@@ -20,6 +20,7 @@ export default class DatNumber extends Component {
     liveUpdate: PropTypes.bool,
     onUpdate: PropTypes.func,
     _onUpdateValue: PropTypes.func,
+    disableSlider: PropTypes.bool,
   };
 
   state = {
@@ -124,18 +125,18 @@ export default class DatNumber extends Component {
   }
 
   render() {
-    const { min, max, path, label, labelWidth, step } = this.props;
+    const { min, max, path, label, labelWidth, step, disableSlider } = this.props;
     const labelText = isString(label) ? label : path;
     const hasSlider = isFinite(min) && isFinite(max);
     const controlsWidth = 100 - labelWidth;
-    const inputWidth = hasSlider ? Math.round(controlsWidth / 3) : controlsWidth;
+    const inputWidth = hasSlider && disableSlider !== true ? Math.round(controlsWidth / 3) : controlsWidth;
     const sliderWidth = controlsWidth - inputWidth;
 
     return (
       <li className="cr number">
         <label>
           <span className="label-text" style={{ width: `${labelWidth}%` }}>{labelText}</span>
-          {hasSlider ? this.renderSlider(sliderWidth) : null}
+          {hasSlider && disableSlider !== true ? this.renderSlider(sliderWidth) : null}
           <input
             type="number"
             step={step}