@ngx-formly/ionic 6.0.0-next.7 → 6.0.0-next.8

package/datetime/datetime.type.d.ts

@@ -1,6 +1,19 @@
+import { IonDatetime } from '@ionic/angular';
 import { FieldType, FieldTypeConfig } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
 export declare class FormlyFieldDatetime extends FieldType<FieldTypeConfig> {
+    datetime: IonDatetime;
+    isOpen: boolean;
+    defaultOptions?: {
+        templateOptions: {
+            displayFormat: any;
+            presentation: string;
+        };
+    };
+    displayFormat(): any;
+    confirm(): void;
+    reset(): void;
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldDatetime, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldDatetime, "formly-field-ion-datetime", never, {}, {}, never, never>;
 }

package/esm2020/checkbox/checkbox.module.mjs

@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlyCheckboxModule {
 }
-FormlyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
+FormlyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1.FormlyModule] });
-FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, imports: [[
+FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -33,7 +33,7 @@ FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldCheckbox],

package/esm2020/checkbox/checkbox.type.mjs

@@ -6,9 +6,9 @@ import * as i2 from "@angular/forms";
 import * as i3 from "@ngx-formly/ionic/form-field";
 export class FormlyFieldCheckbox extends FieldType {
 }
-FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldCheckbox, selector: "formly-field-ion-checkbox", usesInheritance: true, ngImport: i0, template: ` <ion-checkbox [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-checkbox> `, isInline: true, components: [{ type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
+FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldCheckbox, selector: "formly-field-ion-checkbox", usesInheritance: true, ngImport: i0, template: ` <ion-checkbox [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-checkbox> `, isInline: true, components: [{ type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-checkbox',

package/esm2020/datetime/datetime.module.mjs

@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlyDatetimeModule {
 }
-FormlyDatetimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyDatetimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, declarations: [FormlyFieldDatetime], imports: [CommonModule,
+FormlyDatetimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyDatetimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, declarations: [FormlyFieldDatetime], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1.FormlyModule] });
-FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, imports: [[
+FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -29,7 +29,7 @@ FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldDatetime],

package/esm2020/datetime/datetime.type.mjs

@@ -1,63 +1,123 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, ViewEncapsulation } from '@angular/core';
+import { IonDatetime } from '@ionic/angular';
 import { FieldType } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ionic/angular";
 import * as i2 from "@angular/forms";
 import * as i3 from "@ngx-formly/ionic/form-field";
+import * as i4 from "@angular/common";
 export class FormlyFieldDatetime extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.isOpen = false;
+        this.defaultOptions = {
+            templateOptions: {
+                displayFormat: undefined,
+                presentation: 'date', // date | time | time-date
+            },
+        };
+    }
+    displayFormat() {
+        if (this.to.displayFormat) {
+            return this.to.displayFormat;
+        }
+        switch (this.to.presentation) {
+            case 'time-date':
+                return 'short';
+            case 'time':
+                return 'shortTime';
+            case 'date':
+                return 'mediumDate';
+        }
+    }
+    confirm() {
+        this.datetime?.confirm();
+        this.close();
+    }
+    reset() {
+        this.datetime?.reset();
+        this.close();
+    }
+    close() {
+        this.isOpen = false;
+        this.formControl.markAsTouched();
+    }
 }
-FormlyFieldDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldDatetime, selector: "formly-field-ion-datetime", usesInheritance: true, ngImport: i0, template: `
-    <ion-datetime
-      [cancelText]="to.cancelText"
-      [dayNames]="to.dayNames"
-      [dayShortNames]="to.dayShortNames"
-      [dayValues]="to.dayValues"
-      [displayFormat]="to.displayFormat"
-      [doneText]="to.doneText"
-      [hourValues]="to.hourValues"
-      [minuteValues]="to.minuteValues"
-      [monthNames]="to.monthNames"
-      [monthShortNames]="to.monthShortNames"
-      [monthValues]="to.monthValues"
-      [pickerFormat]="to.pickerFormat"
-      [pickerOptions]="to.pickerOptions"
-      [yearValues]="to.yearValues"
-      [min]="to.minDate ? to.minDate : to.min"
-      [max]="to.maxDate ? to.maxDate : to.max"
-      [formControl]="formControl"
-      [ionFormlyAttributes]="field"
+FormlyFieldDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldDatetime, selector: "formly-field-ion-datetime", viewQueries: [{ propertyName: "datetime", first: true, predicate: IonDatetime, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <ion-item [button]="true" [detail]="false" (click)="isOpen = true">
+      <ion-label>
+        {{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}
+      </ion-label>
+    </ion-item>
+    <ion-modal
+      [isOpen]="isOpen"
+      (didDismiss)="close()"
+      [cssClass]="'ion-datetime-modal ion-datetime-modal-' + to.presentation"
     >
-    </ion-datetime>
-  `, isInline: true, components: [{ type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "dayNames", "dayShortNames", "dayValues", "disabled", "displayFormat", "displayTimezone", "doneText", "hourValues", "max", "min", "minuteValues", "mode", "monthNames", "monthShortNames", "monthValues", "name", "pickerFormat", "pickerOptions", "placeholder", "readonly", "value", "yearValues"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldDatetime, decorators: [{
+      <ng-template>
+        <ion-datetime
+          [locale]="to.locale"
+          [presentation]="to.presentation"
+          [cancelText]="to.cancelText"
+          [dayValues]="to.dayValues"
+          [doneText]="to.doneText"
+          [hourValues]="to.hourValues"
+          [minuteValues]="to.minuteValues"
+          [monthValues]="to.monthValues"
+          [yearValues]="to.yearValues"
+          [min]="to.minDate ? to.minDate : to.min"
+          [max]="to.maxDate ? to.maxDate : to.max"
+          [formControl]="formControl"
+          [ionFormlyAttributes]="field"
+        >
+          <ion-buttons slot="buttons">
+            <ion-button (click)="reset()">{{ to.cancelText || 'Cancel' }}</ion-button>
+            <ion-button (click)="confirm()">{{ to.doneText || 'Done' }}</ion-button>
+          </ion-buttons>
+        </ion-datetime>
+      </ng-template>
+    </ion-modal>
+  `, isInline: true, styles: [".ion-datetime-modal{--width: 310px;--border-radius: 8px}.ion-datetime-modal.ion-datetime-modal-time-date{--height: 440px}.ion-datetime-modal.ion-datetime-modal-date{--height: 390px}.ion-datetime-modal.ion-datetime-modal-time{--height: 260px}\n"], components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonModal, selector: "ion-modal", inputs: ["animated", "backdropBreakpoint", "backdropDismiss", "breakpoints", "cssClass", "enterAnimation", "event", "handle", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "swipeToClose", "translucent", "trigger"] }, { type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "hourCycle", "hourValues", "locale", "max", "min", "minuteValues", "mode", "monthValues", "name", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "value", "yearValues"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], pipes: { "date": i4.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldDatetime, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'formly-field-ion-datetime',
-                    template: `
-    <ion-datetime
-      [cancelText]="to.cancelText"
-      [dayNames]="to.dayNames"
-      [dayShortNames]="to.dayShortNames"
-      [dayValues]="to.dayValues"
-      [displayFormat]="to.displayFormat"
-      [doneText]="to.doneText"
-      [hourValues]="to.hourValues"
-      [minuteValues]="to.minuteValues"
-      [monthNames]="to.monthNames"
-      [monthShortNames]="to.monthShortNames"
-      [monthValues]="to.monthValues"
-      [pickerFormat]="to.pickerFormat"
-      [pickerOptions]="to.pickerOptions"
-      [yearValues]="to.yearValues"
-      [min]="to.minDate ? to.minDate : to.min"
-      [max]="to.maxDate ? to.maxDate : to.max"
-      [formControl]="formControl"
-      [ionFormlyAttributes]="field"
+            args: [{ selector: 'formly-field-ion-datetime', template: `
+    <ion-item [button]="true" [detail]="false" (click)="isOpen = true">
+      <ion-label>
+        {{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}
+      </ion-label>
+    </ion-item>
+    <ion-modal
+      [isOpen]="isOpen"
+      (didDismiss)="close()"
+      [cssClass]="'ion-datetime-modal ion-datetime-modal-' + to.presentation"
     >
-    </ion-datetime>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXRpbWUudHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9pb25pYy9kYXRldGltZS9zcmMvZGF0ZXRpbWUudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxTQUFTLEVBQW1CLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBNkI5RCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsU0FBMEI7O2dIQUF0RCxtQkFBbUI7b0dBQW5CLG1CQUFtQix3RkF6QnBCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0JUOzJGQUdVLG1CQUFtQjtrQkEzQi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0JUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpZWxkVHlwZSwgRmllbGRUeXBlQ29uZmlnIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Zvcm1seS1maWVsZC1pb24tZGF0ZXRpbWUnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxpb24tZGF0ZXRpbWVcbiAgICAgIFtjYW5jZWxUZXh0XT1cInRvLmNhbmNlbFRleHRcIlxuICAgICAgW2RheU5hbWVzXT1cInRvLmRheU5hbWVzXCJcbiAgICAgIFtkYXlTaG9ydE5hbWVzXT1cInRvLmRheVNob3J0TmFtZXNcIlxuICAgICAgW2RheVZhbHVlc109XCJ0by5kYXlWYWx1ZXNcIlxuICAgICAgW2Rpc3BsYXlGb3JtYXRdPVwidG8uZGlzcGxheUZvcm1hdFwiXG4gICAgICBbZG9uZVRleHRdPVwidG8uZG9uZVRleHRcIlxuICAgICAgW2hvdXJWYWx1ZXNdPVwidG8uaG91clZhbHVlc1wiXG4gICAgICBbbWludXRlVmFsdWVzXT1cInRvLm1pbnV0ZVZhbHVlc1wiXG4gICAgICBbbW9udGhOYW1lc109XCJ0by5tb250aE5hbWVzXCJcbiAgICAgIFttb250aFNob3J0TmFtZXNdPVwidG8ubW9udGhTaG9ydE5hbWVzXCJcbiAgICAgIFttb250aFZhbHVlc109XCJ0by5tb250aFZhbHVlc1wiXG4gICAgICBbcGlja2VyRm9ybWF0XT1cInRvLnBpY2tlckZvcm1hdFwiXG4gICAgICBbcGlja2VyT3B0aW9uc109XCJ0by5waWNrZXJPcHRpb25zXCJcbiAgICAgIFt5ZWFyVmFsdWVzXT1cInRvLnllYXJWYWx1ZXNcIlxuICAgICAgW21pbl09XCJ0by5taW5EYXRlID8gdG8ubWluRGF0ZSA6IHRvLm1pblwiXG4gICAgICBbbWF4XT1cInRvLm1heERhdGUgPyB0by5tYXhEYXRlIDogdG8ubWF4XCJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICBbaW9uRm9ybWx5QXR0cmlidXRlc109XCJmaWVsZFwiXG4gICAgPlxuICAgIDwvaW9uLWRhdGV0aW1lPlxuICBgLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybWx5RmllbGREYXRldGltZSBleHRlbmRzIEZpZWxkVHlwZTxGaWVsZFR5cGVDb25maWc+IHt9XG4iXX0=
+      <ng-template>
+        <ion-datetime
+          [locale]="to.locale"
+          [presentation]="to.presentation"
+          [cancelText]="to.cancelText"
+          [dayValues]="to.dayValues"
+          [doneText]="to.doneText"
+          [hourValues]="to.hourValues"
+          [minuteValues]="to.minuteValues"
+          [monthValues]="to.monthValues"
+          [yearValues]="to.yearValues"
+          [min]="to.minDate ? to.minDate : to.min"
+          [max]="to.maxDate ? to.maxDate : to.max"
+          [formControl]="formControl"
+          [ionFormlyAttributes]="field"
+        >
+          <ion-buttons slot="buttons">
+            <ion-button (click)="reset()">{{ to.cancelText || 'Cancel' }}</ion-button>
+            <ion-button (click)="confirm()">{{ to.doneText || 'Done' }}</ion-button>
+          </ion-buttons>
+        </ion-datetime>
+      </ng-template>
+    </ion-modal>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ion-datetime-modal{--width: 310px;--border-radius: 8px}.ion-datetime-modal.ion-datetime-modal-time-date{--height: 440px}.ion-datetime-modal.ion-datetime-modal-date{--height: 390px}.ion-datetime-modal.ion-datetime-modal-time{--height: 260px}\n"] }]
+        }], propDecorators: { datetime: [{
+                type: ViewChild,
+                args: [IonDatetime]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXRpbWUudHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9pb25pYy9kYXRldGltZS9zcmMvZGF0ZXRpbWUudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBbUIsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7O0FBMkM5RCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsU0FBMEI7SUF6Q25FOztRQTJDRSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBRWYsbUJBQWMsR0FBSTtZQUNoQixlQUFlLEVBQUU7Z0JBQ2YsYUFBYSxFQUFFLFNBQVM7Z0JBQ3hCLFlBQVksRUFBRSxNQUFNLEVBQUUsMEJBQTBCO2FBQ2pEO1NBQ0YsQ0FBQztLQStCSDtJQTdCQyxhQUFhO1FBQ1gsSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRTtZQUN6QixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO1NBQzlCO1FBRUQsUUFBUSxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRTtZQUM1QixLQUFLLFdBQVc7Z0JBQ2QsT0FBTyxPQUFPLENBQUM7WUFDakIsS0FBSyxNQUFNO2dCQUNULE9BQU8sV0FBVyxDQUFDO1lBQ3JCLEtBQUssTUFBTTtnQkFDVCxPQUFPLFlBQVksQ0FBQztTQUN2QjtJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2YsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ25DLENBQUM7O2dIQXZDVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwyR0FDbkIsV0FBVyx1RUF4Q1o7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQ1Q7MkZBS1UsbUJBQW1CO2tCQXpDL0IsU0FBUzsrQkFDRSwyQkFBMkIsWUFDM0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQ1QsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0saUJBRWhDLGlCQUFpQixDQUFDLElBQUk7OEJBR2IsUUFBUTtzQkFBL0IsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW9uRGF0ZXRpbWUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBGaWVsZFR5cGUsIEZpZWxkVHlwZUNvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmb3JtbHktZmllbGQtaW9uLWRhdGV0aW1lJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW9uLWl0ZW0gW2J1dHRvbl09XCJ0cnVlXCIgW2RldGFpbF09XCJmYWxzZVwiIChjbGljayk9XCJpc09wZW4gPSB0cnVlXCI+XG4gICAgICA8aW9uLWxhYmVsPlxuICAgICAgICB7eyBmb3JtQ29udHJvbC52YWx1ZSA/IChmb3JtQ29udHJvbC52YWx1ZSB8IGRhdGU6IGRpc3BsYXlGb3JtYXQoKSkgOiB0by5wbGFjZWhvbGRlciB9fVxuICAgICAgPC9pb24tbGFiZWw+XG4gICAgPC9pb24taXRlbT5cbiAgICA8aW9uLW1vZGFsXG4gICAgICBbaXNPcGVuXT1cImlzT3BlblwiXG4gICAgICAoZGlkRGlzbWlzcyk9XCJjbG9zZSgpXCJcbiAgICAgIFtjc3NDbGFzc109XCInaW9uLWRhdGV0aW1lLW1vZGFsIGlvbi1kYXRldGltZS1tb2RhbC0nICsgdG8ucHJlc2VudGF0aW9uXCJcbiAgICA+XG4gICAgICA8bmctdGVtcGxhdGU+XG4gICAgICAgIDxpb24tZGF0ZXRpbWVcbiAgICAgICAgICBbbG9jYWxlXT1cInRvLmxvY2FsZVwiXG4gICAgICAgICAgW3ByZXNlbnRhdGlvbl09XCJ0by5wcmVzZW50YXRpb25cIlxuICAgICAgICAgIFtjYW5jZWxUZXh0XT1cInRvLmNhbmNlbFRleHRcIlxuICAgICAgICAgIFtkYXlWYWx1ZXNdPVwidG8uZGF5VmFsdWVzXCJcbiAgICAgICAgICBbZG9uZVRleHRdPVwidG8uZG9uZVRleHRcIlxuICAgICAgICAgIFtob3VyVmFsdWVzXT1cInRvLmhvdXJWYWx1ZXNcIlxuICAgICAgICAgIFttaW51dGVWYWx1ZXNdPVwidG8ubWludXRlVmFsdWVzXCJcbiAgICAgICAgICBbbW9udGhWYWx1ZXNdPVwidG8ubW9udGhWYWx1ZXNcIlxuICAgICAgICAgIFt5ZWFyVmFsdWVzXT1cInRvLnllYXJWYWx1ZXNcIlxuICAgICAgICAgIFttaW5dPVwidG8ubWluRGF0ZSA/IHRvLm1pbkRhdGUgOiB0by5taW5cIlxuICAgICAgICAgIFttYXhdPVwidG8ubWF4RGF0ZSA/IHRvLm1heERhdGUgOiB0by5tYXhcIlxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICAgICAgW2lvbkZvcm1seUF0dHJpYnV0ZXNdPVwiZmllbGRcIlxuICAgICAgICA+XG4gICAgICAgICAgPGlvbi1idXR0b25zIHNsb3Q9XCJidXR0b25zXCI+XG4gICAgICAgICAgICA8aW9uLWJ1dHRvbiAoY2xpY2spPVwicmVzZXQoKVwiPnt7IHRvLmNhbmNlbFRleHQgfHwgJ0NhbmNlbCcgfX08L2lvbi1idXR0b24+XG4gICAgICAgICAgICA8aW9uLWJ1dHRvbiAoY2xpY2spPVwiY29uZmlybSgpXCI+e3sgdG8uZG9uZVRleHQgfHwgJ0RvbmUnIH19PC9pb24tYnV0dG9uPlxuICAgICAgICAgIDwvaW9uLWJ1dHRvbnM+XG4gICAgICAgIDwvaW9uLWRhdGV0aW1lPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2lvbi1tb2RhbD5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0eWxlVXJsczogWycuL2RhdHRpbWUudHlwZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1seUZpZWxkRGF0ZXRpbWUgZXh0ZW5kcyBGaWVsZFR5cGU8RmllbGRUeXBlQ29uZmlnPiB7XG4gIEBWaWV3Q2hpbGQoSW9uRGF0ZXRpbWUpIGRhdGV0aW1lOiBJb25EYXRldGltZTtcbiAgaXNPcGVuID0gZmFsc2U7XG5cbiAgZGVmYXVsdE9wdGlvbnM/ID0ge1xuICAgIHRlbXBsYXRlT3B0aW9uczoge1xuICAgICAgZGlzcGxheUZvcm1hdDogdW5kZWZpbmVkLFxuICAgICAgcHJlc2VudGF0aW9uOiAnZGF0ZScsIC8vIGRhdGUgfCB0aW1lIHwgdGltZS1kYXRlXG4gICAgfSxcbiAgfTtcblxuICBkaXNwbGF5Rm9ybWF0KCkge1xuICAgIGlmICh0aGlzLnRvLmRpc3BsYXlGb3JtYXQpIHtcbiAgICAgIHJldHVybiB0aGlzLnRvLmRpc3BsYXlGb3JtYXQ7XG4gICAgfVxuXG4gICAgc3dpdGNoICh0aGlzLnRvLnByZXNlbnRhdGlvbikge1xuICAgICAgY2FzZSAndGltZS1kYXRlJzpcbiAgICAgICAgcmV0dXJuICdzaG9ydCc7XG4gICAgICBjYXNlICd0aW1lJzpcbiAgICAgICAgcmV0dXJuICdzaG9ydFRpbWUnO1xuICAgICAgY2FzZSAnZGF0ZSc6XG4gICAgICAgIHJldHVybiAnbWVkaXVtRGF0ZSc7XG4gICAgfVxuICB9XG5cbiAgY29uZmlybSgpIHtcbiAgICB0aGlzLmRhdGV0aW1lPy5jb25maXJtKCk7XG4gICAgdGhpcy5jbG9zZSgpO1xuICB9XG5cbiAgcmVzZXQoKSB7XG4gICAgdGhpcy5kYXRldGltZT8ucmVzZXQoKTtcbiAgICB0aGlzLmNsb3NlKCk7XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuZm9ybUNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xuICB9XG59XG4iXX0=

package/esm2020/form-field/form-field.module.mjs

@@ -9,11 +9,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlyFormFieldModule {
 }
-FormlyFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, declarations: [FormlyWrapperFormField, IonFormlyAttributes], imports: [CommonModule,
+FormlyFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, declarations: [FormlyWrapperFormField, IonFormlyAttributes], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule, i1.FormlyModule], exports: [IonFormlyAttributes] });
-FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, imports: [[
+FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -26,7 +26,7 @@ FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyWrapperFormField, IonFormlyAttributes],

package/esm2020/form-field/form-field.wrapper.mjs

@@ -6,8 +6,8 @@ import * as i2 from "@ngx-formly/core";
 import * as i3 from "@angular/common";
 export class FormlyWrapperFormField extends FieldWrapper {
 }
-FormlyWrapperFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyWrapperFormField, selector: "formly-wrapper-ion-form-field", usesInheritance: true, ngImport: i0, template: `
+FormlyWrapperFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyWrapperFormField, selector: "formly-wrapper-ion-form-field", usesInheritance: true, ngImport: i0, template: `
     <ion-item [lines]="to.itemLines">
       <ion-label [position]="to.labelPosition">
         {{ to.label }}
@@ -24,8 +24,8 @@ FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </ion-text>
       </ion-label>
     </ion-item>
-  `, isInline: true, components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
+  `, isInline: true, components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-wrapper-ion-form-field',

package/esm2020/form-field/formly.attributes.mjs

@@ -14,9 +14,9 @@ export class IonFormlyAttributes extends FormlyAttributes {
         }
     }
 }
-IonFormlyAttributes.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IonFormlyAttributes, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-IonFormlyAttributes.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.2", type: IonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: { field: ["ionFormlyAttributes", "field"] }, host: { listeners: { "ionFocus": "onFocus($event)", "ionBlur": "onBlur($event)", "ionChange": "onChange($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IonFormlyAttributes, decorators: [{
+IonFormlyAttributes.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: IonFormlyAttributes, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+IonFormlyAttributes.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: IonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: { field: ["ionFormlyAttributes", "field"] }, host: { listeners: { "ionFocus": "onFocus($event)", "ionBlur": "onBlur($event)", "ionChange": "onChange($event)" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: IonFormlyAttributes, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line

package/esm2020/input/input.module.mjs

@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlyInputModule {
 }
-FormlyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
+FormlyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1.FormlyModule] });
-FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, imports: [[
+FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -48,7 +48,7 @@ FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldInput],

package/esm2020/input/input.type.mjs

@@ -7,8 +7,8 @@ import * as i3 from "@angular/forms";
 import * as i4 from "@ngx-formly/ionic/form-field";
 export class FormlyFieldInput extends FieldType {
 }
-FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldInput, selector: "formly-field-ion-input", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldInput, selector: "formly-field-ion-input", usesInheritance: true, ngImport: i0, template: `
     <ion-input
       *ngIf="to.type !== 'number'; else numberTmp"
       [type]="to.type || 'text'"
@@ -19,7 +19,7 @@ FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
       <ion-input type="number" [formControl]="formControl" [ionFormlyAttributes]="field"></ion-input>
     </ng-template>
   `, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i1.NumericValueAccessor, selector: "ion-input[type=number]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-input',

package/esm2020/lib/ui-ionic.module.mjs

@@ -11,8 +11,8 @@ import { FormlyDatetimeModule } from '@ngx-formly/ionic/datetime';
 import * as i0 from "@angular/core";
 export class FormlyIonicModule {
 }
-FormlyIonicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyIonicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyIonicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyIonicModule, imports: [FormlyFormFieldModule,
+FormlyIonicModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyIonicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, imports: [FormlyFormFieldModule,
         FormlyInputModule,
         FormlyTextAreaModule,
         FormlyRadioModule,
@@ -21,7 +21,7 @@ FormlyIonicModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         FormlyToggleModule,
         FormlySliderModule,
         FormlyDatetimeModule], exports: [FormlyFormFieldModule] });
-FormlyIonicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyIonicModule, imports: [[
+FormlyIonicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, imports: [[
             FormlyFormFieldModule,
             FormlyInputModule,
             FormlyTextAreaModule,
@@ -32,7 +32,7 @@ FormlyIonicModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
             FormlySliderModule,
             FormlyDatetimeModule,
         ], FormlyFormFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyIonicModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyIonicModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/radio/radio.module.mjs

@@ -10,13 +10,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlyRadioModule {
 }
-FormlyRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
+FormlyRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule,
         FormlySelectModule, i1.FormlyModule] });
-FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, imports: [[
+FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -32,7 +32,7 @@ FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldRadio],

package/esm2020/radio/radio.type.mjs

@@ -15,8 +15,8 @@ export class FormlyFieldRadio extends FieldType {
         };
     }
 }
-FormlyFieldRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldRadio, selector: "formly-field-ion-radio", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldRadio, selector: "formly-field-ion-radio", usesInheritance: true, ngImport: i0, template: `
     <ion-list>
       <ion-radio-group [formControl]="formControl" [ionFormlyAttributes]="field">
         <ion-list-header>{{ to.label }}</ion-list-header>
@@ -38,8 +38,8 @@ FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         </ion-text>
       </ion-label>
     </ion-item>
-  `, isInline: true, components: [{ type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "mode", "name", "value"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RadioValueAccessor, selector: "ion-radio" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe, "formlySelectOptions": i6.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldRadio, decorators: [{
+  `, isInline: true, components: [{ type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "mode", "name", "value"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RadioValueAccessor, selector: "ion-radio" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe, "formlySelectOptions": i6.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldRadio, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-radio',

package/esm2020/select/select.module.mjs

@@ -10,13 +10,13 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlySelectModule {
 }
-FormlySelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlySelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
+FormlySelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlySelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule,
         FormlyCoreSelectModule, i1.FormlyModule] });
-FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, imports: [[
+FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -33,7 +33,7 @@ FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldSelect],

package/esm2020/select/select.type.mjs

@@ -19,8 +19,8 @@ export class FormlyFieldSelect extends FieldType {
         };
     }
 }
-FormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldSelect, selector: "formly-field-ion-select", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldSelect, selector: "formly-field-ion-select", usesInheritance: true, ngImport: i0, template: `
     <!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->
     <ng-container *ngIf="to.options | formlySelectOptions: field | async; let selectOptions">
       <ion-select
@@ -40,7 +40,7 @@ FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
       </ion-select>
     </ng-container>
   `, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonSelect, selector: "ion-select", inputs: ["cancelText", "compareWith", "disabled", "interface", "interfaceOptions", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "value"] }, { type: i1.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "formlySelectOptions": i5.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-select',

package/esm2020/slider/slider.module.mjs

@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlySliderModule {
 }
-FormlySliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlySliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySliderModule, declarations: [FormlyFieldSlider], imports: [CommonModule,
+FormlySliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlySliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, declarations: [FormlyFieldSlider], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1.FormlyModule] });
-FormlySliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySliderModule, imports: [[
+FormlySliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -26,7 +26,7 @@ FormlySliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySliderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldSlider],

package/esm2020/slider/slider.type.mjs

@@ -6,14 +6,14 @@ import * as i2 from "@angular/forms";
 import * as i3 from "@ngx-formly/ionic/form-field";
 export class FormlyFieldSlider extends FieldType {
 }
-FormlyFieldSlider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldSlider, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldSlider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldSlider, selector: "formly-field-ion-range", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldSlider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSlider, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldSlider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldSlider, selector: "formly-field-ion-range", usesInheritance: true, ngImport: i0, template: `
     <ion-range [min]="to.min" [max]="to.max" [formControl]="formControl" [ionFormlyAttributes]="field">
       <ion-label slot="start">{{ to.min }}</ion-label>
       <ion-label slot="end">{{ to.max }}</ion-label>
     </ion-range>
-  `, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonRange, selector: "ion-range", inputs: ["color", "debounce", "disabled", "dualKnobs", "max", "min", "mode", "name", "pin", "snaps", "step", "ticks", "value"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldSlider, decorators: [{
+  `, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonRange, selector: "ion-range", inputs: ["color", "debounce", "disabled", "dualKnobs", "max", "min", "mode", "name", "pin", "pinFormatter", "snaps", "step", "ticks", "value"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSlider, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-range',