@praxisui/dynamic-fields 10.0.0-rc.18 → 10.0.0-rc.20

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-14T22:59:57.823Z",
+  "generatedAt": "2026-10-15T03:52:00.118Z",
   "packageName": "@praxisui/dynamic-fields",
-  "packageVersion": "10.0.0-rc.18",
+  "packageVersion": "10.0.0-rc.20",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 76,

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -42601,10 +42601,25 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         return getErrorStateMatcherForField(this.metadata());
     }
     shouldPropagateRangeGroupChanges() {
-        if (this.inlineQuickPresetsApplyMode() !== 'confirm') {
-            return true;
+        if (this.hasPartialRangeGroupValue()) {
+            return false;
+        }
+        if (this.inlineQuickPresetsApplyMode() === 'confirm') {
+            return !this.overlayOpen;
+        }
+        return true;
+    }
+    propagateRangeValue() {
+        if (this.inlineQuickPresetsApplyMode() === 'confirm' || this.hasPartialRangeGroupValue()) {
+            return;
         }
-        return !this.overlayOpen;
+        super.propagateRangeValue();
+    }
+    hasPartialRangeGroupValue() {
+        const { start, end } = this.rangeGroup.getRawValue();
+        const hasStart = !!this.coerceDate(start);
+        const hasEnd = !!this.coerceDate(end);
+        return hasStart !== hasEnd;
     }
     showInlineQuickPresets() {
         if (this.presentationMode) {
@@ -42915,7 +42930,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         picker?._model?.updateSelection?.(selection, this);
         const content = picker?._componentRef?.instance;
         content?._model?.updateSelection?.(selection, this);
-        if (content?._calendar) {
+        if (content?._calendar && startDate) {
             content._calendar.activeDate = startDate;
         }
         content?._changeDetectorRef?.markForCheck?.();
@@ -43031,7 +43046,8 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         this.syncAutoApplyCalendarBinding();
     }
     onOverlayClosed() {
-        const shouldRollback = this.inlineQuickPresetsApplyMode() === 'confirm' && !this.overlayCommittedInSession;
+        const shouldRollback = !this.overlayCommittedInSession &&
+            (this.inlineQuickPresetsApplyMode() === 'confirm' || this.hasPartialRangeGroupValue());
         if (shouldRollback) {
             this.restoreBaselineSelection();
         }
@@ -43044,14 +43060,24 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         this.scheduleInlineResize();
     }
     onOverlayApplyAction() {
-        if (this.inlineQuickPresetsApplyMode() !== 'confirm' || this.isInteractionBlocked()) {
+        if (this.isInteractionBlocked()) {
             return;
         }
+        if (!this.draftPresetRange) {
+            this.syncDraftFromPendingCalendarSelection();
+        }
         const presetId = this.draftPresetId || undefined;
         const resolved = presetId ? this.resolvePresetById(presetId) : null;
         const committed = this.draftPresetRange ?? this.currentRangeGroupValue();
+        const start = this.coerceDate(committed.startDate);
+        const end = this.coerceDate(committed.endDate);
+        if (!start || !end) {
+            return;
+        }
         const value = {
             ...committed,
+            startDate: start,
+            endDate: end,
             preset: presetId,
             label: resolved?.label,
         };
@@ -43064,10 +43090,8 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         }, 0);
     }
     onOverlayCancelAction() {
-        if (this.inlineQuickPresetsApplyMode() !== 'confirm') {
-            return;
-        }
         this.overlayCommittedInSession = false;
+        this.draftPresetId = null;
         this.draftPresetRange = null;
         this.restoreBaselineSelection();
     }
@@ -43154,14 +43178,22 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     }
     restoreBaselineSelection() {
         const baseline = this.overlayBaseline;
+        const start = this.coerceDate(baseline?.startDate);
+        const end = this.coerceDate(baseline?.endDate);
         this.rangeGroup.setValue({
-            start: this.coerceDate(baseline?.startDate),
-            end: this.coerceDate(baseline?.endDate),
+            start,
+            end,
         }, { emitEvent: false });
+        this.syncPickerSelectionModel(start, end);
     }
     displayRangeValue() {
-        if (this.inlineQuickPresetsApplyMode() === 'confirm' && this.overlayOpen) {
-            return this.currentRangeGroupValue();
+        if (this.overlayOpen) {
+            const draft = this.currentRangeGroupValue();
+            if (this.inlineQuickPresetsApplyMode() === 'confirm' ||
+                draft.startDate !== null ||
+                draft.endDate !== null) {
+                return draft;
+            }
         }
         return this.normalizeDateRangeValue(this.control().value);
     }
@@ -43459,7 +43491,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         for (let i = nodes.length - 1; i >= 0; i--) {
             const candidate = nodes[i];
             const content = candidate.closest('.mat-datepicker-content-container');
-            const hasInlineActions = candidate.querySelector('.pdx-inline-date-range-overlay-buttons') !== null &&
+            const hasInlineActions = candidate.querySelector('.pdx-inline-date-range-overlay-buttons') !== null ||
                 !!content?.querySelector('.pdx-inline-date-range-overlay-presets');
             if (hasInlineActions) {
                 return candidate;
@@ -43534,7 +43566,7 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
     }
     syncAutoApplyCalendarBinding() {
         this.unbindAutoApplyCalendarBinding();
-        if (this.inlineQuickPresetsApplyMode() !== 'auto' || typeof document === 'undefined') {
+        if (typeof document === 'undefined') {
             return;
         }
         const clickHandler = (event) => this.onAutoApplyCalendarInteraction(event);
@@ -43549,8 +43581,34 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
             this.autoApplyCalendarClickTeardown = null;
         }
     }
+    syncDraftFromPendingCalendarSelection() {
+        const picker = this.pickerRef;
+        const pendingModel = picker?._componentRef?.instance?._model;
+        if (!pendingModel || !('selection' in pendingModel)) {
+            return null;
+        }
+        const selection = pendingModel.selection;
+        const start = this.coerceDate(selection?.start);
+        const end = this.coerceDate(selection?.end);
+        const current = this.rangeGroup.getRawValue();
+        const currentStart = this.coerceDate(current.start);
+        const currentEnd = this.coerceDate(current.end);
+        if (!start && !end && (currentStart || currentEnd)) {
+            return { start: currentStart, end: currentEnd };
+        }
+        if (!this.isSameDate(currentStart, start) || !this.isSameDate(currentEnd, end)) {
+            this.draftPresetId = null;
+            this.draftPresetRange = null;
+            this.rangeGroup.setValue({
+                start,
+                end,
+            }, { emitEvent: false });
+            this.cdr.markForCheck();
+        }
+        return { start, end };
+    }
     onAutoApplyCalendarInteraction(event) {
-        if (!this.overlayOpen || this.inlineQuickPresetsApplyMode() !== 'auto') {
+        if (!this.overlayOpen) {
             return;
         }
         const target = event.target;
@@ -43567,18 +43625,38 @@ class InlineDateRangeComponent extends MaterialDateRangeComponent {
         if (typeof window === 'undefined') {
             return;
         }
-        // Material clones the model when actions are present; apply pending selection to sync inline value in auto mode.
+        // Material clones the model when actions are present; sync draft selection and only auto-apply once both bounds are chosen.
         window.setTimeout(() => {
-            if (!this.overlayOpen || this.inlineQuickPresetsApplyMode() !== 'auto') {
+            if (!this.overlayOpen) {
                 return;
             }
             const picker = this.pickerRef;
-            picker?._applyPendingSelection?.();
-            const committed = this.control().value;
-            const start = this.coerceDate(committed?.startDate);
-            const end = this.coerceDate(committed?.endDate);
-            if (start && end) {
-                picker?.close?.();
+            const syncedPending = this.syncDraftFromPendingCalendarSelection();
+            if (this.inlineQuickPresetsApplyMode() === 'auto') {
+                if (syncedPending !== null) {
+                    if (syncedPending.start && syncedPending.end) {
+                        picker?._applyPendingSelection?.();
+                        this.commitDateRangeValue({
+                            startDate: syncedPending.start,
+                            endDate: syncedPending.end,
+                        });
+                        picker?.close?.();
+                    }
+                }
+                else if (!this.hasPartialRangeGroupValue()) {
+                    const committedBefore = this.control().value;
+                    const hasPartialCommitted = Boolean(this.coerceDate(committedBefore?.startDate)) !==
+                        Boolean(this.coerceDate(committedBefore?.endDate));
+                    if (!hasPartialCommitted) {
+                        picker?._applyPendingSelection?.();
+                        const committed = this.control().value;
+                        const start = this.coerceDate(committed?.startDate);
+                        const end = this.coerceDate(committed?.endDate);
+                        if (start && end) {
+                            picker?.close?.();
+                        }
+                    }
+                }
             }
             this.scheduleInlineResize();
         }, 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "10.0.0-rc.18",
+  "version": "10.0.0-rc.20",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,9 +11,9 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^10.0.0-rc.18",
-    "@praxisui/dialog": "^10.0.0-rc.18",
-    "@praxisui/cron-builder": "^10.0.0-rc.18"
+    "@praxisui/core": "^10.0.0-rc.20",
+    "@praxisui/dialog": "^10.0.0-rc.20",
+    "@praxisui/cron-builder": "^10.0.0-rc.20"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",

package/types/praxisui-dynamic-fields.d.ts

@@ -2303,7 +2303,7 @@ declare class MaterialDateRangeComponent extends SimpleBaseInputComponent implem
     ngOnInit(): void;
     protected shouldPropagateRangeGroupChanges(): boolean;
     protected focusEndDateInput(event: Event): void;
-    private propagateRangeValue;
+    protected propagateRangeValue(): void;
     private isEmptyRangeValue;
     private areDatesEqual;
     validateField(): Promise<ValidationErrors | null>;
@@ -4801,6 +4801,8 @@ declare class InlineDateRangeComponent extends MaterialDateRangeComponent {
     panelClasses(): string[];
     errorStateMatcher(): _angular_material_core.ErrorStateMatcher;
     protected shouldPropagateRangeGroupChanges(): boolean;
+    protected propagateRangeValue(): void;
+    private hasPartialRangeGroupValue;
     showInlineQuickPresets(): boolean;
     inlineQuickPresets(): InlineDateQuickPreset[];
     private buildInlineQuickPresets;
@@ -4902,6 +4904,7 @@ declare class InlineDateRangeComponent extends MaterialDateRangeComponent {
     private resolveDocumentDirection;
     private syncAutoApplyCalendarBinding;
     private unbindAutoApplyCalendarBinding;
+    private syncDraftFromPendingCalendarSelection;
     private onAutoApplyCalendarInteraction;
     private overlayDensityPanelClass;
     private resolveDensityProfile;