{% load ui_assets %}
{% ui_require_asset "trellis:date-picker" %}
<c-vars label=""
        description=""
        description_trailing=""
        error=""
        badge=""
        form=""
        name=""
        required="False"
        invalid="False"
        disabled="False"
        surface="+2"
        elevation="3"
        class=""
        field_class="" />
<c-ui.field name="{{ name }}"
            label="{{ label }}"
            description="{{ description }}"
            description_trailing="{{ description_trailing }}"
            error="{{ error }}"
            badge="{{ badge }}"
            required="{{ required }}"
            disabled="{{ disabled }}"
            invalid="{{ invalid }}"
            class="{{ field_class }}">
    <c-ui.date-picker.impl name="{{ name }}"
                           form="{{ form }}"
                           required="{{ required }}"
                           disabled="{{ disabled }}"
                           invalid="{% if invalid|ui_bool or error %}True{% else %}False{% endif %}"
                           surface="{{ surface }}"
                           elevation="{{ elevation }}"
                           error="{{ error }}"
                           label="{{ label }}"
                           class="{{ class }}"
                           :attrs="attrs">
        {% if trigger %}
            <c-slot name="trigger">{{ trigger }}</c-slot>
        {% endif %}
        {{ slot }}
    </c-ui.date-picker.impl>
</c-ui.field>