@ng-forge/dynamic-forms-ionic 1.3.0-next.1 → 1.3.0-next.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-forge/dynamic-forms-ionic",
-  "version": "1.3.0-next.1",
+  "version": "1.3.0-next.3",
   "description": "Ionic integration for @ng-forge/dynamic-forms. Pre-built Ionic form components for mobile and desktop.",
   "type": "module",
   "license": "MIT",
@@ -95,12 +95,11 @@
     "@angular/core": "^22.0.0",
     "@angular/forms": "^22.0.0",
     "@ionic/angular": ">=8.0.0",
-    "@ng-forge/dynamic-forms": "~1.3.0-next.1",
+    "@ng-forge/dynamic-forms": "~1.3.0-next.3",
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
     "ngxtension": ">=4.0.0",
-    "date-fns": "^4.0.0",
     "tslib": "^2.3.0"
   },
   "module": "fesm2022/ng-forge-dynamic-forms-ionic.mjs",

package/types/ng-forge-dynamic-forms-ionic-lazy-addon-button.d.ts

@@ -1,29 +1,29 @@
-import * as _ng_forge_dynamic_forms from '@ng-forge/dynamic-forms';
-import * as _angular_core from '@angular/core';
-import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
-import { IonicButtonAddon } from '@ng-forge/dynamic-forms-ionic/shared';
-
+import { IonicButtonAddon } from "@ng-forge/dynamic-forms-ionic/shared";
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-forge/dynamic-forms/integration";
 /** Renderer for the `ion-button` addon type. */
-declare class IonicButtonAddonComponent {
-    protected readonly action: _ng_forge_dynamic_forms_integration.TypedNgForgeAddonAction<IonicButtonAddon>;
-    /** Re-exposed for template binding — same signal stored on the directive. */
-    protected readonly addon: _angular_core.Signal<IonicButtonAddon>;
-    protected readonly label: _angular_core.Signal<_ng_forge_dynamic_forms.DynamicText | undefined>;
-    protected readonly ariaLabel: _angular_core.Signal<_ng_forge_dynamic_forms.DynamicText | undefined>;
-    protected readonly icon: _angular_core.Signal<string | undefined>;
-    /** Default color is undefined so the button inherits the theme's text color
-     *  (Ionic's `medium` would force low-contrast grey, which fails WCAG on dark
-     *  surfaces). Consumers can still set `color: 'primary' | 'success' | ...`
-     *  explicitly when they want adapter-styled coloring. */
-    protected readonly color: _angular_core.Signal<"primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium" | "dark" | undefined>;
-    protected readonly fill: _angular_core.Signal<"clear" | "outline" | "solid" | "default">;
-    /** Icon-only when there is an icon but no label — drives the `slot` choice.
-     *  Truthy check on `label` mirrors Material's heuristic; empty-string label
-     *  is treated as "no label" so the button doesn't render an invisible text
-     *  slot beside the icon. */
-    protected readonly iconOnly: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicButtonAddonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicButtonAddonComponent, "df-ion-button-addon", never, {}, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeAddonAction; inputs: {}; outputs: {}; }]>;
-}
-
-export { IonicButtonAddonComponent };
+export declare class IonicButtonAddonComponent {
+  protected readonly action: import("@ng-forge/dynamic-forms/integration").TypedNgForgeAddonAction<IonicButtonAddon>;
+  /** Re-exposed for template binding — same signal stored on the directive. */
+  protected readonly addon: import("@angular/core").Signal<IonicButtonAddon>;
+  protected readonly label: import("@angular/core").Signal<import("@ng-forge/dynamic-forms").DynamicText | undefined>;
+  protected readonly ariaLabel: import("@angular/core").Signal<import("@ng-forge/dynamic-forms").DynamicText | undefined>;
+  protected readonly icon: import("@angular/core").Signal<string | undefined>;
+  /** Default color is undefined so the button inherits the theme's text color
+   *  (Ionic's `medium` would force low-contrast grey, which fails WCAG on dark
+   *  surfaces). Consumers can still set `color: 'primary' | 'success' | ...`
+   *  explicitly when they want adapter-styled coloring. */
+  protected readonly color: import("@angular/core").Signal<"primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium" | "dark" | undefined>;
+  protected readonly fill: import("@angular/core").Signal<"clear" | "outline" | "solid" | "default">;
+  /** Icon-only when there is an icon but no label — drives the `slot` choice.
+   *  Truthy check on `label` mirrors Material's heuristic; empty-string label
+   *  is treated as "no label" so the button doesn't render an invisible text
+   *  slot beside the icon. */
+  protected readonly iconOnly: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<IonicButtonAddonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<IonicButtonAddonComponent, "df-ion-button-addon", never, {}, {}, never, never, true, [{
+    directive: typeof i1.NgForgeAddonAction;
+    inputs: {};
+    outputs: {};
+  }]>;
+}

