fix: update and fix flatpickr integration (#710)

updates from 4 to 7
fixes missing localization

Author: Yelinz

addon/components/single-document-details.hbs

@@ -100,7 +100,7 @@
         id="date"
         name="date"
         class="uk-input"
-        @locale={{this.locale}}
+        @locale={{this.flatpickrLocale}}
         @date={{or @document.date null}}
         @altFormat={{this.dateFormat}}
         @altInput={{true}}

addon/components/single-document-details.js

@@ -2,6 +2,7 @@ import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
 import { tracked } from "@glimmer/tracking";
 import { restartableTask, dropTask } from "ember-concurrency";
+import lang from "flatpickr/dist/l10n";
 import { DateTime } from "luxon";
 
 import DocumentCard from "./document-card";
@@ -24,12 +25,19 @@ export default class SingleDocumentDetailsComponent extends DocumentCard {
   @tracked editDate = false;
   @tracked validTitle = true;
 
+  get locale() {
+    return this.intl.primaryLocale.split("-")[0];
+  }
+
+  get flatpickrLocale() {
+    return lang[this.locale];
+  }
+
   get dateFormat() {
-    const language = this.intl.primaryLocale.split("-")[0];
     const defaultFormat = "m/d/Y";
     const formats = { de: "d.m.Y", fr: "d.m.Y", en: defaultFormat };
 
-    return formats[language] ?? defaultFormat;
+    return formats[this.locale] ?? defaultFormat;
   }
 
   get displayConvertButton() {

app/styles/ember-alexandria.scss

@@ -2,6 +2,8 @@
 @import "custom-uikit-rules";
 @import "ember-uikit";
 @import "skeleton-loading";
+@import "flatpickr/dist/flatpickr";
+@import "flatpickr/dist/themes/airbnb";
 
 $tag-hover-shadow: 0 2px 8px rgba(0 0 0 / 20%);
 

package.json

@@ -53,7 +53,7 @@
     "ember-data-resources": "^5.2.1",
     "ember-engines-router-service": "^0.5.1",
     "ember-fetch": "^8.1.2",
-    "ember-flatpickr": "^4.0.0",
+    "ember-flatpickr": "^7.1.0",
     "ember-intl": "^6.4.1",
     "ember-localized-model": "^3.2.2",
     "ember-modifier": "^4.1.0",
@@ -63,6 +63,7 @@
     "ember-truth-helpers": "^4.0.3",
     "ember-uikit": "^9.0.0",
     "file-saver": "^2.0.5",
+    "flatpickr": "^4.6.13",
     "luxon": "^3.4.4"
   },
   "devDependencies": {