<div class="c-datepicker__container {{ translation }}" data-icons="{{iconPath}}icons_{{iconVersion}}.svg#action-inv-universal">
  <div class="c-datepicker c-datepicker--{{type}} {{classes}} component">
    <label for="edit-{{type}}">
      {{ label }}
    </label>
    <div class="c-datepicker__input-wrap input__wrap input__wrap--icon">
      <a href="#" class="c-datepicker__icon input__icon" tabindex="-1">
        <svg class="icon--small" role="img" viewBox="0 0 16 16">
          <use xlink:href="{{iconPath}}icons_{{iconVersion}}.svg#calendar_small"></use>
        </svg>
        <svg class="icon--error" role="img" viewBox="0 0 32 32">
          <use xlink:href="{{iconPath}}icons_{{iconVersion}}.svg#feedback-msg-error_universal"></use>
        </svg>
      </a>
      <input type="text" class="c-datepicker__input" id="edit-{{type}}" name="{{type}}" type="text" value="{{ date }}" placeholder="{{ placeholder }}" aria-required="true"/>
      <div class="input__feedback"></div>
    </div>
  </div>
</div>
<template class="svg-template">
  <svg role="img" viewBox="0 0 18 18">
    <use xlink:href="{{iconPath}}icons_{{iconVersion}}.svg#action-inv-universal"></use>
  </svg>
</template>