import type React from 'react'; import type { TextLikeProps } from './types'; export type UnitInputProps = Omit & { unit: 'bit' | 'byte' | 'celsius' | 'centimeter' | 'day' | 'degree' | 'fahrenheit' | 'fluid-ounce' | 'foot' | 'gallon' | 'gigabit' | 'gigabyte' | 'gram' | 'hour' | 'inch' | 'kilobit' | 'kilobyte' | 'kilogram' | 'kilometer' | 'liter' | 'megabit' | 'megabyte' | 'meter' | 'microsecond' | 'mile' | 'mile-scandinavian' | 'milliliter' | 'millimeter' | 'millisecond' | 'minute' | 'month' | 'nanosecond' | 'ounce' | 'percent' | 'petabyte' | 'pound' | 'second' | 'stone' | 'terabit' | 'terabyte' | 'week' | 'yard' | 'year'; /** * How to display the unit. * * @default 'short' */ unitDisplay?: 'short' | 'long'; /** * Aligns the input content. */ align?: 'start' | 'end'; /** * Specifies the visible width, in characters, of the input. */ size?: number; /** * Value of the input. * * Makes the input controlled. */ value?: number | string; /** * Default value of an uncontrolled input as a locale formatted string. */ defaultValue?: number | string; /** * Fires immediately when the input’s value is changed by the user (for example, it fires on every keystroke). */ onChange?: React.ChangeEventHandler; /** * Id of a `` element with a list of predefined values to suggest to the user. */ list?: string; /** * Hint the browser about the appropriate virtual keyboard for the type of expected data. * * Use `text` if you need support for negative numbers as the minus sign is not available on iPhone keyboards. * * @default 'numeric' */ inputMode?: 'text' | 'numeric' | 'decimal'; }; /** * The `UnitInput` component displays a localized unit as a suffix to an input field, * based on the current `LocaleProvider` locale. */ export declare const UnitInput: React.ForwardRefExoticComponent & { unit: 'bit' | 'byte' | 'celsius' | 'centimeter' | 'day' | 'degree' | 'fahrenheit' | 'fluid-ounce' | 'foot' | 'gallon' | 'gigabit' | 'gigabyte' | 'gram' | 'hour' | 'inch' | 'kilobit' | 'kilobyte' | 'kilogram' | 'kilometer' | 'liter' | 'megabit' | 'megabyte' | 'meter' | 'microsecond' | 'mile' | 'mile-scandinavian' | 'milliliter' | 'millimeter' | 'millisecond' | 'minute' | 'month' | 'nanosecond' | 'ounce' | 'percent' | 'petabyte' | 'pound' | 'second' | 'stone' | 'terabit' | 'terabyte' | 'week' | 'yard' | 'year'; /** * How to display the unit. * * @default 'short' */ unitDisplay?: 'short' | 'long'; /** * Aligns the input content. */ align?: 'start' | 'end'; /** * Specifies the visible width, in characters, of the input. */ size?: number; /** * Value of the input. * * Makes the input controlled. */ value?: number | string; /** * Default value of an uncontrolled input as a locale formatted string. */ defaultValue?: number | string; /** * Fires immediately when the input’s value is changed by the user (for example, it fires on every keystroke). */ onChange?: React.ChangeEventHandler; /** * Id of a `` element with a list of predefined values to suggest to the user. */ list?: string; /** * Hint the browser about the appropriate virtual keyboard for the type of expected data. * * Use `text` if you need support for negative numbers as the minus sign is not available on iPhone keyboards. * * @default 'numeric' */ inputMode?: 'text' | 'numeric' | 'decimal'; } & React.RefAttributes>;