digitalmarketplace-frontend/dist/digitalmarketplace/components/question-date/template-with-error-message.html

Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects

<div class="govuk-form-group govuk-form-group--error">
  <fieldset class="govuk-fieldset" role="group" aria-describedby="input-example-error">
    <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
      Here is the service question
    </legend>
    <p id="input-example-error" class="govuk-error-message">
      <span class="govuk-visually-hidden">Error:</span> You must enter a valid date
    </p>
    <div class="govuk-date-input" id="input-example">
      <div class="govuk-date-input__item">
        <div class="govuk-form-group">
          <label class="govuk-label govuk-date-input__label" for="input-example-day">
            Day
          </label>
          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="input-example-day" name="example-day" type="text" inputmode="numeric">
        </div>
      </div>
      <div class="govuk-date-input__item">
        <div class="govuk-form-group">
          <label class="govuk-label govuk-date-input__label" for="input-example-month">
            Month
          </label>
          <input class="govuk-input govuk-date-input__input govuk-input--width-2 govuk-input--error" id="input-example-month" name="example-month" type="text" inputmode="numeric">
        </div>
      </div>
      <div class="govuk-date-input__item">
        <div class="govuk-form-group">
          <label class="govuk-label govuk-date-input__label" for="input-example-year">
            Year
          </label>
          <input class="govuk-input govuk-date-input__input govuk-input--width-4 govuk-input--error" id="input-example-year" name="example-year" type="text" inputmode="numeric">
        </div>
      </div>
    </div>
  </fieldset>
</div>