import React, { ChangeEventHandler } from 'react'; import { Props } from '../../../common'; import { InputGroupPosition } from '../InputGroup'; interface INumberInputProps { /** ID of the input */ id?: string; /** Name of the input */ name: string; /** Custom classname to use */ className?: string; /** If true, adds invalid input class to component */ isInvalid?: boolean; /** Function passed to `onChange` prop */ handleChange?: ChangeEventHandler; /** Called when the input is changed */ onChange?: (value: string) => void; /** Value of the input */ value?: string | number; /** Minimum value allowed */ min?: number; /** Maximum value allowed */ max?: number; /** step value */ step?: number; /** If true, sets input to disabled state */ isDisabled?: boolean; /** Icon to display in the input box */ icon?: JSX.Element; /** Highlight input value on focus */ highlightOnFocus?: boolean; /** Handle blur event */ handleBlur?: (e: React.FocusEvent, value?: string | number) => void; /** Handle key down events */ handleKeyDown?: (e: React.KeyboardEvent) => void; /** Placeholder text to display when input is empty */ placeholder?: string; /** If true, use HTML5 required attribute */ isHTML5Required?: boolean; /** Add autofocus attribute to input */ autoFocus?: boolean; /** Specify where a input is in an InputGroup */ groupPosition?: InputGroupPosition; /** Specify width of the input */ width?: string; /** Disable Prefix to display in the input box */ disabledPrefix?: string; /** The component context */ componentContext?: string; /** The margins around the component */ margins?: Props.IMargins; /** Specify whether the number is aligned on the left or right of the input box */ align?: 'left' | 'right'; /** Specify whether the number should be displayed in monospace */ monospace?: boolean; } export declare class NumberInput extends React.PureComponent> { private prefixWrapperRef; componentDidMount(): void; componentDidUpdate(prevProps: INumberInputProps): void; render(): JSX.Element; private get input(); private get classNames(); private onFocus; private get prefix(); private handleChange; } export {};