@ng-nest/ui 12.0.8 → 12.0.10

package/fesm2015/ng-nest-ui-date-picker.js

@@ -55,7 +55,7 @@ class XDatePickerProperty extends XControlValueAccessor {
     }
 }
 /** @nocollapse */ XDatePickerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDatePickerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDatePickerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDatePickerProperty, selector: "ng-component", inputs: { type: "type", format: "format", clearable: "clearable", placement: "placement", readonly: "readonly", valueTpl: "valueTpl", valueTplContext: "valueTplContext", size: "size", bordered: "bordered", preset: "preset" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ XDatePickerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDatePickerProperty, selector: "ng-component", inputs: { type: "type", format: "format", clearable: "clearable", placement: "placement", size: "size", bordered: "bordered", preset: "preset" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'yyyy-MM-dd')
 ], XDatePickerProperty.prototype, "format", void 0);
@@ -66,9 +66,6 @@ __decorate([
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'bottom-start')
 ], XDatePickerProperty.prototype, "placement", void 0);
-__decorate([
-    XInputBoolean()
-], XDatePickerProperty.prototype, "readonly", void 0);
 __decorate([
     XWithConfig(X_CONFIG_NAME, 'medium')
 ], XDatePickerProperty.prototype, "size", void 0);
@@ -90,12 +87,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                 type: Input
             }], placement: [{
                 type: Input
-            }], readonly: [{
-                type: Input
-            }], valueTpl: [{
-                type: Input
-            }], valueTplContext: [{
-                type: Input
             }], size: [{
                 type: Input
             }], bordered: [{
@@ -111,7 +102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
  * @decorator component
  */
 const XDateRangePrefix = 'x-date-range';
-const X_CONFIG_Range_NAME = 'dateRange';
+const X_CONFIG_RANGE_NAME = 'dateRange';
 /**
  * DateRange Property
  */
@@ -138,21 +129,21 @@ class XDateRangeProperty extends XControlValueAccessor {
 /** @nocollapse */ XDateRangeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDateRangeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ XDateRangeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDateRangeProperty, selector: "ng-component", inputs: { type: "type", format: "format", clearable: "clearable", placement: "placement", size: "size", bordered: "bordered", preset: "preset" }, outputs: { nodeEmit: "nodeEmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
-    XWithConfig(X_CONFIG_NAME, 'yyyy-MM-dd')
+    XWithConfig(X_CONFIG_RANGE_NAME, 'yyyy-MM-dd')
 ], XDateRangeProperty.prototype, "format", void 0);
 __decorate([
-    XWithConfig(X_CONFIG_NAME, true),
+    XWithConfig(X_CONFIG_RANGE_NAME, true),
     XInputBoolean()
 ], XDateRangeProperty.prototype, "clearable", void 0);
 __decorate([
-    XWithConfig(X_CONFIG_NAME, 'bottom-start')
+    XWithConfig(X_CONFIG_RANGE_NAME, 'bottom-start')
 ], XDateRangeProperty.prototype, "placement", void 0);
 __decorate([
-    XWithConfig(X_CONFIG_NAME, 'medium')
+    XWithConfig(X_CONFIG_RANGE_NAME, 'medium')
 ], XDateRangeProperty.prototype, "size", void 0);
 __decorate([
     XInputBoolean(),
-    XWithConfig(X_CONFIG_NAME, true)
+    XWithConfig(X_CONFIG_RANGE_NAME, true)
 ], XDateRangeProperty.prototype, "bordered", void 0);
 __decorate([
     XDataConvert()
@@ -432,7 +423,8 @@ class XPickerDateComponent extends XPickerDateProperty {
         });
     }
     ngOnChanges(simples) {
-        XIsChange(simples.display) && this.init();
+        const { display } = simples;
+        XIsChange(display) && this.init();
     }
     ngOnDestory() {
         this._unSubject.next();
@@ -506,7 +498,7 @@ class XPickerDateComponent extends XPickerDateProperty {
         this.typeChange.emit(type);
         this.cdr.detectChanges();
     }
-    trackByNode(index, item) {
+    trackByNode(_index, item) {
         return item;
     }
 }
@@ -547,7 +539,8 @@ class XPickerMonthComponent extends XPickerMonthProperty {
         });
     }
     ngOnChanges(simples) {
-        XIsChange(simples.display) && this.init();
+        const { display } = simples;
+        XIsChange(display) && this.init();
     }
     init() {
         this.setMonths(this.display);
@@ -586,7 +579,7 @@ class XPickerMonthComponent extends XPickerMonthProperty {
         this.typeChange.emit(type);
         this.cdr.detectChanges();
     }
-    trackByMonth(index, item) {
+    trackByMonth(_index, item) {
         return item;
     }
 }
@@ -615,7 +608,8 @@ class XPickerYearComponent extends XPickerYearProperty {
         this.dates = [];
     }
     ngOnChanges(simples) {
-        XIsChange(simples.display) && this.init();
+        const { display } = simples;
+        XIsChange(display) && this.init();
     }
     init() {
         this.setYears(this.display);
@@ -654,7 +648,7 @@ class XPickerYearComponent extends XPickerYearProperty {
     equalYear(one, two) {
         return this.datePipe.transform(one, 'yyyy') === this.datePipe.transform(two, 'yyyy');
     }
-    trackByYear(index, item) {
+    trackByYear(_index, item) {
         return item;
     }
 }
@@ -681,6 +675,7 @@ class XDatePickerPortalComponent {
         this.type = 'date';
         this.display = new Date();
         this.locale = {};
+        this.time = new Date().getTime();
         this.preset = [];
         this._unSubject = new Subject();
     }
@@ -688,7 +683,7 @@ class XDatePickerPortalComponent {
         this.animating(false);
         event.toState === 'void' && this.destroyPortal();
     }
-    start(event) {
+    start() {
         this.animating(true);
     }
     ngOnInit() {
@@ -736,9 +731,8 @@ class XDatePickerPortalComponent {
     dateChange(date) {
         this.setDisplay(date);
         this.model = date;
-        if (this.time)
-            this.setModelTime(this.model, new Date(this.time));
         if (['date-time', 'date-hour', 'date-minute'].includes(this._type)) {
+            this.setModelTime(this.model, new Date(this.time));
             this.nodeEmit(this.model, false);
         }
         else {
@@ -814,11 +808,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
             }] } });
 
 class XDatePickerComponent extends XDatePickerProperty {
-    constructor(renderer, configService, elementRef, cdr, portalService, viewContainerRef, datePipe, overlay) {
+    constructor(renderer, configService, cdr, portalService, viewContainerRef, datePipe, overlay) {
         super();
         this.renderer = renderer;
         this.configService = configService;
-        this.elementRef = elementRef;
         this.cdr = cdr;
         this.portalService = portalService;
         this.viewContainerRef = viewContainerRef;
@@ -871,7 +864,8 @@ class XDatePickerComponent extends XDatePickerProperty {
         this.setPortal();
     }
     ngOnChanges(changes) {
-        if (XIsChange(changes.type)) {
+        const { type } = changes;
+        if (XIsChange(type)) {
             this.setFormat();
             this.setDisplayValue(this.numberValue);
         }
@@ -881,7 +875,7 @@ class XDatePickerComponent extends XDatePickerProperty {
         this._unSubject.unsubscribe();
     }
     setSubject() {
-        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {
+        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe(() => {
             this.closePortal();
         });
     }
@@ -941,11 +935,7 @@ class XDatePickerComponent extends XDatePickerProperty {
         }
     }
     getValue() {
-        return this.modelType === 'date'
-            ? new Date(this.numberValue)
-            : this.modelType === 'string'
-                ? this.datePipe.transform(this.numberValue, this.format)
-                : this.numberValue;
+        return ['date', 'string'].includes(this.modelType) ? new Date(this.numberValue) : this.numberValue;
     }
     portalAttached() {
         var _a, _b;
@@ -1064,8 +1054,8 @@ class XDatePickerComponent extends XDatePickerProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ XDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDatePickerComponent, deps: [{ token: i0.Renderer2 }, { token: i2.XConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2$1.XPortalService }, { token: i0.ViewContainerRef }, { token: i1.DatePipe }, { token: i4$1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDatePickerComponent, selector: "x-date-picker", providers: [XValueAccessor(XDatePickerComponent), DatePipe], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true, static: true }, { propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #datePicker class=\"x-date-picker\">\r\n  <div class=\"x-date-picker-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable && inputClearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"pointer\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xInput)=\"onInput()\"\r\n      (xClick)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-date-picker{display:inline-block}.x-date-picker{margin:0;padding:0;width:100%}\n"], components: [{ type: i5.XInputComponent, selector: "x-input" }], directives: [{ type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ XDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDatePickerComponent, deps: [{ token: i0.Renderer2 }, { token: i2.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2$1.XPortalService }, { token: i0.ViewContainerRef }, { token: i1.DatePipe }, { token: i4$1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDatePickerComponent, selector: "x-date-picker", providers: [XValueAccessor(XDatePickerComponent), DatePipe], viewQueries: [{ propertyName: "datePicker", first: true, predicate: ["datePicker"], descendants: true, static: true }, { propertyName: "inputCom", first: true, predicate: ["inputCom"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #datePicker class=\"x-date-picker\">\r\n  <div class=\"x-date-picker-row\">\r\n    <x-input\r\n      #inputCom\r\n      type=\"text\"\r\n      [label]=\"label\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [justify]=\"justify\"\r\n      [align]=\"align\"\r\n      [direction]=\"direction\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"required\"\r\n      [icon]=\"icon\"\r\n      [placeholder]=\"placeholder\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable && inputClearable\"\r\n      [(ngModel)]=\"displayValue\"\r\n      [valueTpl]=\"valueTpl\"\r\n      [valueTplContext]=\"valueTplContext\"\r\n      [size]=\"size\"\r\n      [bordered]=\"bordered\"\r\n      [before]=\"before\"\r\n      [after]=\"after\"\r\n      [pattern]=\"pattern\"\r\n      [message]=\"message\"\r\n      [pointer]=\"pointer\"\r\n      [(active)]=\"active\"\r\n      (clearEmit)=\"clearEmit()\"\r\n      (xInput)=\"onInput()\"\r\n      (xClick)=\"showPortal()\"\r\n      (xMouseenter)=\"menter()\"\r\n      (xMouseleave)=\"mleave()\"\r\n    ></x-input>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-date-picker{display:inline-block}.x-date-picker{margin:0;padding:0;width:100%}.x-date-picker x-input{width:100%}\n"], components: [{ type: i5.XInputComponent, selector: "x-input" }], directives: [{ type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDatePickerComponent, decorators: [{
             type: Component,
             args: [{
@@ -1076,7 +1066,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [XValueAccessor(XDatePickerComponent), DatePipe]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i2.XConfigService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2$1.XPortalService }, { type: i0.ViewContainerRef }, { type: i1.DatePipe }, { type: i4$1.Overlay }]; }, propDecorators: { datePicker: [{
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i2.XConfigService }, { type: i0.ChangeDetectorRef }, { type: i2$1.XPortalService }, { type: i0.ViewContainerRef }, { type: i1.DatePipe }, { type: i4$1.Overlay }]; }, propDecorators: { datePicker: [{
                 type: ViewChild,
                 args: ['datePicker', { static: true }]
             }], inputCom: [{
@@ -1103,7 +1093,7 @@ class XDateRangePortalComponent {
         this.animating(false);
         event.toState === 'void' && this.destroyPortal();
     }
-    start(event) {
+    start() {
         this.animating(true);
     }
     ngOnInit() {
@@ -1282,11 +1272,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
             }] } });
 
 class XDateRangeComponent extends XDateRangeProperty {
-    constructor(renderer, configService, elementRef, cdr, portalService, viewContainerRef, datePipe, overlay) {
+    constructor(renderer, configService, cdr, portalService, viewContainerRef, datePipe, overlay) {
         super();
         this.renderer = renderer;
         this.configService = configService;
-        this.elementRef = elementRef;
         this.cdr = cdr;
         this.portalService = portalService;
         this.viewContainerRef = viewContainerRef;
@@ -1347,7 +1336,8 @@ class XDateRangeComponent extends XDateRangeProperty {
         this.setPortal();
     }
     ngOnChanges(changes) {
-        if (XIsChange(changes.type)) {
+        const { type } = changes;
+        if (XIsChange(type)) {
             this.setFormat();
             this.setDisplayValue(this.numberValue);
         }
@@ -1357,7 +1347,7 @@ class XDateRangeComponent extends XDateRangeProperty {
         this._unSubject.unsubscribe();
     }
     setSubject() {
-        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe((x) => {
+        this.closeSubject.pipe(takeUntil(this._unSubject)).subscribe(() => {
             this.closePortal();
         });
     }
@@ -1551,7 +1541,7 @@ class XDateRangeComponent extends XDateRangeProperty {
         this.cdr.detectChanges();
     }
 }
-/** @nocollapse */ XDateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDateRangeComponent, deps: [{ token: i0.Renderer2 }, { token: i2.XConfigService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2$1.XPortalService }, { token: i0.ViewContainerRef }, { token: i1.DatePipe }, { token: i4$1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ XDateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDateRangeComponent, deps: [{ token: i0.Renderer2 }, { token: i2.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2$1.XPortalService }, { token: i0.ViewContainerRef }, { token: i1.DatePipe }, { token: i4$1.Overlay }], target: i0.ɵɵFactoryTarget.Component });
 /** @nocollapse */ XDateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: XDateRangeComponent, selector: "x-date-range", providers: [XValueAccessor(XDateRangeComponent), DatePipe], viewQueries: [{ propertyName: "dateRange", first: true, predicate: ["dateRange"], descendants: true, static: true }, { propertyName: "inputGroup", first: true, predicate: ["inputGroup"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #dateRange class=\"x-date-range\" [class.x-date-range-active]=\"active\">\r\n  <div class=\"x-date-range-row\">\r\n    <x-input-group #inputGroup class=\"x-date-range-group\" bordered=\"false\" (click)=\"showPortal($event)\">\r\n      <x-input\r\n        #inputStartCom\r\n        type=\"text\"\r\n        placeholder=\"\u5F00\u59CB\u65E5\u671F\"\r\n        [(active)]=\"startActive\"\r\n        (click)=\"showPortal($event, 'start')\"\r\n        [(ngModel)]=\"startDisplay\"\r\n      ></x-input>\r\n      <x-icon type=\"fto-arrow-right\"></x-icon>\r\n      <x-input\r\n        #inputEndCom\r\n        type=\"text\"\r\n        placeholder=\"\u7ED3\u675F\u65E5\u671F\"\r\n        [(active)]=\"endActive\"\r\n        (click)=\"showPortal($event, 'end')\"\r\n        [(ngModel)]=\"endDisplay\"\r\n      ></x-input>\r\n      <x-icon [type]=\"icon\"></x-icon>\r\n    </x-input-group>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-date-range{display:inline-block}.x-date-range{margin:0;padding:0;width:100%}.x-date-range-row{flex:1;display:flex;align-items:center}.x-date-range-group{display:inline-flex;flex:1;width:100%;font-size:var(--x-font-size);background-color:var(--x-background);background-image:none;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) transparent;transition:all var(--x-animation-duration-slow)}.x-date-range-group .x-input-group{display:flex;align-items:center}.x-date-range-group .x-input-group>x-icon{color:var(--x-text-400);transition:all var(--x-animation-duration-base);z-index:2;padding:.4rem}.x-date-range-group .x-input-group>x-input{width:6rem}.x-date-range-group .x-input-group>x-input input{padding-left:0!important;padding-right:0!important;margin-left:.4rem;margin-right:.4rem}.x-date-range-group .x-input-group>x-input.x-input-active input{background-color:gray}.x-date-range-group:hover{border-color:var(--x-primary-300)}.x-date-range-active .x-date-range-group{border-color:var(--x-primary)}\n"], components: [{ type: i5.XInputGroupComponent, selector: "x-input-group" }, { type: i5.XInputComponent, selector: "x-input" }, { type: i6$1.XIconComponent, selector: "x-icon" }], directives: [{ type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: XDateRangeComponent, decorators: [{
             type: Component,
@@ -1563,7 +1553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [XValueAccessor(XDateRangeComponent), DatePipe]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i2.XConfigService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2$1.XPortalService }, { type: i0.ViewContainerRef }, { type: i1.DatePipe }, { type: i4$1.Overlay }]; }, propDecorators: { dateRange: [{
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i2.XConfigService }, { type: i0.ChangeDetectorRef }, { type: i2$1.XPortalService }, { type: i0.ViewContainerRef }, { type: i1.DatePipe }, { type: i4$1.Overlay }]; }, propDecorators: { dateRange: [{
                 type: ViewChild,
                 args: ['dateRange', { static: true }]
             }], inputGroup: [{