AB Time Field
Time-of-day form field (not calendar date, not full datetime range).
HTML tag: c-ea386985005914615b1c2ed4bac62f9d3
When to use
Section titled “When to use”- time of day only (hours/minutes)
- schedule time without calendar date
- not for full datetime or timezone range
| Prop | Type | Default | Description |
|---|---|---|---|
value | String | “ | |
label | String | Time | |
placeholder | String | “ | |
disabled | Boolean | false | |
readonly | Boolean | false |
- Bind .value as time string per field format.
- Listen for value-modified with new value in detail.
- Pair with ab-date-field when date and time are separate fields; use ab-timestamp when combined datetime/range is required.
Events
Section titled “Events”| Event | Detail |
|---|---|
value-modified | String |
What to avoid
Section titled “What to avoid”Do not use for calendar dates (ab-date-field). Do not use for timezone ranges (ab-timestamp-range-with-timezone-field).
Example
Section titled “Example”<c-ea386985005914615b1c2ed4bac62f9d3 .label=${'Start time'} .value=${startTime} @value-modified=${e => startTime = e.detail}></c-ea386985005914615b1c2ed4bac62f9d3>