<div class="usa-form-group">
  <label class="usa-label" id="appointment-time-label" for="appointment-time">Appointment time</label>
  <div class="usa-hint" id="appointment-time-hint">Select a time from the dropdown. Type into the input to filter options.</div>
  <div class="usa-time-picker">
    <input
      class="usa-input"
      id="appointment-time"
      name="appointment-time"
      type="text"
      aria-describedby="appointment-time-label appointment-time-hint"
      {% if defaultValue %}value="{{ defaultValue }}"{% endif %}
      {% if disabled_state == 'disabled' %} disabled {%- endif %}
      {% if disabled_state == 'aria-disabled' %} aria-disabled="true" {%- endif %}
    >
  </div>
</div>
