Input Time Picker
Overview
Sample
API reference
Properties
| Property | Attribute | Description | Type | Values |
|---|---|---|---|---|
| active | active | The active state of the time input | truefalse | |
| disabled | disabled | The disabled state of the time input | truefalse | |
| intlHour | intl-hour | aria-label for the hour input | undefined | |
| intlHourDown | intl-hour-down | aria-label for the hour down button | undefined | |
| intlHourUp | intl-hour-up | aria-label for the hour up button | undefined | |
| intlMeridiem | intl-meridiem | aria-label for the meridiem (am/pm) input | undefined | |
| intlMeridiemDown | intl-meridiem-down | aria-label for the meridiem (am/pm) down button | undefined | |
| intlMeridiemUp | intl-meridiem-up | aria-label for the meridiem (am/pm) up button | undefined | |
| intlMinute | intl-minute | aria-label for the minute input | undefined | |
| intlMinuteDown | intl-minute-down | aria-label for the minute down button | undefined | |
| intlMinuteUp | intl-minute-up | aria-label for the minute up button | undefined | |
| intlSecond | intl-second | aria-label for the second input | undefined | |
| intlSecondDown | intl-second-down | aria-label for the second down button | undefined | |
| intlSecondUp | intl-second-up | aria-label for the second up button | undefined | |
| name | name | The name of the time input | undefined | |
| placement | placement | Determines where the popover will be positioned relative to the input. | ||
| scale | scale | The scale (size) of the time input | lm (default)s | |
| step | step | number (seconds) that specifies the granularity that the value must adhere to | 60 (default) | |
| value | value | The selected time in UTC (always 24-hour format) |
Events
| Name | Description | Detail |
|---|---|---|
| calciteInputTimePickerChange | Fires when the time value is changed as a result of user input. | string |
Methods
| Name | Description | Signature | Returns |
|---|---|---|---|
| reposition | Updates the position of the component. | reposition() => Promise<void> | Promise<void> |
| setFocus | Sets focus on the component. | setFocus() => Promise<void> | Promise<void> |