<ul class="grid gap-6 px-1">
{% block calendar_day_event_list %}
{% for entry in days %}
{% block calender_event_container %}
<li class="flex gap-3 pb-6 overflow-hidden border-b border-neutral-400">
{% set localeDayName = entry.day.locale(app.request.locale) %}
<div class="flex flex-col flex-shrink-0 w-10 text-center font-headline tracking-wide {{
entry.day.month == month.month
? 'text-neutral-800'
: 'text-neutral-600'
}}"
title="{{ localeDayName.isoFormat('dddd, DD.MM.Y') }}">
<span class="text-xs uppercase">{{ localeDayName.isoFormat('dd') }}</span>
<span class="-mt-2 text-2xl font-medium">{{ localeDayName.format('d') }}</span>
</div>
<div class="flex-1 overflow-hidden">
{% for event in entry.events %}
{% block calendar_event %}
{% include 'calendar/calendar_event.html.twig' %}
{% endblock %}
{% endfor %}
</div>
</li>
{% endblock %}
{% else %}
{{ 'no.events'|trans }}
{% endfor %}
{% endblock %}
</ul>