<div id="{{id}}-group" class="form-group{{#compound}} form-group-compound{{/compound}}{{#error}} validation-error{{/error}}">
    <label for="{{id}}" class="form-label-bold{{#hiddenLabel}} visuallyhidden{{/hiddenLabel}}">
        {{#error}}<span class="error-message" aria-hidden="true">{{error.message}}</span>{{/error}}
        {{{label}}}
        {{#hint}}<span class="form-hint">{{hint}}</span>{{/hint}}
        {{#error}}<span class="visuallyhidden">{{error.message}}</span>{{/error}}
    </label>
    <input
        type="{{type}}"
        name="{{id}}"
        id="{{id}}"
        class="form-control{{#className}} {{className}}{{/className}}{{#error}} invalid-input{{/error}}"
        aria-required="{{required}}"
        {{#value}} value="{{value}}"{{/value}}
        {{#min}} min="{{min}}"{{/min}}
        {{#max}} max="{{max}}"{{/max}}
        {{#maxlength}} maxlength="{{maxlength}}"{{/maxlength}}
        {{#pattern}} pattern="{{pattern}}"{{/pattern}}
        {{#hintId}} aria-describedby="{{hintId}}"{{/hintId}}
        {{#error}} aria-invalid="true"{{/error}}
    >
</div>

<div id="{{id}}-group" class="form-group{{#compound}} form-group-compound{{/compound}}{{#error}} validation-error{{/error}}">
    <label for="{{id}}" class="form-label-bold{{#hiddenLabel}} visuallyhidden{{/hiddenLabel}}">
        {{#error}}<span class="error-message" aria-hidden="true">{{error.message}}</span>{{/error}}
        {{{label}}}
        {{#hint}}<span {{$hintId}}id="{{hintId}}" {{/hintId}}class="form-hint">{{hint}}</span>{{/hint}}
        {{#error}}<span class="visuallyhidden">{{error.message}}</span>{{/error}}
    </label>
    <input
        type="{{type}}"
        name="{{id}}"
        id="{{id}}"
        class="form-control{{#className}} {{className}}{{/className}}{{#error}} invalid-input{{/error}}"
        aria-required="{{required}}"
        {{#value}} value="{{value}}"{{/value}}
        {{#min}} min="{{min}}"{{/min}}
        {{#max}} max="{{max}}"{{/max}}
        {{#maxlength}} maxlength="{{maxlength}}"{{/maxlength}}
        {{#pattern}} pattern="{{pattern}}"{{/pattern}}
        {{#hintId}} aria-describedby="{{hintId}}"{{/hintId}}
        {{#error}} aria-invalid="true"{{/error}}
    >
</div>

Add hint ID to hint `span` within label.
Add hint ID to hint `span` within label.
