<!--! -*- mode: html; -*- -->
<div tal:define="css_class css_class|field.widget.css_class;
                 oid oid|field.oid;
                 field_name field_name|field.name;
                 style style|field.widget.style;
                 type_name type_name|field.widget.type_name;"
      tal:omit-tag="">

  <div tal:define="vmodel vmodel|'field_model_' + field_name;">
    ${field.start_mapping()}
    <tailbone-datepicker name="date"
                         id="${oid}"
                         v-model="${vmodel}">
    </tailbone-datepicker>
    ${field.end_mapping()}
  </div>

</div>
