Input Time Picker
Overview
Sample
API reference
Properties
Property | Attribute | Description | Type | Values |
---|---|---|---|---|
active | active | The active state of the time input | true false | |
disabled | disabled | The disabled state of the time input | true false | |
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 | l m (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> |