<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_customField_type_base_content %}
{% parent() %}

<!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
{% block sw_custom_field_type_date_container %}
<sw-container
    columns="1fr 1fr"
    gap="20px"
>
    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_custom_field_type_date_container_type %}
    <sw-select-field
        v-model:value="currentCustomField.config.dateType"
        :label="$tc('sw-settings-custom-field.customField.detail.labelDateType')"
        :options="types"
    />
    {% endblock %}

    <!-- eslint-disable-next-line sw-deprecation-rules/no-twigjs-blocks -->
    {% block sw_custom_field_type_date_container_time_format %}
    <sw-select-field
        v-if="['time', 'datetime'].includes(currentCustomField.config.dateType)"
        v-model:value="currentCustomField.config.config.time_24hr"
        :label="$tc('sw-settings-custom-field.customField.detail.labelTimeForm')"
        :options="timeForms"
    />
    {% endblock %}
</sw-container>
{% endblock %}
{% endblock %}
