From 65487a0a31d5f1d3eaa57533531e0e1c35b3a890 Mon Sep 17 00:00:00 2001
From: Justin Francos <jfrancos@manifold.ai>
Date: Mon, 8 May 2023 20:29:12 -0400
Subject: [PATCH 1/2] Set AntdSlider step size

---
 .../filters/components/Range/RangeFilterPlugin.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx b/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
index 5c8533dd1e5a..1b88c406391c 100644
--- a/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
+++ b/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
@@ -300,6 +300,16 @@ export default function RangeFilterPlugin(props: PluginFilterRangeProps) {
     }
   }, [enableSingleExactValue]);
 
+  const MIN_NUM_STEPS = 20;
+  const stepHeuristic = (min: number, max: number) => {
+    const maxStepSize = (max - min) / MIN_NUM_STEPS;
+    // normalizedStepSize: .06 -> .01, .003 -> .001
+    const normalizedStepSize = '1E' + Math.floor(Math.log10(maxStepSize));
+    return Math.min(1, parseFloat(normalizedStepSize));
+  };
+
+  const step = stepHeuristic(min, max);
+
   return (
     <FilterPluginStyle height={height} width={width}>
       {Number.isNaN(Number(min)) || Number.isNaN(Number(max)) ? (
@@ -323,6 +333,7 @@ export default function RangeFilterPlugin(props: PluginFilterRangeProps) {
               <AntdSlider
                 min={min}
                 max={max}
+                step={step}
                 value={minMax[maxIndex]}
                 tipFormatter={tipFormatter}
                 marks={marks}
@@ -335,6 +346,7 @@ export default function RangeFilterPlugin(props: PluginFilterRangeProps) {
                 validateStatus={filterState.validateStatus}
                 min={min}
                 max={max}
+                step={step}
                 value={minMax[minIndex]}
                 tipFormatter={tipFormatter}
                 marks={marks}
@@ -346,6 +358,7 @@ export default function RangeFilterPlugin(props: PluginFilterRangeProps) {
               <AntdSlider
                 min={min}
                 max={max}
+                step={step}
                 included={false}
                 value={minMax[minIndex]}
                 tipFormatter={tipFormatter}
@@ -359,6 +372,7 @@ export default function RangeFilterPlugin(props: PluginFilterRangeProps) {
                 range
                 min={min}
                 max={max}
+                step={step}
                 value={minMax}
                 onAfterChange={handleAfterChange}
                 onChange={handleChange}

From f10cb87f887d03e00f265c0d249cbc6f38272879 Mon Sep 17 00:00:00 2001
From: Justin Francos <jfrancos@manifold.ai>
Date: Mon, 8 May 2023 20:40:50 -0400
Subject: [PATCH 2/2] Appease eslint

---
 .../src/filters/components/Range/RangeFilterPlugin.tsx          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx b/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
index 1b88c406391c..afe20c429c2d 100644
--- a/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
+++ b/superset-frontend/src/filters/components/Range/RangeFilterPlugin.tsx
@@ -304,7 +304,7 @@ export default function RangeFilterPlugin(props: PluginFilterRangeProps) {
   const stepHeuristic = (min: number, max: number) => {
     const maxStepSize = (max - min) / MIN_NUM_STEPS;
     // normalizedStepSize: .06 -> .01, .003 -> .001
-    const normalizedStepSize = '1E' + Math.floor(Math.log10(maxStepSize));
+    const normalizedStepSize = `1E${Math.floor(Math.log10(maxStepSize))}`;
     return Math.min(1, parseFloat(normalizedStepSize));
   };