@kouji-ui/core 0.1.4 → 0.2.0

package/fesm2022/kouji-ui-core.mjs

@@ -23319,9 +23319,20 @@ class KjDatePickerTrigger {
     el = inject(ElementRef);
     /** Cached typed text — avoids overwriting mid-edit. */
     editing = false;
+    /**
+     * Optional custom display formatter, e.g. for datetime pickers that show
+     * the time next to the date. Free-text parsing (`commitTyped`) still uses
+     * the locale date parser — text that doesn't parse as a plain date is
+     * reverted to the formatted value on the next value change.
+     */
+    kjDisplayFormat = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "kjDisplayFormat" }] : /* istanbul ignore next */ []));
     displayValue = computed(() => {
         const v = this.ctx.value();
-        return v ? formatDateShort(v, this.ctx.locale()) : '';
+        if (!v)
+            return '';
+        const fmt = this.kjDisplayFormat();
+        return fmt ? fmt(v, this.ctx.locale()) : formatDateShort(v, this.ctx.locale());
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
     constructor() {
@@ -23425,7 +23436,7 @@ class KjDatePickerTrigger {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: KjDatePickerTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: KjDatePickerTrigger, isStandalone: true, selector: "input[kjDatePickerTrigger]", host: { attributes: { "role": "combobox", "autocomplete": "off", "spellcheck": "false" }, listeners: { "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-disabled": "ctx.disabled() ? \"true\" : null", "attr.aria-readonly": "ctx.readonly() ? \"true\" : null", "attr.disabled": "ctx.disabled() ? \"\" : null", "attr.readonly": "ctx.readonly() ? \"\" : null" } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: KjDatePickerTrigger, isStandalone: true, selector: "input[kjDatePickerTrigger]", inputs: { kjDisplayFormat: { classPropertyName: "kjDisplayFormat", publicName: "kjDisplayFormat", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "combobox", "autocomplete": "off", "spellcheck": "false" }, listeners: { "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-disabled": "ctx.disabled() ? \"true\" : null", "attr.aria-readonly": "ctx.readonly() ? \"true\" : null", "attr.disabled": "ctx.disabled() ? \"\" : null", "attr.readonly": "ctx.readonly() ? \"\" : null" } }, providers: [
             KjOverlayController,
             { provide: KJ_OVERLAY_TRIGGER_EVENT_STRATEGY, useFactory: () => clickOrFocus() },
             { provide: KJ_OVERLAY_PANEL_ROLE, useValue: 'dialog' },
@@ -23460,7 +23471,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         '(keydown)': 'onKeydown($event)',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { kjDisplayFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "kjDisplayFormat", required: false }] }] } });
 
 /**
  * Marker directive for the calendar slot of a Date Picker. Composes the