@paperless/core 2.0.1-beta.196 → 2.0.1-beta.197

package/dist/esm/p-datepicker.entry.js

@@ -2983,6 +2983,7 @@ const Datepicker = class {
         year: 'yyyy',
         month: 'LLLL, yyyy',
         day: 'dd-MM-yyyy',
+        dayNoDashes: 'ddMMyyyy',
     };
     parseValue(value) {
         if (!value && this.preselectToday) {
@@ -3063,7 +3064,7 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (h("p-dropdown", { key: '292f2fdf660dc97f02b1eba3f8961e17f5721398', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '868662cb3f17130eb93c903ba2b2905849281e16', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'bcef80055ed36a6f3ca3cf97c47848516d4cd5f6', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: '096d5e65af11c056c8105e52c224c17a8519c735', slot: 'items' }, h("p-calendar", { key: 'cca5ae8837fb46979c7d495914a249118d93cb9e', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
+        return (h("p-dropdown", { key: '1b991cdf5bc3e03b162a7bef4a6190413d187241', allowOverflow: true, strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '2811ba01f522bd273c67fa120e8f83c6e3f91ff3', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean(this.required), showOptional: asBoolean(this.showOptional), error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, disabled: asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: 'f2db96e7c890522a5bedcede831e6cbd2d27f2f6', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'pointer-events-none absolute left-0 top-0 z-[-10] overflow-hidden opacity-0', onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'ac88ae7b06ab91cf08da6ef3b363a53629299f2e', slot: 'items' }, h("p-calendar", { key: 'c53e934194a8ff323113d3b7f9e286941ef6c0ab', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, enableToday: this.enableToday, todayText: this.todayText, mode: this.mode }))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -3080,7 +3081,7 @@ const Datepicker = class {
         }
         this._showDropdown = true;
     }
-    _onBlur() {
+    _onBlur(parseFormat = this.format) {
         if (this._isMobileBrowser && this._dateInputRef) {
             return;
         }
@@ -3088,24 +3089,31 @@ const Datepicker = class {
         if (target.value === null) {
             return;
         }
-        const value = parse(target.value, this.format, new Date());
+        const value = parse(target.value, parseFormat, new Date());
         if (value === this._value) {
             return;
         }
-        if (!isValid(value) || this._isDisabledDay(value)) {
+        const valid = isValid(value);
+        if (!valid && parseFormat === this.format && this.mode === 'day') {
+            return this._onBlur(this._defaultFormats['dayNoDashes']);
+        }
+        if (!valid || this._isDisabledDay(value)) {
             target.value = this._getFormattedDate();
             return;
         }
         this._setValue(value, false);
     }
-    _onValueChange(value) {
+    _onValueChange(value, parseFormat = this.format) {
         if (this._onInputTimeout) {
             clearTimeout(this._onInputTimeout);
             this._onInputTimeout = null;
         }
         this._onInputTimeout = setTimeout(() => {
-            const parsedValue = parse(value, this.format, new Date());
-            if (!isValid(parsedValue) || format(parsedValue, this.format) !== value) {
+            const parsedValue = parse(value, parseFormat, new Date());
+            if (!isValid(parsedValue) || format(parsedValue, parseFormat) !== value) {
+                if (this.mode === 'day') {
+                    this._onValueChange(value, this._defaultFormats['dayNoDashes']);
+                }
                 return;
             }
             this._setValue(parsedValue, false);