diff --git a/.gitignore b/.gitignore
index 8c1ffd9e..2ce598b7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,5 +8,5 @@ tempelhof/static/fonts
 tempelhof/static/images/Roboto*
 media/
 venv/
-static/
+./static/
 .idea/
diff --git a/apps/events/static/events/calendar.js b/apps/events/static/events/calendar.js
index e9dce850..89d675b9 100644
--- a/apps/events/static/events/calendar.js
+++ b/apps/events/static/events/calendar.js
@@ -1,7 +1,6 @@
 /* global eventsData */
-const Flatpickr = require('flatpickr')
-const FlatpickrLocale = require('flatpickr/dist/l10n/de.js')
-const $ = require('jquery')
+import flatpickr from "flatpickr";
+import { German } from "flatpickr/dist/l10n/de.js"
 
 const calendar = document.getElementById('calendar')
 
@@ -9,9 +8,9 @@ if (calendar) {
   const $events = $('.calendar-list__item')
   const selectorPattern = '[data-date^="{}"]'
 
-  let calendarFlatpickr = new Flatpickr(calendar, {
+  let calendarFlatpickr = flatpickr(calendar, {
     inline: true,
-    locale: FlatpickrLocale[$('html').attr('lang')],
+    locale: German,
     enable: [
       date => {
         return eventsData.some(eventObj => {
diff --git a/changelog/0003.md b/changelog/0003.md
new file mode 100644
index 00000000..5c67227f
--- /dev/null
+++ b/changelog/0003.md
@@ -0,0 +1,3 @@
+### Fixed
+
+- fix calendar not shown because Flatpickr constructor changed