package/types/ng-forge-dynamic-forms-ionic-lazy-addon-icon.d.ts

@@ -1,18 +1,25 @@
-import * as _ng_forge_dynamic_forms from '@ng-forge/dynamic-forms';
-import * as _angular_core from '@angular/core';
-import { WrapperFieldInputs } from '@ng-forge/dynamic-forms/integration';
-import { IonicIconAddon } from '@ng-forge/dynamic-forms-ionic/shared';
-
+import { WrapperFieldInputs } from "@ng-forge/dynamic-forms/integration";
+import { IonicIconAddon } from "@ng-forge/dynamic-forms-ionic/shared";
+import * as i0 from "@angular/core";
 /** Renderer for the `ion-icon` addon type. */
-declare class IonicIconAddonComponent {
-    readonly addon: _angular_core.InputSignal<IonicIconAddon>;
-    /** Accepted for contract uniformity — `NgComponentOutlet` setInput is strict; every type must declare it. */
-    readonly fieldInputs: _angular_core.InputSignal<WrapperFieldInputs | undefined>;
-    protected readonly iconName: _angular_core.Signal<string>;
-    protected readonly ariaLabel: _angular_core.Signal<_ng_forge_dynamic_forms.DynamicText | undefined>;
-    protected readonly hasAriaLabel: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicIconAddonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicIconAddonComponent, "df-ion-icon-addon", never, { "addon": { "alias": "addon"; "required": true; "isSignal": true; }; "fieldInputs": { "alias": "fieldInputs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { IonicIconAddonComponent };
+export declare class IonicIconAddonComponent {
+  readonly addon: import("@angular/core").InputSignal<IonicIconAddon>;
+  /** Accepted for contract uniformity — `NgComponentOutlet` setInput is strict; every type must declare it. */
+  readonly fieldInputs: import("@angular/core").InputSignal<WrapperFieldInputs | undefined>;
+  protected readonly iconName: import("@angular/core").Signal<string>;
+  protected readonly ariaLabel: import("@angular/core").Signal<import("@ng-forge/dynamic-forms").DynamicText | undefined>;
+  protected readonly hasAriaLabel: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<IonicIconAddonComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<IonicIconAddonComponent, "df-ion-icon-addon", never, {
+    "addon": {
+      "alias": "addon";
+      "required": true;
+      "isSignal": true;
+    };
+    "fieldInputs": {
+      "alias": "fieldInputs";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/ng-forge-dynamic-forms-ionic-lazy-button.d.ts

@@ -1,119 +1,125 @@
-import { FormEvent, AppendArrayItemEvent, ArrayAllowedChildren, InsertArrayItemEvent, NextPageEvent, PopArrayItemEvent, PrependArrayItemEvent, PreviousPageEvent, RemoveAtIndexEvent, ShiftArrayItemEvent, FormSubmitEvent } from '@ng-forge/dynamic-forms';
-import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
-import { ButtonField } from '@ng-forge/dynamic-forms/integration';
-import * as _angular_core from '@angular/core';
-
+import { AppendArrayItemEvent, ArrayAllowedChildren, FormEvent, FormSubmitEvent, InsertArrayItemEvent, NextPageEvent, PopArrayItemEvent, PrependArrayItemEvent, PreviousPageEvent, RemoveAtIndexEvent, ShiftArrayItemEvent } from "@ng-forge/dynamic-forms";
+import * as i1 from "@ng-forge/dynamic-forms/integration";
+import { ButtonField } from "@ng-forge/dynamic-forms/integration";
+import * as i0 from "@angular/core";
 interface IonicButtonProps {
-    expand?: 'full' | 'block';
-    fill?: 'clear' | 'outline' | 'solid' | 'default';
-    shape?: 'round';
-    size?: 'small' | 'default' | 'large';
-    color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
-    strong?: boolean;
-    type?: 'button' | 'submit' | 'reset';
+  expand?: 'full' | 'block';
+  fill?: 'clear' | 'outline' | 'solid' | 'default';
+  shape?: 'round';
+  size?: 'small' | 'default' | 'large';
+  color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
+  strong?: boolean;
+  type?: 'button' | 'submit' | 'reset';
 }
 type IonicButtonField<TEvent extends FormEvent> = ButtonField<IonicButtonProps, TEvent>;
 /** Specific button field types with preconfigured events */
 /** Submit button field - automatically disabled when form is invalid */
 type IonicSubmitButtonField = Omit<IonicButtonField<FormSubmitEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'submit';
+  type: 'submit';
 };
 /** Next page button field - with preconfigured NextPageEvent */
 type IonicNextButtonField = Omit<IonicButtonField<NextPageEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'next';
+  type: 'next';
 };
 /** Previous page button field - with preconfigured PreviousPageEvent */
 type IonicPreviousButtonField = Omit<IonicButtonField<PreviousPageEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'previous';
+  type: 'previous';
 };
 /** Add array item button field - dispatches AppendArrayItemEvent */
 type IonicAddArrayItemButtonField = Omit<IonicButtonField<AppendArrayItemEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'add-array-item' | 'addArrayItem';
-    /**
-     * The key of the array field to add items to.
-     * Required when the button is placed outside the array.
-     * When inside an array, this is automatically determined from context.
-     */
-    arrayKey?: string;
-    /**
-     * Template for the new array item. REQUIRED.
-     * - Single field (ArrayAllowedChildren): Creates a primitive item (field's value is extracted directly)
-     * - Array of fields (ArrayAllowedChildren[]): Creates an object item (fields merged into object)
-     */
-    template: ArrayAllowedChildren | readonly ArrayAllowedChildren[];
+  type: 'add-array-item' | 'addArrayItem';
+  /**
+   * The key of the array field to add items to.
+   * Required when the button is placed outside the array.
+   * When inside an array, this is automatically determined from context.
+   */
+  arrayKey?: string;
+  /**
+   * Template for the new array item. REQUIRED.
+   * - Single field (ArrayAllowedChildren): Creates a primitive item (field's value is extracted directly)
+   * - Array of fields (ArrayAllowedChildren[]): Creates an object item (fields merged into object)
+   */
+  template: ArrayAllowedChildren | readonly ArrayAllowedChildren[];
 };
 /** Prepend array item button field - dispatches PrependArrayItemEvent (adds at beginning) */
 type IonicPrependArrayItemButtonField = Omit<IonicButtonField<PrependArrayItemEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'prepend-array-item' | 'prependArrayItem';
-    /**
-     * The key of the array field to prepend items to.
-     * Required when the button is placed outside the array.
-     * When inside an array, this is automatically determined from context.
-     */
-    arrayKey?: string;
-    /**
-     * Template for the new array item. REQUIRED.
-     * - Single field (ArrayAllowedChildren): Creates a primitive item (field's value is extracted directly)
-     * - Array of fields (ArrayAllowedChildren[]): Creates an object item (fields merged into object)
-     */
-    template: ArrayAllowedChildren | readonly ArrayAllowedChildren[];
+  type: 'prepend-array-item' | 'prependArrayItem';
+  /**
+   * The key of the array field to prepend items to.
+   * Required when the button is placed outside the array.
+   * When inside an array, this is automatically determined from context.
+   */
+  arrayKey?: string;
+  /**
+   * Template for the new array item. REQUIRED.
+   * - Single field (ArrayAllowedChildren): Creates a primitive item (field's value is extracted directly)
+   * - Array of fields (ArrayAllowedChildren[]): Creates an object item (fields merged into object)
+   */
+  template: ArrayAllowedChildren | readonly ArrayAllowedChildren[];
 };
 /** Insert array item button field - dispatches InsertArrayItemEvent (adds at specific index) */
 type IonicInsertArrayItemButtonField = Omit<IonicButtonField<InsertArrayItemEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'insert-array-item' | 'insertArrayItem';
-    /**
-     * The key of the array field to insert items into.
-     * Required when the button is placed outside the array.
-     * When inside an array, this is automatically determined from context.
-     */
-    arrayKey?: string;
-    /** The index at which to insert the new item. */
-    index: number;
-    /**
-     * Template for the new array item. REQUIRED.
-     * - Single field (ArrayAllowedChildren): Creates a primitive item (field's value is extracted directly)
-     * - Array of fields (ArrayAllowedChildren[]): Creates an object item (fields merged into object)
-     */
-    template: ArrayAllowedChildren | readonly ArrayAllowedChildren[];
+  type: 'insert-array-item' | 'insertArrayItem';
+  /**
+   * The key of the array field to insert items into.
+   * Required when the button is placed outside the array.
+   * When inside an array, this is automatically determined from context.
+   */
+  arrayKey?: string;
+  /** The index at which to insert the new item. */
+  index: number;
+  /**
+   * Template for the new array item. REQUIRED.
+   * - Single field (ArrayAllowedChildren): Creates a primitive item (field's value is extracted directly)
+   * - Array of fields (ArrayAllowedChildren[]): Creates an object item (fields merged into object)
+   */
+  template: ArrayAllowedChildren | readonly ArrayAllowedChildren[];
 };
 /** Remove array item button field - dispatches RemoveAtIndexEvent or PopArrayItemEvent */
 type IonicRemoveArrayItemButtonField = Omit<IonicButtonField<RemoveAtIndexEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'remove-array-item' | 'removeArrayItem';
