Barmer Fractal

Datepicker: Is Active And Valid 

<div class="af-item af-item--datepicker is-active is-valid">
    <label class="a-label af-label" for="">
        Geburtsdatum (tt.mm.jjjj)

    </label>

    <input type="text" value="" class="a-input af-datepicker js-datepicker-init">
    <i class="a-icon icon--calendar" aria-hidden="true"></i>
</div>

<p class="af-error">Bitte füllen Sie das Feld "Label Application" aus.</p>
 
<div class="af-item af-item--datepicker {{viewtypes.specifier}}">
  {{ render '@formelement-label' partials.label merge=true }}
  {{ render '@formelement-input' partials.input merge=true }}
  {{ render '@icon--calendar' merge=true }}
</div>

{{ render '@af-error' partials.error merge true }}
 
{
  "switches": {
    "hasDatepickerType": false,
    "isValid": true,
    "isInvalid": false
  },
  "partials": {
    "input": {
      "viewtypes": {
        "specifier": "af-datepicker js-datepicker-init"
      }
    },
    "label": {
      "viewtypes": {
        "specifier": "af-label"
      },
      "content": {
        "for": "",
        "text": "Geburtsdatum (tt.mm.jjjj)",
        "srOnlyText": false
      }
    }
  },
  "viewtypes": {
    "specifier": "is-active is-valid"
  }
}

No notes defined.