Time Picker

Overview

Sample

Show code snippetCopy code snippet
Edit sample on Codepen
v1.0.0-beta.83
Toggle preview themeToggle preview direction

API reference

calcite-time-picker
v1.0.0-beta.83

Properties

PropertyAttributeDescriptionTypeValues
intlHourintl-hour

aria-label for the hour input

stringA custom string
"Hour" (default)
intlHourDownintl-hour-down

aria-label for the hour down button

stringA custom string
"Decrease hour" (default)
intlHourUpintl-hour-up

aria-label for the hour up button

stringA custom string
"Increase hour" (default)
intlMeridiemintl-meridiem

aria-label for the meridiem (am/pm) input

stringA custom string
"AM/PM" (default)
intlMeridiemDownintl-meridiem-down

aria-label for the meridiem (am/pm) down button

stringA custom string
"Decrease AM/PM" (default)
intlMeridiemUpintl-meridiem-up

aria-label for the meridiem (am/pm) up button

stringA custom string
"Increase AM/PM" (default)
intlMinuteintl-minute

aria-label for the minute input

stringA custom string
"Minute" (default)
intlMinuteDownintl-minute-down

aria-label for the minute down button

stringA custom string
"Decrease minute" (default)
intlMinuteUpintl-minute-up

aria-label for the minute up button

stringA custom string
"Increase minute" (default)
intlSecondintl-second

aria-label for the second input

stringA custom string
"Second" (default)
intlSecondDownintl-second-down

aria-label for the second down button

stringA custom string
"Decrease second" (default)
intlSecondUpintl-second-up

aria-label for the second up button

stringA custom string
"Increase second" (default)
scalescale

The scale (size) of the time picker

typedChoose from a set of typed values
lm (default)s
stepstep

number (seconds) that specifies the granularity that the value must adhere to

numberA number
60 (default)
valuevalue

The selected time in UTC (always 24-hour format)

stringA custom string

Methods

NameDescriptionSignatureReturns
setFocus

Sets focus on the component.

setFocus(target: TimePart) => Promise<void>Promise<void>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.