<div class="datetime flex flex-col max-w-2xl">
    <div class="flex flex-col flex-wrap mb-2">
        {% if date_label %}
            <div class="mb-2 text-gray-500 text-sm dark:text-gray-200">
                {{ date_label }}
            </div>
        {% endif %}

        {% with widget=widget.subwidgets.0 %}
            <div class="flex flex-row">
                {% include widget.template_name %}
            </div>
        {% endwith %}
    </div>

    <div class="flex flex-col flex-wrap mt-3 md:mt-0">
        {% if time_label %}
            <div class="mb-2 text-gray-500 text-sm dark:text-gray-200">
                {{ time_label }}
            </div>
        {% endif %}

        {% with widget=widget.subwidgets.1 %}
            <div class="flex flex-row">
                {% include widget.template_name %}
            </div>
        {% endwith %}
    </div>
</div>
