# EuiTimepickerComponent

**Type:** component



A timepicker component that allows the user to select a time. The component
can be used in two modes: one input field or three separate input fields
for hours, minutes, and seconds. The component also supports incremental and
decremental buttons for each input field.



**Selector:** `eui-timepicker`

## Inputs
- **e2eAttr**: `string` - 
- **hasSeconds**: `boolean` - Option for enabling seconds.
- **iconSize**: `string` - The size of the icon used for changing hours, minutes and seconds.
- **inputId**: `string` - The id of the input element when isOneInputField attribute is used. If not provided, a unique id will be generated.
- **isDisabled**: `boolean` - Sets the disabled attribute for the buttons.
- **isOneInputField**: `boolean` - Attribute that transforms the 3 separate inputs into one input field.
- **isreadOnly**: `boolean` - Sets the readonly attribute of the input field.
- **placeholder**: `string` - The placeholder of the input field when isOneInputField attribute is used.
- **stepHours**: `number` - The step used for changing hours.
- **stepMinutes**: `number` - The step used for changing minutes.
- **stepSeconds**: `number` - The step used for changing seconds.
- **timeMask**: `string` - The mask for the input field when isOneInputField attribute is used.
