fix(Slider): issue in communicating between Slider and Field component.

Author: abouolia

packages/core/src/components/Slider.tsx

@@ -20,7 +20,7 @@ interface SliderToFieldProps extends FieldProps, BPSliderProps {}
  */
 function fieldToSlider({
   field: { onBlur: onFieldBlur, ...field },
-  form: { touched, errors },
+  form: { setFieldValue, touched, errors },
   ...props
 }: SliderToFieldProps): SliderProps {
   const fieldError = getIn(errors, field.name);
@@ -29,6 +29,9 @@ function fieldToSlider({
   return {
     intent: showError ? Intent.DANGER : Intent.NONE,
     ...field,
+    onChange: (value: number) => {
+      setFieldValue(field.name, value);
+    },
     ...props,
   };
 }

stories/Page.tsx

@@ -2,6 +2,9 @@ import React from 'react';
 import { Formik, Form, FormikHelpers } from 'formik';
 import * as Yup from 'yup';
 
+import "normalize.css";
+import "@blueprintjs/core/lib/css/blueprint.css";
+
 import { FormGroup, InputGroup } from '../packages/core/src';
 import { FormValues } from './FormValues';
 

stories/SliderPage.tsx

@@ -21,7 +21,7 @@ export const SliderPage = () => {
     <article>
       <Formik
         initialValues={{
-          longText: 0.3,
+          longText: 3,
         }}
         validationSchema={FormValidation}
         onSubmit={(