-    /**
-     * The key of the array field to remove items from.
-     * Required when the button is placed outside the array.
-     * When inside an array, this is automatically determined from context.
-     */
-    arrayKey?: string;
+  type: 'remove-array-item' | 'removeArrayItem';
+  /**
+   * The key of the array field to remove items from.
+   * Required when the button is placed outside the array.
+   * When inside an array, this is automatically determined from context.
+   */
+  arrayKey?: string;
 };
 /** Pop array item button field - dispatches PopArrayItemEvent (removes last item) */
 type IonicPopArrayItemButtonField = Omit<IonicButtonField<PopArrayItemEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'pop-array-item' | 'popArrayItem';
-    /**
-     * The key of the array field to remove the last item from.
-     * REQUIRED - must specify which array to pop from.
-     */
-    arrayKey: string;
+  type: 'pop-array-item' | 'popArrayItem';
+  /**
+   * The key of the array field to remove the last item from.
+   * REQUIRED - must specify which array to pop from.
+   */
+  arrayKey: string;
 };
 /** Shift array item button field - dispatches ShiftArrayItemEvent (removes first item) */
 type IonicShiftArrayItemButtonField = Omit<IonicButtonField<ShiftArrayItemEvent>, 'event' | 'type' | 'eventArgs'> & {
-    type: 'shift-array-item' | 'shiftArrayItem';
-    /**
-     * The key of the array field to remove the first item from.
-     * REQUIRED - must specify which array to shift from.
-     */
-    arrayKey: string;
+  type: 'shift-array-item' | 'shiftArrayItem';
+  /**
+   * The key of the array field to remove the first item from.
+   * REQUIRED - must specify which array to shift from.
+   */
+  arrayKey: string;
 };
