Add inputRef prop to EuiFieldNumber and allow callbacks in select inp…

…utRef
elastic · Jan 14, 2019 · 94a572e · 94a572e
1 parent 79b8fd7
commit 94a572e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/components/form/field_number/field_number.js b/src/components/form/field_number/field_number.js
@@ -25,6 +25,7 @@ export const EuiFieldNumber = ({
   compressed,
   prepend,
   append,
+  inputRef,
   ...rest
 }) => {
   const classes = classNames('euiFieldNumber', className, {
@@ -54,6 +55,7 @@ export const EuiFieldNumber = ({
           value={value}
           placeholder={placeholder}
           className={classes}
+          ref={inputRef}
           {...rest}
         />
       </EuiValidatableControl>

diff --git a/src/components/form/field_number/index.d.ts b/src/components/form/field_number/index.d.ts
@@ -18,6 +18,7 @@ declare module '@elastic/eui' {
     compressed?: boolean;
     prepend?: ReactNode | ReactNode[];
     append?: ReactNode | ReactNode[];
+    inputRef?: (element: HTMLInputElement) => void;
   }
 
   export const EuiFieldNumber: SFC<

diff --git a/src/components/form/select/index.d.ts b/src/components/form/select/index.d.ts
@@ -16,7 +16,7 @@ declare module '@elastic/eui' {
     fullWidth?: boolean;
     isLoading?: boolean;
     hasNoInitialSelection?: boolean;
-    inputRef?: Ref<HTMLSelectElement>;
+    inputRef?: Ref<HTMLSelectElement> | ((ref: HTMLInputElement) => void);
     compressed?: boolean;
     prepend?: ReactNode | ReactNode[];
     append?: ReactNode | ReactNode[];