diff --git a/district/templates/district/base.html b/district/templates/district/base.html
index 8923a31849f4340bebd37987f3a9ece76ad74d96..e569a4805b09f30c64121c7e2e6f9a30d3dd4bb0 100644
--- a/district/templates/district/base.html
+++ b/district/templates/district/base.html
@@ -182,18 +182,31 @@
               </div>
             </button>
 
-            <button
-              class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-orange-300 text-sm px-0"
-              :class="{'btn--activated': isCurrentView('calendar')}"
-              @click="toggleView('calendar')"
-            >
-              <div class="btn__body py-2">
-                <i class="btn__inline-icon ico--calendar mr-0 md:mr-2 text-orange-300"></i>
-                <span class="hidden md:block">
-                  {{ page.root_page.calendar_button_text|default_if_none:"Kalendář" }}
-                </span>
-              </div>
-            </button>
+            {% if page.root_page.has_calendar %}
+              <button
+                class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-orange-300 text-sm px-0"
+                :class="{'btn--activated': isCurrentView('calendar')}"
+                @click="toggleView('calendar')"
+              >
+                <div class="btn__body py-2">
+                  <i class="btn__inline-icon ico--calendar mr-0 md:mr-2 text-orange-300"></i>
+                  <span class="hidden md:block">
+                    {{ page.root_page.calendar_button_text|default_if_none:"Kalendář" }}
+                  </span>
+                </div>
+              </button>
+
+              {% with page.root_page.calendar.current_events.0 as first_event %}
+                {% if first_event %}
+                  <span class="btn text-sm max-w-full hidden lg:block" @click="toggleView('calendar')">
+                    <div class="btn__body bg-grey-800 text-grey-200 flex divide-x">
+                      <span class="pr-4">{{ first_event.name }}</span>
+                      <span class="pl-4">{{ first_event.begin|date:"l j. E"|capfirst }}</span>
+                    </div>
+                  </span>
+                {% endif %}
+              {% endwith %}
+            {% endif %}
 
             {% if page.root_page.facebook %}
               <a href="{{ page.root_page.facebook }}" target="_blank" rel="noopener noreferrer" class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-brands-facebook text-sm ml-2  px-0">
diff --git a/region/templates/region/base.html b/region/templates/region/base.html
index 8923a31849f4340bebd37987f3a9ece76ad74d96..e569a4805b09f30c64121c7e2e6f9a30d3dd4bb0 100644
--- a/region/templates/region/base.html
+++ b/region/templates/region/base.html
@@ -182,18 +182,31 @@
               </div>
             </button>
 
-            <button
-              class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-orange-300 text-sm px-0"
-              :class="{'btn--activated': isCurrentView('calendar')}"
-              @click="toggleView('calendar')"
-            >
-              <div class="btn__body py-2">
-                <i class="btn__inline-icon ico--calendar mr-0 md:mr-2 text-orange-300"></i>
-                <span class="hidden md:block">
-                  {{ page.root_page.calendar_button_text|default_if_none:"Kalendář" }}
-                </span>
-              </div>
-            </button>
+            {% if page.root_page.has_calendar %}
+              <button
+                class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-orange-300 text-sm px-0"
+                :class="{'btn--activated': isCurrentView('calendar')}"
+                @click="toggleView('calendar')"
+              >
+                <div class="btn__body py-2">
+                  <i class="btn__inline-icon ico--calendar mr-0 md:mr-2 text-orange-300"></i>
+                  <span class="hidden md:block">
+                    {{ page.root_page.calendar_button_text|default_if_none:"Kalendář" }}
+                  </span>
+                </div>
+              </button>
+
+              {% with page.root_page.calendar.current_events.0 as first_event %}
+                {% if first_event %}
+                  <span class="btn text-sm max-w-full hidden lg:block" @click="toggleView('calendar')">
+                    <div class="btn__body bg-grey-800 text-grey-200 flex divide-x">
+                      <span class="pr-4">{{ first_event.name }}</span>
+                      <span class="pl-4">{{ first_event.begin|date:"l j. E"|capfirst }}</span>
+                    </div>
+                  </span>
+                {% endif %}
+              {% endwith %}
+            {% endif %}
 
             {% if page.root_page.facebook %}
               <a href="{{ page.root_page.facebook }}" target="_blank" rel="noopener noreferrer" class="btn btn--inline-icon btn--condensed btn--hoveractive btn--grey-500 btn--to-brands-facebook text-sm ml-2  px-0">