@uswds/uswds/packages/usa-date-range-picker/src/test/invalid-template-no-wrapper.template.html

Open source UI components and visual style guide for U.S. government websites

<div>
  <div class="usa-form-group">
    <label class="usa-label" for="appointment-date-start"
      >Appointment Date Start</label
    >
    <div class="usa-hint">mm/dd/yyyy</div>
    <div class="usa-date-picker usa-date-range-picker__range-start">
      <input
        class="usa-input"
        id="appointment-date-start"
        name="appointment-date-start"
        type="text"
      />
    </div>
  </div>

  <div class="usa-form-group">
    <label class="usa-label" for="appointment-date-end"
      >Appointment Date End</label
    >
    <div class="usa-hint">mm/dd/yyyy</div>
    <div class="usa-date-picker usa-date-range-picker__range-end">
      <input
        class="usa-input"
        id="appointment-date-end"
        name="appointment-date-end"
        type="text"
      />
    </div>
  </div>
</div>