@limetech/lime-elements 37.52.8 → 37.53.1

package/dist/esm/limel-flatpickr-adapter.entry.js

@@ -6461,6 +6461,7 @@ var l10n = createCommonjsModule(function (module, exports) {
 
 const FlatpickrLanguages = /*@__PURE__*/getDefaultExportFromCjs(l10n);
 
+const ARIA_DATE_FORMAT = 'F j, Y';
 class Picker {
   constructor(dateFormat, language, change) {
     this.change = change;
@@ -6474,31 +6475,20 @@ class Picker {
     this.getWeek = this.getWeek.bind(this);
     this.handleClose = this.handleClose.bind(this);
     this.handleOnClose = this.handleOnClose.bind(this);
-    this.parseDate = this.parseDate.bind(this);
     this.getFlatpickrLang = this.getFlatpickrLang.bind(this);
   }
   init(element, container, value) {
-    let config = {
-      clickOpens: this.nativePicker,
-      disableMobile: !this.nativePicker,
-      formatDate: this.nativePicker ? undefined : this.formatDate,
-      parseDate: this.nativePicker ? undefined : this.parseDate,
-      appendTo: container,
-      onClose: this.handleOnClose,
-      defaultDate: value,
-      onValueUpdate: this.handleClose,
-      inline: !this.nativePicker,
-      locale: FlatpickrLanguages[this.getFlatpickrLang()] ||
-        FlatpickrLanguages.en,
-      getWeek: this.getWeek,
-    };
-    config = Object.assign(Object.assign({}, config), this.getConfig(this.nativePicker));
+    const config = Object.assign({ clickOpens: this.nativePicker, disableMobile: !this.nativePicker, formatDate: this.nativePicker ? undefined : this.formatDate, appendTo: container, onClose: this.handleOnClose, defaultDate: value, onValueUpdate: this.handleClose, inline: !this.nativePicker, locale: FlatpickrLanguages[this.getFlatpickrLang()] ||
+        FlatpickrLanguages.en, getWeek: this.getWeek }, this.getConfig(this.nativePicker));
     // Week numbers designate weeks as starting with Monday and
     // ending with Sunday. To make the week numbers make sense,
     // the calendar has to show weeks in the same way.
     config.locale.firstDayOfWeek = 1;
     this.flatpickr = flatpickr(element, config);
   }
+  setValue(value) {
+    this.flatpickr.setDate(value, false);
+  }
   redraw() {
     this.flatpickr.redraw();
   }
@@ -6532,12 +6522,23 @@ class Picker {
   getPickerDate(selectedDates) {
     return selectedDates[0] ? new Date(selectedDates[0].toJSON()) : null;
   }
+  get formatDate() {
+    const longDateFormat = new Intl.DateTimeFormat(this.language, {
+      dateStyle: 'long',
+    });
+    return (date, format) => {
+      if (!date) {
+        return '';
+      }
+      if (format === ARIA_DATE_FORMAT) {
+        return longDateFormat.format(date);
+      }
+      return this.formatter(date);
+    };
+  }
   getWeek(date) {
     return moment(date).isoWeek();
   }
-  parseDate(date) {
-    return moment(date, this.dateFormat, this.getMomentLang()).toDate();
-  }
   handleOnClose() {
     this.flatpickr.element.focus();
   }
@@ -7611,12 +7612,15 @@ const DatePickerCalendar = class {
         this.picker = new DatetimePicker(this.format, this.language, this.change);
         break;
     }
-    this.picker.formatDate = this.formatter;
+    this.picker.formatter = this.formatter;
   }
   componentDidUpdate() {
     if (!this.flatPickrCreated) {
       this.createFlatpickr();
     }
+    else if (!this.isOpen) {
+      this.picker.setValue(this.value);
+    }
     this.tryFixConfusingWidthBug();
   }
   tryFixConfusingWidthBug() {