* minRange prop added

Author: githuboftigran

README.md

@@ -70,6 +70,7 @@ const handleValueChange = useCallback((low, high) => {
 | --- | --- | --- | :-------------: |
 | `min` |  Minimum value of slider | number | _**required**_ |
 | `max` |  Maximum value of slider | number | _**required**_ |
+| `minRange` |  Minimum range of thumbs allowed to select **by the user**.<br/>It's still possible to set values closer to each other than `minRange` programmatically.<br/>If `disableRange` is set to true, maximum value allowed for user will be `max` - `minRange`. | number | `0` |
 | `step` |  Step of slider | number | `1` |
 | `low` |  Low value of slider | number | Initially `min` value will be set if not provided |
 | `high` |  High value of slider | number | Initially `max` value will be set if not provided |

index.js

@@ -13,6 +13,7 @@ const Slider = (
   {
     min,
     max,
+    minRange,
     step,
     low: lowProp,
     high: highProp,
@@ -140,8 +141,8 @@ const Slider = (
 
       const handlePositionChange = positionInView => {
         const { low, high, min, max, step } = inPropsRef.current;
-        const minValue = isLow ? min : low;
-        const maxValue = isLow ? high : max;
+        const minValue = isLow ? min : low + minRange;
+        const maxValue = isLow ? high - minRange : max;
         const value = clamp(getValueForPosition(positionInView, containerWidth, thumbWidth, min, max, step), minValue, maxValue);
         if (gestureStateRef.current.lastValue === value) {
           return;
@@ -221,6 +222,7 @@ Slider.propTypes = {
 };
 
 Slider.defaultProps = {
+  minRange: 0,
   allowLabelOverflow: false,
   disableRange: false,
   disabled: false,