[EuiFieldNumber] Added any as a step option (#3562)

elastic · Jun 10, 2020 · 639d665 · 639d665
1 parent 0b8dd40
commit 639d665
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 - Converted `EuiOverlayMask` to be a React functional component ([#3555](https://github.com/elastic/eui/pull/3555))
 - Changed `responsive` and `max` behavior of `EuiBreadcrumbs` to always display collapsed items in popover [#3578](https://github.com/elastic/eui/pull/3578))
 - Added `BREAKPOINTS` and `getBreakpoint` utilities [#3578](https://github.com/elastic/eui/pull/3578))
+- Added `'any'` option to the `step` prop of the `EuiFieldNumber` ([#3562](https://github.com/elastic/eui/pull/3562))
 
 **Bug fixes**
 

diff --git a/src-docs/src/views/form_controls/field_number.js b/src-docs/src/views/form_controls/field_number.js
@@ -7,8 +7,7 @@ export default () => {
   const [value, setValue] = useState('');
 
   const onChange = e => {
-    const sanitizedValue = parseInt(e.target.value, 10);
-    setValue(isNaN(sanitizedValue) ? '' : sanitizedValue);
+    setValue(e.target.value);
   };
 
   return (

diff --git a/src/components/form/field_number/field_number.tsx b/src/components/form/field_number/field_number.tsx
@@ -39,7 +39,12 @@ export type EuiFieldNumberProps = InputHTMLAttributes<HTMLInputElement> &
     readOnly?: boolean;
     min?: number;
     max?: number;
-    step?: number;
+    /**
+     * Specifies the granularity that the value must adhere to.
+     * Accepts a `number` or the string `'any'` for no stepping to allow for any value.
+     * Defaults to `1`
+     */
+    step?: number | 'any';
     inputRef?: Ref<HTMLInputElement>;
 
     /**