-
 declare class IonicButtonFieldComponent<TEvent extends FormEvent> {
-    protected readonly action: _ng_forge_dynamic_forms_integration.NgForgeAction<TEvent>;
-    readonly props: _angular_core.InputSignal<IonicButtonProps | undefined>;
-    readonly buttonType: _angular_core.Signal<"button" | "submit" | "reset">;
-    readonly buttonTestId: _angular_core.Signal<string>;
-    onClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicButtonFieldComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicButtonFieldComponent<any>, "df-ion-button", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeActionHost; inputs: {}; outputs: {}; }]>;
+  protected readonly action: import("@ng-forge/dynamic-forms/integration").NgForgeAction<TEvent>;
+  readonly props: import("@angular/core").InputSignal<IonicButtonProps | undefined>;
+  readonly buttonType: import("@angular/core").Signal<"button" | "submit" | "reset">;
+  readonly buttonTestId: import("@angular/core").Signal<string>;
+  onClick(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<IonicButtonFieldComponent<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<IonicButtonFieldComponent<any>, "df-ion-button", never, {
+    "props": {
+      "alias": "props";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.NgForgeActionHost;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { IonicButtonFieldComponent };
-export type { IonicAddArrayItemButtonField, IonicButtonField, IonicButtonProps, IonicInsertArrayItemButtonField, IonicNextButtonField, IonicPopArrayItemButtonField, IonicPrependArrayItemButtonField, IonicPreviousButtonField, IonicRemoveArrayItemButtonField, IonicShiftArrayItemButtonField, IonicSubmitButtonField };
+export { type IonicAddArrayItemButtonField, type IonicButtonField, IonicButtonFieldComponent, type IonicButtonProps, type IonicInsertArrayItemButtonField, type IonicNextButtonField, type IonicPopArrayItemButtonField, type IonicPrependArrayItemButtonField, type IonicPreviousButtonField, type IonicRemoveArrayItemButtonField, type IonicShiftArrayItemButtonField, type IonicSubmitButtonField };

package/types/ng-forge-dynamic-forms-ionic-lazy-checkbox.d.ts

@@ -1,23 +1,29 @@
-import { DynamicText } from '@ng-forge/dynamic-forms';
-import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
-import { CheckboxField } from '@ng-forge/dynamic-forms/integration';
-import * as i0 from '@angular/core';
-
+import { DynamicText } from "@ng-forge/dynamic-forms";
+import * as i1 from "@ng-forge/dynamic-forms/integration";
+import { CheckboxField } from "@ng-forge/dynamic-forms/integration";
+import * as i0 from "@angular/core";
 interface IonicCheckboxProps {
-    labelPlacement?: 'start' | 'end' | 'fixed' | 'stacked';
-    justify?: 'start' | 'end' | 'space-between';
-    color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
-    indeterminate?: boolean;
-    hint?: DynamicText;
+  labelPlacement?: 'start' | 'end' | 'fixed' | 'stacked';
+  justify?: 'start' | 'end' | 'space-between';
+  color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
+  indeterminate?: boolean;
+  hint?: DynamicText;
 }
 type IonicCheckboxField = CheckboxField<IonicCheckboxProps>;
-
 declare class IonicCheckboxFieldComponent {
-    protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<boolean>;
-    readonly props: i0.InputSignal<IonicCheckboxProps | undefined>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonicCheckboxFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonicCheckboxFieldComponent, "df-ion-checkbox", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }]>;
+  protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<boolean>;
+  readonly props: import("@angular/core").InputSignal<IonicCheckboxProps | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<IonicCheckboxFieldComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<IonicCheckboxFieldComponent, "df-ion-checkbox", never, {
+    "props": {
+      "alias": "props";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.NgForgeFieldHost;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { IonicCheckboxFieldComponent };
-export type { IonicCheckboxField, IonicCheckboxProps };
+export { type IonicCheckboxField, IonicCheckboxFieldComponent, type IonicCheckboxProps };

package/types/ng-forge-dynamic-forms-ionic-lazy-datepicker.d.ts

@@ -1,39 +1,64 @@
-import * as _angular_core from '@angular/core';
-import * as _ng_forge_dynamic_forms_integration from '@ng-forge/dynamic-forms/integration';
-import { DatepickerField, DatepickerProps } from '@ng-forge/dynamic-forms/integration';
-import { DynamicText } from '@ng-forge/dynamic-forms';
-
+import { DynamicText } from "@ng-forge/dynamic-forms";
+import * as i1 from "@ng-forge/dynamic-forms/integration";
+import { DatepickerField, DatepickerProps } from "@ng-forge/dynamic-forms/integration";
+import * as i0 from "@angular/core";
 interface IonicDatepickerProps extends DatepickerProps {
-    presentation?: 'date' | 'date-time' | 'time' | 'time-date' | 'month' | 'month-year' | 'year';
-    multiple?: boolean;
-    preferWheel?: boolean;
-    showDefaultButtons?: boolean;
-    showDefaultTitle?: boolean;
-    showDefaultTimeLabel?: boolean;
-    showClearButton?: boolean;
-    doneText?: string;
-    cancelText?: string;
-    size?: 'cover' | 'fixed';
-    color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
-    hint?: DynamicText;
+  presentation?: 'date' | 'date-time' | 'time' | 'time-date' | 'month' | 'month-year' | 'year';
+  multiple?: boolean;
+  preferWheel?: boolean;
+  showDefaultButtons?: boolean;
+  showDefaultTitle?: boolean;
+  showDefaultTimeLabel?: boolean;
+  showClearButton?: boolean;
+  doneText?: string;
+  cancelText?: string;
+  size?: 'cover' | 'fixed';
+  color?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
+  hint?: DynamicText;
+  /** BCP 47 locale for the picker and the displayed value. Defaults to the browser locale. */
+  locale?: string;
 }
 type IonicDatepickerField = DatepickerField<IonicDatepickerProps>;
-
 declare class IonicDatepickerFieldComponent {
-    protected readonly ngf: _ng_forge_dynamic_forms_integration.TypedNgForgeField<Date | null>;
-    readonly minDate: _angular_core.InputSignal<Date | null>;
-    readonly maxDate: _angular_core.InputSignal<Date | null>;
-    readonly startAt: _angular_core.InputSignal<Date | null>;
-    readonly props: _angular_core.InputSignal<IonicDatepickerProps | undefined>;
-    readonly isModalOpen: _angular_core.WritableSignal<boolean>;
-    openModal(): void;
-    closeModal(): void;
-    onDateChange(event: CustomEvent): void;
-    dateToIsoString(date: Date | null | undefined): string | undefined;
-    formatDisplayDate(date: Date | null | undefined): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IonicDatepickerFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IonicDatepickerFieldComponent, "df-ion-datepicker", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "startAt": { "alias": "startAt"; "required": false; "isSignal": true; }; "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _ng_forge_dynamic_forms_integration.NgForgeFieldHost; inputs: {}; outputs: {}; }]>;
+  protected readonly ngf: import("@ng-forge/dynamic-forms/integration").TypedNgForgeField<Date | null>;
+  readonly minDate: import("@angular/core").InputSignal<Date | null>;
+  readonly maxDate: import("@angular/core").InputSignal<Date | null>;
+  readonly startAt: import("@angular/core").InputSignal<Date | null>;
+  readonly props: import("@angular/core").InputSignal<IonicDatepickerProps | undefined>;
+  readonly isModalOpen: import("@angular/core").WritableSignal<boolean>;
+  /** Canonical locale tag, or undefined (browser locale) when unset or malformed. */
+  protected readonly locale: import("@angular/core").Signal<string | undefined>;
+  openModal(): void;
+  closeModal(): void;
+  onDateChange(event: CustomEvent): void;
+  dateToIsoString(date: Date | null | undefined): string | undefined;
+  formatDisplayDate(date: Date | null | undefined): string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<IonicDatepickerFieldComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<IonicDatepickerFieldComponent, "df-ion-datepicker", never, {
+    "minDate": {
+      "alias": "minDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxDate": {
+      "alias": "maxDate";
+      "required": false;
+      "isSignal": true;
+    };
+    "startAt": {
+      "alias": "startAt";
+      "required": false;
+      "isSignal": true;
+    };
+    "props": {
+      "alias": "props";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof i1.NgForgeFieldHost;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { IonicDatepickerFieldComponent };
-export type { IonicDatepickerField, IonicDatepickerProps };
+export { type IonicDatepickerField, IonicDatepickerFieldComponent, type IonicDatepickerProps };