San Francisco Design System

Time field 

<form>
    <div class="form-group field-d04" data-id="construction_start_time">
        <label for="construction_start_time" class="control-label">What time do you plan to begin construction?</label>
        <div class="field-wrapper">
            <input data-formtype="d04" id="construction_start_time" name="construction_start_time" type="time" class="length-10">
            <div class="help-block with-errors"></div>
        </div>
    </div>
</form>
 
<form>
  <div class="form-group field-d04" data-id="{{ id }}">
    <label for="{{ id }}" class="control-label">{{ title }}</label>
    <div class="field-wrapper">
      <input data-formtype="d04" id="{{ id }}" name="{{ id }}" type="time" class="length-10">
      <div class="help-block with-errors"></div>
    </div>
  </div>
</form>
 
{
  "title": "What time do you plan to begin construction?",
  "id": "construction_start_time"
}
  • Handle: @time-field
  • Preview:
  • Filesystem Path: src/components/04-forms/field-types/time-field/time-field.html

There are no notes for this item.