Skip to content

AB Time Field

Time-of-day form field (not calendar date, not full datetime range).

HTML tag: c-ea386985005914615b1c2ed4bac62f9d3

  • time of day only (hours/minutes)
  • schedule time without calendar date
  • not for full datetime or timezone range
PropTypeDefaultDescription
valueString
labelStringTime
placeholderString
disabledBooleanfalse
readonlyBooleanfalse
  • 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.
EventDetail
value-modifiedString

Do not use for calendar dates (ab-date-field). Do not use for timezone ranges (ab-timestamp-range-with-timezone-field).

<c-ea386985005914615b1c2ed4bac62f9d3 .label=${'Start time'} .value=${startTime} @value-modified=${e => startTime = e.detail}></c-ea386985005914615b1c2ed4bac62f9d3>