ng-hub-ui-forms 22.18.1 → 22.19.0

package/fesm2022/ng-hub-ui-forms.mjs

@@ -7498,6 +7498,8 @@ class HubDatepickerComponent extends HubFieldControl {
     ...(ngDevMode ? [{ debugName: "_emitsRange" }] : /* istanbul ignore next */ []));
     _hour12 = computed(() => resolveHour12(this.locale(), this._hourFormat()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_hour12" }] : /* istanbul ignore next */ []));
+    /** Last range actually published, so an abandoned half-selection has somewhere to return to. */
+    #committed = { start: null, end: null };
     rangeStart = computed(() => this._start(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "rangeStart" }] : /* istanbul ignore next */ []));
     rangeEnd = computed(() => (this._isRange() ? this._end() : null), /* @ts-ignore */
@@ -7617,6 +7619,7 @@ class HubDatepickerComponent extends HubFieldControl {
                 : incomingEnd;
             this._start.set(start ? startOfUnit(start, granularity) : null);
             this._end.set(end ? startOfUnit(end, granularity) : null);
+            this.#committed = { start: this._start(), end: this._end() };
             this.#anchor(start ?? new Date());
             return;
         }
@@ -7640,6 +7643,7 @@ class HubDatepickerComponent extends HubFieldControl {
         if (!this._open()) {
             return;
         }
+        this.#rollbackPendingRange();
         this._open.set(false);
         this._previewTarget.set(null);
         this.onTouched?.();
@@ -7856,6 +7860,20 @@ class HubDatepickerComponent extends HubFieldControl {
             this.close();
         }
     }
+    /**
+     * Drops a range that was only half picked when the panel closed.
+     *
+     * The first click of a span is a question, not an answer, and {@link #emit} never published
+     * it. Leaving it on screen would show a selection the model does not hold, so the panel goes
+     * back to the last value that was actually committed.
+     */
+    #rollbackPendingRange() {
+        if (!this._emitsRange() || !this._start() || this._end()) {
+            return;
+        }
+        this._start.set(this.#committed.start);
+        this._end.set(this.#committed.end);
+    }
     /** Keeps the two endpoints ordered after a time edit has moved one past the other. */
     #reorderIfNeeded() {
         const start = this._start();
@@ -7955,12 +7973,21 @@ class HubDatepickerComponent extends HubFieldControl {
         const start = this._start();
         if (this._emitsRange()) {
             const end = this._end();
+            // A half-open range is not an answer, so it is not published. Emitting the first pick
+            // used to destroy a complete value the instant the user began choosing a new span —
+            // and if they then clicked away, the control was left holding `{ start, end: null }`,
+            // a shape no consumer asked for and every consumer has to defend against. The pick
+            // stays on screen; the model keeps what it had until the second end lands.
+            if (start && !end) {
+                return;
+            }
             const value = start || end
                 ? {
                     start: serializeValue(start, granularity, valueFormat),
                     end: serializeValue(end, granularity, valueFormat)
                 }
                 : null;
+            this.#committed = { start, end };
             this.onChange?.(value);
             this.valueChange.emit(value);
             return;