Incubator.Slider - fix gap not equal on both max and min ends (#2634)

Author: Inbal-Tish

demo/src/screens/incubatorScreens/IncubatorSliderScreen.tsx

@@ -6,7 +6,7 @@ import {renderBooleanOption} from '../ExampleScreenPresenter';
 const VALUE = 20;
 const NEGATIVE_VALUE = -30;
 const MIN = 0;
-const MAX = Constants.screenWidth - 40; // horizontal margins 20
+const MAX = 350;
 const INITIAL_MIN = 30;
 const INITIAL_MAX = 270;
 const COLOR = Colors.blue30;

src/incubator/Slider/Thumb.tsx

@@ -68,8 +68,8 @@ const Thumb = (props: ThumbProps) => {
         // adjust end edge
         newX = end.value;
       }
-      if (!secondary && newX < gap || 
-        secondary && newX > end.value - gap || 
+      if (!secondary && newX <= gap || 
+        secondary && newX >= end.value - gap || 
         newX < end.value - gap && newX > start.value + gap) {
         offset.value = newX;
       }