<c-ui.date-picker.impl name="{{ name }}"
                       value="{{ value }}"
                       start_name="{{ start_name }}"
                       end_name="{{ end_name }}"
                       mode="{{ mode }}"
                       placeholder="{{ placeholder }}"
                       min="{{ min }}"
                       max="{{ max }}"
                       today="{{ today }}"
                       open_to="{{ open_to }}"
                       force_open_to="{{ force_open_to }}"
                       months="{{ months }}"
                       first_day_of_week="{{ first_day_of_week }}"
                       locale="{{ locale }}"
                       show_outside_days="{{ show_outside_days }}"
                       show_week_numbers="{{ show_week_numbers }}"
                       fixed_weeks="{{ fixed_weeks }}"
                       selectable_header="{{ selectable_header }}"
                       with_today="{{ with_today }}"
                       clearable="{{ clearable }}"
                       disabled="{{ disabled }}"
                       readonly="{{ readonly }}"
                       required="{{ required }}"
                       invalid="{{ invalid }}"
                       side="{{ side }}"
                       align="{{ align }}"
                       offset="{{ offset }}"
                       gap="{{ gap }}"
                       mobile="{{ mobile }}"
                       variant="{{ variant }}"
                       color="{{ color }}"
                       close="{{ close }}"
                       presets="{{ presets_json }}"
                       presets_position="{{ presets_position }}"
                       preset="{{ preset }}"
                       preset_name="{{ preset_name }}"
                       trigger_class="{{ trigger_class }}"
                       input_class="{{ input_class }}"
                       popover_class="{{ popover_class }}"
                       calendar_class="{{ calendar_class }}"
                       presets_class="{{ presets_class }}"
                       preset_class="{{ preset_class }}"
                       form="{{ form }}"
                       label="{{ label }}"
                       class="{{ class }}"
                       :attrs="attrs">
    {% if presets %}
        <c-ui.date-picker.presets position="{{ presets_position }}" class="{{ presets_class }}">
            {% for item in presets %}
                <c-ui.date-picker.preset value="{{ item.value }}"
                                         label="{{ item.label }}"
                                         start="{{ item.start }}"
                                         end="{{ item.end }}"
                                         disabled="{{ item.disabled }}"
                                         class="{{ preset_class }}" />
            {% endfor %}
        </c-ui.date-picker.presets>
    {% endif %}
</c-ui.date-picker.impl>