i-tech-shared-components 1.0.7 → 1.0.9

package/esm2022/lib/components/date-picker/date-picker.component.mjs

@@ -0,0 +1,97 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { ReactiveFormsModule } from "@angular/forms";
+import { NgClass, NgIf } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import { MatDatepickerModule } from "@angular/material/datepicker";
+import { MatInput } from "@angular/material/input";
+import { MatTooltip } from "@angular/material/tooltip";
+import { MatIconModule } from "@angular/material/icon";
+import { DateMaskDirective } from "../../directives/date-mask.directive";
+import { GenerateErrorMessagesPipe } from "../../pipes/generate-error-messages.pipe";
+import { IconButtonComponent } from "../icon-button/icon-button.component";
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/input.service";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/datepicker";
+import * as i6 from "@angular/material/icon";
+export class DatePickerComponent {
+    constructor(inputService) {
+        this.inputService = inputService;
+        this.label = '';
+        this.required = false;
+        this.hintText = '';
+        this.placeholder = 'MM/DD/YYYY';
+        this.submit = false;
+        this.valueChangeEmitter = new EventEmitter();
+        this.isOpen = false;
+        this.focused = false;
+        this.customErrorStateMatcher = {
+            isErrorState: (control, form) => {
+                return !!(control && control.invalid && this.submit);
+            }
+        };
+        this.ngControl = this.inputService.injectNgControl();
+    }
+    emitChange() {
+        if (!this.valueChangeEmit) {
+            return;
+        }
+        this.valueChangeEmitter.emit();
+    }
+    clickForFocusOut() {
+        setTimeout(() => {
+            this.inputElement.nativeElement.focus();
+            this.inputElement.nativeElement.blur();
+        }, 120);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerComponent, deps: [{ token: i1.InputService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DatePickerComponent, isStandalone: true, selector: "i-tech-date-picker", inputs: { label: "label", defaultPatternKey: "defaultPatternKey", required: "required", hintText: "hintText", placeholder: "placeholder", iconPrefix: "iconPrefix", iconPrefixSvg: "iconPrefixSvg", iconPrefixTooltip: "iconPrefixTooltip", iconPrefixColor: "iconPrefixColor", iconPrefixVariant: "iconPrefixVariant", valueChangeEmit: "valueChangeEmit", submit: "submit" }, outputs: { valueChangeEmitter: "valueChangeEmitter" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex_column relative mat-date-range-input\" *ngIf=\"ngControl\" [ngClass]=\"{'check_requirements': submit}\">\r\n  <div class=\"w-100\">\r\n    <mat-label [ngClass]=\"{\r\n        'readonly-color' : ngControl.control.disabled,\r\n        'invalid-label-color': !!(ngControl.control.errors && submit)\r\n        }\">\r\n      {{ label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\"\r\n                  [class.readonly-field]=\"ngControl.control.disabled\">\r\n    <input matInput #inputElement\r\n           type=\"text\"\r\n           [formControl]=\"ngControl.control\"\r\n           [placeholder]=\"placeholder | translate\"\r\n           dateMask\r\n           [matDatepicker]=\"datePicker\"\r\n           [errorStateMatcher]=\"customErrorStateMatcher\"\r\n           (focus)=\"focused = true\"\r\n           (click)=\"datePicker.open();\"\r\n           (dateChange)=\"emitChange()\"\r\n    >\r\n\r\n    <mat-icon *ngIf=\"iconPrefix\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [style.color]=\"iconPrefixColor\"\r\n    >{{ iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"iconPrefixSvg\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [svgIcon]=\"iconPrefixSvg\"\r\n    ></mat-icon>\r\n\r\n    <i-tech-icon-button matSuffix\r\n                        [iconName]=\"'date_range'\"\r\n                        [disabled]=\"ngControl.control.disabled\"\r\n                        (click)=\"datePicker.open()\"\r\n                        [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n    ></i-tech-icon-button>\r\n\r\n    <mat-datepicker #datePicker (closed)=\"isOpen = false;clickForFocusOut()\"\r\n                    (opened)=\"isOpen = true;focused = true\"></mat-datepicker>\r\n\r\n    <!-- Error Messages -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\r\n      {{ ngControl.control | generateErrorMessages : label : defaultPatternKey }}\r\n    </mat-error>\r\n\r\n    <!-- Helper Text -->\r\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && submit)) && hintText\"\r\n              [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\"\r\n    >\r\n      {{ hintText | translate }}\r\n    </mat-hint>\r\n\r\n  </mat-form-field>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }, { kind: "pipe", type: GenerateErrorMessagesPipe, name: "generateErrorMessages" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'i-tech-date-picker', imports: [
+                        NgClass, NgIf,
+                        TranslateModule,
+                        ReactiveFormsModule,
+                        MatFormFieldModule,
+                        MatDatepickerModule,
+                        MatInput,
+                        MatTooltip,
+                        MatIconModule,
+                        DateMaskDirective,
+                        GenerateErrorMessagesPipe, IconButtonComponent
+                    ], standalone: true, template: "<div class=\"flex_column relative mat-date-range-input\" *ngIf=\"ngControl\" [ngClass]=\"{'check_requirements': submit}\">\r\n  <div class=\"w-100\">\r\n    <mat-label [ngClass]=\"{\r\n        'readonly-color' : ngControl.control.disabled,\r\n        'invalid-label-color': !!(ngControl.control.errors && submit)\r\n        }\">\r\n      {{ label | translate }}\r\n    </mat-label>\r\n    <span *ngIf=\"required\" class=\"required-input\" [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\">*</span>\r\n  </div>\r\n  <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\"\r\n                  [class.readonly-field]=\"ngControl.control.disabled\">\r\n    <input matInput #inputElement\r\n           type=\"text\"\r\n           [formControl]=\"ngControl.control\"\r\n           [placeholder]=\"placeholder | translate\"\r\n           dateMask\r\n           [matDatepicker]=\"datePicker\"\r\n           [errorStateMatcher]=\"customErrorStateMatcher\"\r\n           (focus)=\"focused = true\"\r\n           (click)=\"datePicker.open();\"\r\n           (dateChange)=\"emitChange()\"\r\n    >\r\n\r\n    <mat-icon *ngIf=\"iconPrefix\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [style.color]=\"iconPrefixColor\"\r\n    >{{ iconPrefix }}\r\n    </mat-icon>\r\n\r\n    <mat-icon *ngIf=\"iconPrefixSvg\"\r\n              matPrefix\r\n              [matTooltip]=\"((iconPrefixTooltip || '') | translate)\"\r\n              [svgIcon]=\"iconPrefixSvg\"\r\n    ></mat-icon>\r\n\r\n    <i-tech-icon-button matSuffix\r\n                        [iconName]=\"'date_range'\"\r\n                        [disabled]=\"ngControl.control.disabled\"\r\n                        (click)=\"datePicker.open()\"\r\n                        [ngClass]=\"ngControl.control.disabled ? 'readonly-color' : 'default-form-icon-color'\"\r\n    ></i-tech-icon-button>\r\n\r\n    <mat-datepicker #datePicker (closed)=\"isOpen = false;clickForFocusOut()\"\r\n                    (opened)=\"isOpen = true;focused = true\"></mat-datepicker>\r\n\r\n    <!-- Error Messages -->\r\n    <mat-error *ngIf=\"!!(ngControl.control.errors && submit)\">\r\n      {{ ngControl.control | generateErrorMessages : label : defaultPatternKey }}\r\n    </mat-error>\r\n\r\n    <!-- Helper Text -->\r\n    <mat-hint *ngIf=\"!(!!(ngControl.control.errors && submit)) && hintText\"\r\n              [ngClass]=\"{'readonly-color' : ngControl.control.disabled}\"\r\n    >\r\n      {{ hintText | translate }}\r\n    </mat-hint>\r\n\r\n  </mat-form-field>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.InputService }], propDecorators: { label: [{
+                type: Input
+            }], defaultPatternKey: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], hintText: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], iconPrefix: [{
+                type: Input
+            }], iconPrefixSvg: [{
+                type: Input
+            }], iconPrefixTooltip: [{
+                type: Input
+            }], iconPrefixColor: [{
+                type: Input
+            }], iconPrefixVariant: [{
+                type: Input
+            }], valueChangeEmit: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }], valueChangeEmitter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQWtCLG1CQUFtQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFcEUsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDakUsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ2pELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNyRCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDbkYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7Ozs7Ozs7O0FBbUJ6RSxNQUFNLE9BQU8sbUJBQW1CO0lBc0I1QixZQUFvQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQXJCckMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUVuQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsZ0JBQVcsR0FBVyxZQUFZLENBQUM7UUFRbkMsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUV2Qix1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXhELFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBb0JoQiw0QkFBdUIsR0FBRztZQUN0QixZQUFZLEVBQUUsQ0FBQyxPQUFZLEVBQUUsSUFBUyxFQUFXLEVBQUU7Z0JBQy9DLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLE9BQU8sQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3pELENBQUM7U0FDSixDQUFDO1FBbkJFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxlQUFlLEVBQXFCLENBQUM7SUFDNUUsQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQUMsT0FBTztRQUFDLENBQUM7UUFDdEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxnQkFBZ0I7UUFDWixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0MsQ0FBQyxFQUFDLEdBQUcsQ0FBQyxDQUFBO0lBQ1YsQ0FBQzsrR0FwQ1EsbUJBQW1CO21HQUFuQixtQkFBbUIsbW1CQy9CaEMsdWpGQTZEQSw0Q0QzQ0ksT0FBTyxvRkFBRSxJQUFJLDRGQUNiLGVBQWUsMkZBQ2YsbUJBQW1CLHlrQkFDbkIsa0JBQWtCLGl1QkFDbEIsbUJBQW1CLCtUQUNuQixRQUFRLGlVQUNSLFVBQVUsZ1JBQ1YsYUFBYSxvTEFDYixpQkFBaUIsNkdBQ2pCLHlCQUF5Qiw4REFBRSxtQkFBbUI7OzRGQUlyQyxtQkFBbUI7a0JBakIvQixTQUFTOytCQUNJLG9CQUFvQixXQUV2Qjt3QkFDUCxPQUFPLEVBQUUsSUFBSTt3QkFDYixlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLFFBQVE7d0JBQ1IsVUFBVTt3QkFDVixhQUFhO3dCQUNiLGlCQUFpQjt3QkFDakIseUJBQXlCLEVBQUUsbUJBQW1CO3FCQUMvQyxjQUNhLElBQUk7aUZBR1AsS0FBSztzQkFBYixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUNxQixZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWM7Z0JBQ2Ysa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtGb3JtQ29udHJvbE5hbWUsIFJlYWN0aXZlRm9ybXNNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQgeyBJbnB1dFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9pbnB1dC5zZXJ2aWNlJztcclxuaW1wb3J0IHtOZ0NsYXNzLCBOZ0lmfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG5pbXBvcnQge01hdEZvcm1GaWVsZE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGRcIjtcclxuaW1wb3J0IHtNYXREYXRlcGlja2VyTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlclwiO1xyXG5pbXBvcnQge01hdElucHV0fSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcclxuaW1wb3J0IHtNYXRUb29sdGlwfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcFwiO1xyXG5pbXBvcnQge01hdEljb25Nb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XHJcbmltcG9ydCB7RGF0ZU1hc2tEaXJlY3RpdmV9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL2RhdGUtbWFzay5kaXJlY3RpdmVcIjtcclxuaW1wb3J0IHtHZW5lcmF0ZUVycm9yTWVzc2FnZXNQaXBlfSBmcm9tIFwiLi4vLi4vcGlwZXMvZ2VuZXJhdGUtZXJyb3ItbWVzc2FnZXMucGlwZVwiO1xyXG5pbXBvcnQge0ljb25CdXR0b25Db21wb25lbnR9IGZyb20gXCIuLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdpLXRlY2gtZGF0ZS1waWNrZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBOZ0NsYXNzLCBOZ0lmLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXHJcbiAgICBNYXRJbnB1dCxcclxuICAgIE1hdFRvb2x0aXAsXHJcbiAgICBNYXRJY29uTW9kdWxlLFxyXG4gICAgRGF0ZU1hc2tEaXJlY3RpdmUsXHJcbiAgICBHZW5lcmF0ZUVycm9yTWVzc2FnZXNQaXBlLCBJY29uQnV0dG9uQ29tcG9uZW50XHJcbiAgXSxcclxuICAgIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGVQaWNrZXJDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgZGVmYXVsdFBhdHRlcm5LZXkhOiBzdHJpbmcgO1xyXG4gICAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIGhpbnRUZXh0OiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnTU0vREQvWVlZWSc7XHJcbiAgICBASW5wdXQoKSBpY29uUHJlZml4Pzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgaWNvblByZWZpeFN2Zz86IHN0cmluZztcclxuICAgIEBJbnB1dCgpIGljb25QcmVmaXhUb29sdGlwPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgaWNvblByZWZpeENvbG9yPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgaWNvblByZWZpeFZhcmlhbnQ/OiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSB2YWx1ZUNoYW5nZUVtaXQ/OiBib29sZWFuO1xyXG5cclxuICAgIEBJbnB1dCgpIHN1Ym1pdDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgQFZpZXdDaGlsZCgnaW5wdXRFbGVtZW50JykgaW5wdXRFbGVtZW50ITogRWxlbWVudFJlZjtcclxuICAgIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZUVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gICAgaXNPcGVuID0gZmFsc2U7XHJcbiAgICBmb2N1c2VkID0gZmFsc2U7XHJcblxyXG4gICAgbmdDb250cm9sOiBGb3JtQ29udHJvbE5hbWU7XHJcblxyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBpbnB1dFNlcnZpY2U6IElucHV0U2VydmljZSkge1xyXG4gICAgICAgIHRoaXMubmdDb250cm9sID0gdGhpcy5pbnB1dFNlcnZpY2UuaW5qZWN0TmdDb250cm9sKCkgYXMgRm9ybUNvbnRyb2xOYW1lO1xyXG4gICAgfVxyXG5cclxuICAgIGVtaXRDaGFuZ2UoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKCF0aGlzLnZhbHVlQ2hhbmdlRW1pdCkgeyByZXR1cm47IH1cclxuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlRW1pdHRlci5lbWl0KCk7XHJcbiAgICB9XHJcblxyXG4gICAgY2xpY2tGb3JGb2N1c091dCgpOiB2b2lkIHtcclxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICAgICAgdGhpcy5pbnB1dEVsZW1lbnQubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gICAgICAgICAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmJsdXIoKTtcclxuICAgICAgICB9LDEyMClcclxuICAgIH1cclxuXHJcbiAgICBjdXN0b21FcnJvclN0YXRlTWF0Y2hlciA9IHtcclxuICAgICAgICBpc0Vycm9yU3RhdGU6IChjb250cm9sOiBhbnksIGZvcm06IGFueSk6IGJvb2xlYW4gPT4ge1xyXG4gICAgICAgICAgICByZXR1cm4gISEoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgdGhpcy5zdWJtaXQpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXhfY29sdW1uIHJlbGF0aXZlIG1hdC1kYXRlLXJhbmdlLWlucHV0XCIgKm5nSWY9XCJuZ0NvbnRyb2xcIiBbbmdDbGFzc109XCJ7J2NoZWNrX3JlcXVpcmVtZW50cyc6IHN1Ym1pdH1cIj5cclxuICA8ZGl2IGNsYXNzPVwidy0xMDBcIj5cclxuICAgIDxtYXQtbGFiZWwgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICdyZWFkb25seS1jb2xvcicgOiBuZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlZCxcclxuICAgICAgICAnaW52YWxpZC1sYWJlbC1jb2xvcic6ICEhKG5nQ29udHJvbC5jb250cm9sLmVycm9ycyAmJiBzdWJtaXQpXHJcbiAgICAgICAgfVwiPlxyXG4gICAgICB7eyBsYWJlbCB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgPC9tYXQtbGFiZWw+XHJcbiAgICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkXCIgY2xhc3M9XCJyZXF1aXJlZC1pbnB1dFwiIFtuZ0NsYXNzXT1cInsncmVhZG9ubHktY29sb3InIDogbmdDb250cm9sLmNvbnRyb2wuZGlzYWJsZWR9XCI+Kjwvc3Bhbj5cclxuICA8L2Rpdj5cclxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBbbmdDbGFzc109XCJ7J29wZW5lZF9jYWxlbmRhcic6IGlzT3Blbn1cIlxyXG4gICAgICAgICAgICAgICAgICBbY2xhc3MucmVhZG9ubHktZmllbGRdPVwibmdDb250cm9sLmNvbnRyb2wuZGlzYWJsZWRcIj5cclxuICAgIDxpbnB1dCBtYXRJbnB1dCAjaW5wdXRFbGVtZW50XHJcbiAgICAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJuZ0NvbnRyb2wuY29udHJvbFwiXHJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlXCJcclxuICAgICAgICAgICBkYXRlTWFza1xyXG4gICAgICAgICAgIFttYXREYXRlcGlja2VyXT1cImRhdGVQaWNrZXJcIlxyXG4gICAgICAgICAgIFtlcnJvclN0YXRlTWF0Y2hlcl09XCJjdXN0b21FcnJvclN0YXRlTWF0Y2hlclwiXHJcbiAgICAgICAgICAgKGZvY3VzKT1cImZvY3VzZWQgPSB0cnVlXCJcclxuICAgICAgICAgICAoY2xpY2spPVwiZGF0ZVBpY2tlci5vcGVuKCk7XCJcclxuICAgICAgICAgICAoZGF0ZUNoYW5nZSk9XCJlbWl0Q2hhbmdlKClcIlxyXG4gICAgPlxyXG5cclxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImljb25QcmVmaXhcIlxyXG4gICAgICAgICAgICAgIG1hdFByZWZpeFxyXG4gICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIigoaWNvblByZWZpeFRvb2x0aXAgfHwgJycpIHwgdHJhbnNsYXRlKVwiXHJcbiAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImljb25QcmVmaXhDb2xvclwiXHJcbiAgICA+e3sgaWNvblByZWZpeCB9fVxyXG4gICAgPC9tYXQtaWNvbj5cclxuXHJcbiAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uUHJlZml4U3ZnXCJcclxuICAgICAgICAgICAgICBtYXRQcmVmaXhcclxuICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCIoKGljb25QcmVmaXhUb29sdGlwIHx8ICcnKSB8IHRyYW5zbGF0ZSlcIlxyXG4gICAgICAgICAgICAgIFtzdmdJY29uXT1cImljb25QcmVmaXhTdmdcIlxyXG4gICAgPjwvbWF0LWljb24+XHJcblxyXG4gICAgPGktdGVjaC1pY29uLWJ1dHRvbiBtYXRTdWZmaXhcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cIidkYXRlX3JhbmdlJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJuZ0NvbnRyb2wuY29udHJvbC5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJkYXRlUGlja2VyLm9wZW4oKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIm5nQ29udHJvbC5jb250cm9sLmRpc2FibGVkID8gJ3JlYWRvbmx5LWNvbG9yJyA6ICdkZWZhdWx0LWZvcm0taWNvbi1jb2xvcidcIlxyXG4gICAgPjwvaS10ZWNoLWljb24tYnV0dG9uPlxyXG5cclxuICAgIDxtYXQtZGF0ZXBpY2tlciAjZGF0ZVBpY2tlciAoY2xvc2VkKT1cImlzT3BlbiA9IGZhbHNlO2NsaWNrRm9yRm9jdXNPdXQoKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgKG9wZW5lZCk9XCJpc09wZW4gPSB0cnVlO2ZvY3VzZWQgPSB0cnVlXCI+PC9tYXQtZGF0ZXBpY2tlcj5cclxuXHJcbiAgICA8IS0tIEVycm9yIE1lc3NhZ2VzIC0tPlxyXG4gICAgPG1hdC1lcnJvciAqbmdJZj1cIiEhKG5nQ29udHJvbC5jb250cm9sLmVycm9ycyAmJiBzdWJtaXQpXCI+XHJcbiAgICAgIHt7IG5nQ29udHJvbC5jb250cm9sIHwgZ2VuZXJhdGVFcnJvck1lc3NhZ2VzIDogbGFiZWwgOiBkZWZhdWx0UGF0dGVybktleSB9fVxyXG4gICAgPC9tYXQtZXJyb3I+XHJcblxyXG4gICAgPCEtLSBIZWxwZXIgVGV4dCAtLT5cclxuICAgIDxtYXQtaGludCAqbmdJZj1cIiEoISEobmdDb250cm9sLmNvbnRyb2wuZXJyb3JzICYmIHN1Ym1pdCkpICYmIGhpbnRUZXh0XCJcclxuICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J3JlYWRvbmx5LWNvbG9yJyA6IG5nQ29udHJvbC5jb250cm9sLmRpc2FibGVkfVwiXHJcbiAgICA+XHJcbiAgICAgIHt7IGhpbnRUZXh0IHwgdHJhbnNsYXRlIH19XHJcbiAgICA8L21hdC1oaW50PlxyXG5cclxuICA8L21hdC1mb3JtLWZpZWxkPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/components/date-range-datepicker/date-range-datepicker.component.mjs

@@ -0,0 +1,118 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { MatDatepickerModule } from "@angular/material/datepicker";
+import { ReactiveFormsModule, UntypedFormControl, UntypedFormGroup, Validators } from "@angular/forms";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import { NgClass, NgIf } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import { IconButtonComponent } from "../icon-button/icon-button.component";
+import { DateMaskDirective } from "../../directives/date-mask.directive";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/form-field";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/datepicker";
+import * as i4 from "@ngx-translate/core";
+export class DateRangeDatepickerComponent {
+    constructor() {
+        this.submit = false;
+        this.clearValue = true;
+        this.errorMessage = '';
+        this.hintText = 'MM/DD/YYYY - MM/DD/YYYY';
+        this.resetForm = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.isOpen = false;
+        this.dateRangeForm = new UntypedFormGroup({
+            startDate: new UntypedFormControl('', [Validators.maxLength(10)]),
+            endDate: new UntypedFormControl('', [Validators.maxLength(10)]),
+        });
+        this.customErrorStateMatcher = {
+            isErrorState: (control, form) => {
+                return !!(control && control.invalid && this.submit);
+            }
+        };
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            if (this.defaultValue?.length) {
+                this.dateRangeForm.patchValue({
+                    startDate: this.defaultValue[0],
+                    endDate: this.defaultValue[1]
+                });
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        setTimeout(() => {
+            if (changes['value']?.currentValue && !(changes['value'].currentValue[0])) {
+                if (this.picker) {
+                    this.dateRangeForm.reset();
+                    this.picker.select(null);
+                }
+            }
+            else if (changes['value'] && this.value?.length) {
+                this.dateRangeForm.setValue({
+                    startDate: new Date(this.value[0] || ''),
+                    endDate: new Date(this.value[1] || '')
+                });
+            }
+        }, 10);
+    }
+    clickForFocusOut() {
+        setTimeout(() => {
+            this.min.nativeElement.focus();
+            this.min.nativeElement.blur();
+        }, 120);
+    }
+    setDate(value, element) {
+        this.selectionChange.emit(value);
+        element.blur();
+    }
+    keyEventHandler(event, value, element) {
+        if (event.code === 'Enter') {
+            this.setDate(value, element);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangeDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DateRangeDatepickerComponent, isStandalone: true, selector: "app-mat-range-datepicker", inputs: { label: "label", placeholder: "placeholder", value: "value", defaultValue: "defaultValue", key: "key", submit: "submit", clearValue: "clearValue", errorMessage: "errorMessage", onePlaceholder: "onePlaceholder", hintText: "hintText" }, outputs: { resetForm: "resetForm", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }, { propertyName: "min", first: true, predicate: ["min"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex_column relative mat-date-range-input\"\r\n     [formGroup]=\"dateRangeForm\"\r\n>\r\n    <div class=\"w-100\">\r\n        <mat-label>\r\n            {{(label || '') | translate}}\r\n        </mat-label>\r\n    </div>\r\n    <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\">\r\n        <mat-date-range-input [rangePicker]=\"picker\">\r\n            <input formControlName=\"startDate\"\r\n                   [placeholder]=\" (placeholder ? placeholder[0] : 'Start Date')\"\r\n                   [title]=\"key ? key.title :  'Date'\"\r\n                   [attr.data-accessKey]=\"key ? key.start : 'minStartDate'\"\r\n                   [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n                   matStartDate #min\r\n                   dateMask\r\n                   [errorStateMatcher]=\"customErrorStateMatcher\"\r\n                   [rangeFormControl]=\"dateRangeForm.controls['startDate']\"\r\n                   (keydown)=\"keyEventHandler($event,[min.value, max.value || null],min)\"\r\n                   (dateChange)=\"setDate([min.value, max.value || null],min)\">\r\n            <input formControlName=\"endDate\"\r\n                   [placeholder]=\"(placeholder  ? placeholder[1] : 'End Date')\"\r\n                   [title]=\"key ? key.title :  'Date'\"\r\n                   [attr.data-accessKey]=\"key ? key.end : 'maxEndDate'\"\r\n                   [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n                   matEndDate #max\r\n                   dateMask\r\n                   [errorStateMatcher]=\"customErrorStateMatcher\"\r\n                   [rangeFormControl]=\"dateRangeForm.controls['endDate']\"\r\n                   (keydown)=\"keyEventHandler($event,[min.value, max.value || null],max)\"\r\n                   (dateChange)=\"setDate([min.value, max.value || null],max)\">\r\n        </mat-date-range-input>\r\n        <i-tech-icon-button matSuffix\r\n             [iconName]=\"'cancel'\"\r\n             (buttonClick)=\"selectionChange.emit([null, null])\"\r\n             class=\"default-form-icon-color\"\r\n             *ngIf=\"dateRangeForm.get('startDate')?.value && this.dateRangeForm.get('endDate')?.value\"\r\n        ></i-tech-icon-button>\r\n        <i-tech-icon-button matSuffix [iconName]=\"'date_range'\" (buttonClick)=\"picker.open()\" class=\"default-form-icon-color\"></i-tech-icon-button>\r\n        <mat-date-range-picker #picker (closed)=\"isOpen = false;clickForFocusOut()\" (opened)=\"isOpen = true\"></mat-date-range-picker>\r\n        <mat-hint *ngIf=\"hintText && !errorMessage\">{{hintText}}</mat-hint>\r\n    </mat-form-field>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i3.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i3.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i3.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: DateMaskDirective, selector: "[dateMask]", inputs: ["maskType", "matDatepicker", "rangeFormControl"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangeDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-mat-range-datepicker', imports: [
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatDatepickerModule,
+                        NgClass, NgIf,
+                        TranslateModule,
+                        IconButtonComponent, DateMaskDirective
+                    ], standalone: true, template: "<div class=\"flex_column relative mat-date-range-input\"\r\n     [formGroup]=\"dateRangeForm\"\r\n>\r\n    <div class=\"w-100\">\r\n        <mat-label>\r\n            {{(label || '') | translate}}\r\n        </mat-label>\r\n    </div>\r\n    <mat-form-field appearance=\"outline\" [ngClass]=\"{'opened_calendar': isOpen}\">\r\n        <mat-date-range-input [rangePicker]=\"picker\">\r\n            <input formControlName=\"startDate\"\r\n                   [placeholder]=\" (placeholder ? placeholder[0] : 'Start Date')\"\r\n                   [title]=\"key ? key.title :  'Date'\"\r\n                   [attr.data-accessKey]=\"key ? key.start : 'minStartDate'\"\r\n                   [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n                   matStartDate #min\r\n                   dateMask\r\n                   [errorStateMatcher]=\"customErrorStateMatcher\"\r\n                   [rangeFormControl]=\"dateRangeForm.controls['startDate']\"\r\n                   (keydown)=\"keyEventHandler($event,[min.value, max.value || null],min)\"\r\n                   (dateChange)=\"setDate([min.value, max.value || null],min)\">\r\n            <input formControlName=\"endDate\"\r\n                   [placeholder]=\"(placeholder  ? placeholder[1] : 'End Date')\"\r\n                   [title]=\"key ? key.title :  'Date'\"\r\n                   [attr.data-accessKey]=\"key ? key.end : 'maxEndDate'\"\r\n                   [attr.data-parentKey]=\"key ? (key.start + '_' + key.end) : 'minStartDate_maxEndDate'\"\r\n                   matEndDate #max\r\n                   dateMask\r\n                   [errorStateMatcher]=\"customErrorStateMatcher\"\r\n                   [rangeFormControl]=\"dateRangeForm.controls['endDate']\"\r\n                   (keydown)=\"keyEventHandler($event,[min.value, max.value || null],max)\"\r\n                   (dateChange)=\"setDate([min.value, max.value || null],max)\">\r\n        </mat-date-range-input>\r\n        <i-tech-icon-button matSuffix\r\n             [iconName]=\"'cancel'\"\r\n             (buttonClick)=\"selectionChange.emit([null, null])\"\r\n             class=\"default-form-icon-color\"\r\n             *ngIf=\"dateRangeForm.get('startDate')?.value && this.dateRangeForm.get('endDate')?.value\"\r\n        ></i-tech-icon-button>\r\n        <i-tech-icon-button matSuffix [iconName]=\"'date_range'\" (buttonClick)=\"picker.open()\" class=\"default-form-icon-color\"></i-tech-icon-button>\r\n        <mat-date-range-picker #picker (closed)=\"isOpen = false;clickForFocusOut()\" (opened)=\"isOpen = true\"></mat-date-range-picker>\r\n        <mat-hint *ngIf=\"hintText && !errorMessage\">{{hintText}}</mat-hint>\r\n    </mat-form-field>\r\n</div>\r\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], key: [{
+                type: Input
+            }], submit: [{
+                type: Input
+            }], clearValue: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], onePlaceholder: [{
+                type: Input
+            }], hintText: [{
+                type: Input
+            }], resetForm: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }], picker: [{
+                type: ViewChild,
+                args: ['picker']
+            }], min: [{
+                type: ViewChild,
+                args: ['min']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXJhbmdlLWRhdGVwaWNrZXIvZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXJhbmdlLWRhdGVwaWNrZXIvZGF0ZS1yYW5nZS1kYXRlcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxtQkFBbUIsRUFBcUIsTUFBTSw4QkFBOEIsQ0FBQztBQUNyRixPQUFPLEVBQUMsbUJBQW1CLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLEVBQUUsVUFBVSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDckcsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7Ozs7OztBQWV2RSxNQUFNLE9BQU8sNEJBQTRCO0lBYnpDO1FBbUJXLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGlCQUFZLEdBQUcsRUFBRSxD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SyxDQUFDLElBQUksS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBQyxPQUFPLENBQUMsQ0FBQTtRQUM3QixDQUFDO0lBQ0gsQ0FBQzsrR0F2RVUsNEJBQTRCO21HQUE1Qiw0QkFBNEIscWxCQy9CekMsNnJGQTRDQSwyQ0R0Qkksa0JBQWtCLG1nQkFDbEIsbUJBQW1CLG0yQkFDbkIsbUJBQW1CLGtuQkFDbkIsT0FBTyxvRkFBRSxJQUFJLDRGQUNiLGVBQWUsNEZBQ2YsbUJBQW1CLGlLQUFFLGlCQUFpQjs7NEZBSTdCLDRCQUE0QjtrQkFieEMsU0FBUzsrQkFDRSwwQkFBMEIsV0FFM0I7d0JBQ1Asa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsT0FBTyxFQUFFLElBQUk7d0JBQ2IsZUFBZTt3QkFDZixtQkFBbUIsRUFBRSxpQkFBaUI7cUJBQ3ZDLGNBQ1csSUFBSTs4QkFHUCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNjLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFDRCxHQUFHO3NCQUFwQixTQUFTO3VCQUFDLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgQ29tcG9uZW50LCBFbGVtZW50UmVmLFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT3V0cHV0LFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TWF0RGF0ZXBpY2tlck1vZHVsZSwgTWF0RGF0ZVJhbmdlUGlja2VyfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlclwiO1xyXG5pbXBvcnQge1JlYWN0aXZlRm9ybXNNb2R1bGUsIFVudHlwZWRGb3JtQ29udHJvbCwgVW50eXBlZEZvcm1Hcm91cCwgVmFsaWRhdG9yc30gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xyXG5pbXBvcnQge05nQ2xhc3MsIE5nSWZ9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGV9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XHJcbmltcG9ydCB7SWNvbkJ1dHRvbkNvbXBvbmVudH0gZnJvbSBcIi4uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge0RhdGVNYXNrRGlyZWN0aXZlfSBmcm9tIFwiLi4vLi4vZGlyZWN0aXZlcy9kYXRlLW1hc2suZGlyZWN0aXZlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1tYXQtcmFuZ2UtZGF0ZXBpY2tlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcmFuZ2UtZGF0ZXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXHJcbiAgICBOZ0NsYXNzLCBOZ0lmLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgSWNvbkJ1dHRvbkNvbXBvbmVudCwgRGF0ZU1hc2tEaXJlY3RpdmVcclxuICBdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZURhdGVwaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIEFmdGVyVmlld0luaXQge1xyXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogQXJyYXk8c3RyaW5nPjtcclxuICBASW5wdXQoKSB2YWx1ZT86IEFycmF5PHN0cmluZyB8IG51bGw+O1xyXG4gIEBJbnB1dCgpIGRlZmF1bHRWYWx1ZT86IEFycmF5PERhdGU+O1xyXG4gIEBJbnB1dCgpIGtleT86IHtzdGFydDogc3RyaW5nLCBlbmQ6IHN0cmluZywgdGl0bGU6IHN0cmluZ307XHJcbiAgQElucHV0KCkgc3VibWl0ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgY2xlYXJWYWx1ZSA9IHRydWU7XHJcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlID0gJyc7XHJcbiAgQElucHV0KCkgb25lUGxhY2Vob2xkZXI/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaGludFRleHQ6IHN0cmluZyA9ICdNTS9ERC9ZWVlZIC0gTU0vREQvWVlZWSc7XHJcbiAgQE91dHB1dCgpIHJlc2V0Rm9ybSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBzZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAVmlld0NoaWxkKCdwaWNrZXInKSBwaWNrZXIhOiBNYXREYXRlUmFuZ2VQaWNrZXI8YW55PjtcclxuICBAVmlld0NoaWxkKCdtaW4nKSBtaW4hOiBFbGVtZW50UmVmO1xyXG4gIGlzT3BlbiA9IGZhbHNlO1xyXG5cclxuICBkYXRlUmFuZ2VGb3JtID0gbmV3IFVudHlwZWRGb3JtR3JvdXAoe1xyXG4gICAgc3RhcnREYXRlOiBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5tYXhMZW5ndGgoMTApXSksXHJcbiAgICBlbmREYXRlOiBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnLCBbVmFsaWRhdG9ycy5tYXhMZW5ndGgoMTApXSksXHJcbiAgfSk7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICBpZiAodGhpcy5kZWZhdWx0VmFsdWU/Lmxlbmd0aCkge1xyXG4gICAgICAgIHRoaXMuZGF0ZVJhbmdlRm9ybS5wYXRjaFZhbHVlKHtcclxuICAgICAgICAgIHN0YXJ0RGF0ZTogdGhpcy5kZWZhdWx0VmFsdWVbMF0sXHJcbiAgICAgICAgICBlbmREYXRlOiB0aGlzLmRlZmF1bHRWYWx1ZVsxXVxyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgIH0pXHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgaWYgKGNoYW5nZXNbJ3ZhbHVlJ10/LmN1cnJlbnRWYWx1ZSAmJiAhKGNoYW5nZXNbJ3ZhbHVlJ10uY3VycmVudFZhbHVlWzBdKSkge1xyXG4gICAgICAgIGlmICh0aGlzLnBpY2tlcikge1xyXG4gICAgICAgICAgdGhpcy5kYXRlUmFuZ2VGb3JtLnJlc2V0KCk7XHJcbiAgICAgICAgICB0aGlzLnBpY2tlci5zZWxlY3QobnVsbClcclxuICAgICAgICB9XHJcbiAgICAgIH0gZWxzZSBpZiAoY2hhbmdlc1sndmFsdWUnXSAmJiB0aGlzLnZhbHVlPy5sZW5ndGgpIHtcclxuICAgICAgICB0aGlzLmRhdGVSYW5nZUZvcm0uc2V0VmFsdWUoe1xyXG4gICAgICAgICAgc3RhcnREYXRlOiBuZXcgRGF0ZSh0aGlzLnZhbHVlWzBdIHx8ICcnKSxcclxuICAgICAgICAgIGVuZERhdGU6IG5ldyBEYXRlKHRoaXMudmFsdWVbMV0gfHwgJycpXHJcbiAgICAgICAgfSlcclxuICAgICAgfVxyXG4gICAgfSwgMTApXHJcbiAgfVxyXG5cclxuICBjbGlja0ZvckZvY3VzT3V0KCk6IHZvaWQge1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMubWluLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuICAgICAgdGhpcy5taW4ubmF0aXZlRWxlbWVudC5ibHVyKCk7XHJcbiAgICB9LDEyMClcclxuICB9XHJcblxyXG4gIGN1c3RvbUVycm9yU3RhdGVNYXRjaGVyID0ge1xyXG4gICAgaXNFcnJvclN0YXRlOiAoY29udHJvbDogYW55LCBmb3JtOiBhbnkpOiBib29sZWFuID0+IHtcclxuICAgICAgcmV0dXJuICEhKGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIHRoaXMuc3VibWl0KTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICBzZXREYXRlKHZhbHVlOiBBcnJheTxzdHJpbmcgfCBudWxsPiwgZWxlbWVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5lbWl0KHZhbHVlKTtcclxuICAgIGVsZW1lbnQuYmx1cigpO1xyXG4gIH1cclxuXHJcbiAga2V5RXZlbnRIYW5kbGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50LHZhbHVlOiBBcnJheTxzdHJpbmcgfCBudWxsPiwgZWxlbWVudDogYW55KTogdm9pZCB7XHJcbiAgICBpZiAoZXZlbnQuY29kZSA9PT0gJ0VudGVyJykge1xyXG4gICAgICB0aGlzLnNldERhdGUodmFsdWUsZWxlbWVudClcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4X2NvbHVtbiByZWxhdGl2ZSBtYXQtZGF0ZS1yYW5nZS1pbnB1dFwiXHJcbiAgICAgW2Zvcm1Hcm91cF09XCJkYXRlUmFuZ2VGb3JtXCJcclxuPlxyXG4gICAgPGRpdiBjbGFzcz1cInctMTAwXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbD5cclxuICAgICAgICAgICAge3sobGFiZWwgfHwgJycpIHwgdHJhbnNsYXRlfX1cclxuICAgICAgICA8L21hdC1sYWJlbD5cclxuICAgIDwvZGl2PlxyXG4gICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgW25nQ2xhc3NdPVwieydvcGVuZWRfY2FsZW5kYXInOiBpc09wZW59XCI+XHJcbiAgICAgICAgPG1hdC1kYXRlLXJhbmdlLWlucHV0IFtyYW5nZVBpY2tlcl09XCJwaWNrZXJcIj5cclxuICAgICAgICAgICAgPGlucHV0IGZvcm1Db250cm9sTmFtZT1cInN0YXJ0RGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiIChwbGFjZWhvbGRlciA/IHBsYWNlaG9sZGVyWzBdIDogJ1N0YXJ0IERhdGUnKVwiXHJcbiAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwia2V5ID8ga2V5LnRpdGxlIDogICdEYXRlJ1wiXHJcbiAgICAgICAgICAgICAgICAgICBbYXR0ci5kYXRhLWFjY2Vzc0tleV09XCJrZXkgPyBrZXkuc3RhcnQgOiAnbWluU3RhcnREYXRlJ1wiXHJcbiAgICAgICAgICAgICAgICAgICBbYXR0ci5kYXRhLXBhcmVudEtleV09XCJrZXkgPyAoa2V5LnN0YXJ0ICsgJ18nICsga2V5LmVuZCkgOiAnbWluU3RhcnREYXRlX21heEVuZERhdGUnXCJcclxuICAgICAgICAgICAgICAgICAgIG1hdFN0YXJ0RGF0ZSAjbWluXHJcbiAgICAgICAgICAgICAgICAgICBkYXRlTWFza1xyXG4gICAgICAgICAgICAgICAgICAgW2Vycm9yU3RhdGVNYXRjaGVyXT1cImN1c3RvbUVycm9yU3RhdGVNYXRjaGVyXCJcclxuICAgICAgICAgICAgICAgICAgIFtyYW5nZUZvcm1Db250cm9sXT1cImRhdGVSYW5nZUZvcm0uY29udHJvbHNbJ3N0YXJ0RGF0ZSddXCJcclxuICAgICAgICAgICAgICAgICAgIChrZXlkb3duKT1cImtleUV2ZW50SGFuZGxlcigkZXZlbnQsW21pbi52YWx1ZSwgbWF4LnZhbHVlIHx8IG51bGxdLG1pbilcIlxyXG4gICAgICAgICAgICAgICAgICAgKGRhdGVDaGFuZ2UpPVwic2V0RGF0ZShbbWluLnZhbHVlLCBtYXgudmFsdWUgfHwgbnVsbF0sbWluKVwiPlxyXG4gICAgICAgICAgICA8aW5wdXQgZm9ybUNvbnRyb2xOYW1lPVwiZW5kRGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiKHBsYWNlaG9sZGVyICA/IHBsYWNlaG9sZGVyWzFdIDogJ0VuZCBEYXRlJylcIlxyXG4gICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cImtleSA/IGtleS50aXRsZSA6ICAnRGF0ZSdcIlxyXG4gICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1hY2Nlc3NLZXldPVwia2V5ID8ga2V5LmVuZCA6ICdtYXhFbmREYXRlJ1wiXHJcbiAgICAgICAgICAgICAgICAgICBbYXR0ci5kYXRhLXBhcmVudEtleV09XCJrZXkgPyAoa2V5LnN0YXJ0ICsgJ18nICsga2V5LmVuZCkgOiAnbWluU3RhcnREYXRlX21heEVuZERhdGUnXCJcclxuICAgICAgICAgICAgICAgICAgIG1hdEVuZERhdGUgI21heFxyXG4gICAgICAgICAgICAgICAgICAgZGF0ZU1hc2tcclxuICAgICAgICAgICAgICAgICAgIFtlcnJvclN0YXRlTWF0Y2hlcl09XCJjdXN0b21FcnJvclN0YXRlTWF0Y2hlclwiXHJcbiAgICAgICAgICAgICAgICAgICBbcmFuZ2VGb3JtQ29udHJvbF09XCJkYXRlUmFuZ2VGb3JtLmNvbnRyb2xzWydlbmREYXRlJ11cIlxyXG4gICAgICAgICAgICAgICAgICAgKGtleWRvd24pPVwia2V5RXZlbnRIYW5kbGVyKCRldmVudCxbbWluLnZhbHVlLCBtYXgudmFsdWUgfHwgbnVsbF0sbWF4KVwiXHJcbiAgICAgICAgICAgICAgICAgICAoZGF0ZUNoYW5nZSk9XCJzZXREYXRlKFttaW4udmFsdWUsIG1heC52YWx1ZSB8fCBudWxsXSxtYXgpXCI+XHJcbiAgICAgICAgPC9tYXQtZGF0ZS1yYW5nZS1pbnB1dD5cclxuICAgICAgICA8aS10ZWNoLWljb24tYnV0dG9uIG1hdFN1ZmZpeFxyXG4gICAgICAgICAgICAgW2ljb25OYW1lXT1cIidjYW5jZWwnXCJcclxuICAgICAgICAgICAgIChidXR0b25DbGljayk9XCJzZWxlY3Rpb25DaGFuZ2UuZW1pdChbbnVsbCwgbnVsbF0pXCJcclxuICAgICAgICAgICAgIGNsYXNzPVwiZGVmYXVsdC1mb3JtLWljb24tY29sb3JcIlxyXG4gICAgICAgICAgICAgKm5nSWY9XCJkYXRlUmFuZ2VGb3JtLmdldCgnc3RhcnREYXRlJyk/LnZhbHVlICYmIHRoaXMuZGF0ZVJhbmdlRm9ybS5nZXQoJ2VuZERhdGUnKT8udmFsdWVcIlxyXG4gICAgICAgID48L2ktdGVjaC1pY29uLWJ1dHRvbj5cclxuICAgICAgICA8aS10ZWNoLWljb24tYnV0dG9uIG1hdFN1ZmZpeCBbaWNvbk5hbWVdPVwiJ2RhdGVfcmFuZ2UnXCIgKGJ1dHRvbkNsaWNrKT1cInBpY2tlci5vcGVuKClcIiBjbGFzcz1cImRlZmF1bHQtZm9ybS1pY29uLWNvbG9yXCI+PC9pLXRlY2gtaWNvbi1idXR0b24+XHJcbiAgICAgICAgPG1hdC1kYXRlLXJhbmdlLXBpY2tlciAjcGlja2VyIChjbG9zZWQpPVwiaXNPcGVuID0gZmFsc2U7Y2xpY2tGb3JGb2N1c091dCgpXCIgKG9wZW5lZCk9XCJpc09wZW4gPSB0cnVlXCI+PC9tYXQtZGF0ZS1yYW5nZS1waWNrZXI+XHJcbiAgICAgICAgPG1hdC1oaW50ICpuZ0lmPVwiaGludFRleHQgJiYgIWVycm9yTWVzc2FnZVwiPnt7aGludFRleHR9fTwvbWF0LWhpbnQ+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/directives/date-mask.directive.mjs

@@ -0,0 +1,92 @@
+import { Directive, HostListener, Input } from '@angular/core';
+import { NgxMaskDirective, NgxMaskService } from 'ngx-mask';
+import * as i0 from "@angular/core";
+export class DateMaskDirective {
+    constructor(elementRef, injector) {
+        this.elementRef = elementRef;
+        this.injector = injector;
+        this.expressions = {
+            DMY: 'M0/d0/0000',
+            DM: 'M0/d0'
+        };
+        this.dateRegex = new RegExp(/^\s*(1[012]|0?[1-9])\/(3[01]|[12][0-9]|0?[1-9])\/((?:19|20)\d{2})\s*$/);
+        this.dayMonthRegex = new RegExp(/^\s*(1[012]|0?[1-9])\/(3[01]|[12][0-9]|0?[1-9])$/);
+        this.previousValue = '';
+        this.maskService = this.injector.get(NgxMaskService);
+    }
+    onInput() {
+        let value = this.elementRef.nativeElement.value;
+        if (this.existsZerosInString(value)) {
+            value = this.previousValue;
+        }
+        const maskedValue = this.maskService.applyMask(value, this.maskType === 'DAY_MONTH' ? this.expressions.DM : this.expressions.DMY);
+        if (this.maskType !== 'DAY_MONTH' && !isNaN(new Date(maskedValue).getTime())) {
+            if (this.matDatepicker) {
+                this.matDatepicker.select(new Date(maskedValue));
+            }
+            else if (this.rangeFormControl) {
+                this.rangeFormControl.setValue(new Date(maskedValue));
+            }
+        }
+        if (isNaN(new Date(maskedValue).getTime())) {
+            this.matDatepicker.select(null);
+        }
+        this.elementRef.nativeElement.value = maskedValue || null;
+        this.previousValue = maskedValue || null;
+    }
+    onPaste(event) {
+        const pastedValue = event.clipboardData?.getData('text/plain');
+        if (!pastedValue) {
+            return;
+        }
+        if (this.maskType === 'DAY_MONTH') {
+            if (!this.dayMonthRegex.test(pastedValue)) {
+                event?.preventDefault();
+            }
+        }
+        else {
+            if (!this.dateRegex.test(pastedValue)) {
+                event?.preventDefault();
+            }
+        }
+    }
+    existsZerosInString(date) {
+        const dateToArray = date.split('/');
+        let isValid;
+        if (this.maskType === 'DAY_MONTH') {
+            isValid = !!dateToArray.find((part) => part.includes('00'));
+        }
+        else {
+            if (dateToArray.length < 3) {
+                isValid = !!dateToArray.find((part) => part.includes('00'));
+            }
+            else {
+                isValid = (dateToArray[2][0] == '0') || (+dateToArray[2][0] > 2);
+            }
+        }
+        return isValid;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateMaskDirective, deps: [{ token: i0.ElementRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DateMaskDirective, isStandalone: true, selector: "[dateMask]", inputs: { maskType: "maskType", matDatepicker: "matDatepicker", rangeFormControl: "rangeFormControl" }, host: { listeners: { "input": "onInput()", "paste": "onPaste($event)" } }, providers: [NgxMaskDirective], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateMaskDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateMask]',
+                    providers: [NgxMaskDirective],
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }], propDecorators: { maskType: [{
+                type: Input
+            }], matDatepicker: [{
+                type: Input
+            }], rangeFormControl: [{
+                type: Input
+            }], onInput: [{
+                type: HostListener,
+                args: ['input']
+            }], onPaste: [{
+                type: HostListener,
+                args: ['paste', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1tYXNrLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvZGlyZWN0aXZlcy9kYXRlLW1hc2suZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNGLEtBQUssRUFDaEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGNBQWMsRUFBQyxNQUFNLFVBQVUsQ0FBQzs7QUFTM0QsTUFBTSxPQUFPLGlCQUFpQjtJQWM1QixZQUNZLFVBQXNCLEVBQ3RCLFFBQWtCO1FBRGxCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQVg5QixnQkFBVyxHQUFHO1lBQ1osR0FBRyxFQUFFLFlBQVk7WUFDakIsRUFBRSxFQUFFLE9BQU87U0FDWixDQUFBO1FBRUQsY0FBUyxHQUFHLElBQUksTUFBTSxDQUFDLHVFQUF1RSxDQUFDLENBQUM7UUFDaEcsa0JBQWEsR0FBRyxJQUFJLE1BQU0sQ0FBQyxrREFBa0QsQ0FBQyxDQUFDO1FBQy9FLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBTWpCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUdELE9BQU87UUFDTCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFFaEQsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUNwQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM3QixDQUFDO1FBRUQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQzFDLEtBQUss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UUFDRCxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDOytHQS9FVSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0T0FIbEIsQ0FBQyxnQkFBZ0IsQ0FBQzs7NEZBR2pCLGlCQUFpQjtrQkFMN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtvQkFDdEIsU0FBUyxFQUFDLENBQUMsZ0JBQWdCLENBQUM7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjtzR0FFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQW1CTixPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTztnQkE4QnJCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIERpcmVjdGl2ZSxcclxuICBFbGVtZW50UmVmLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbmplY3RvciwgSW5wdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmd4TWFza0RpcmVjdGl2ZSwgTmd4TWFza1NlcnZpY2V9IGZyb20gJ25neC1tYXNrJztcclxuaW1wb3J0IHtNYXREYXRlcGlja2VyfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlclwiO1xyXG5pbXBvcnQge0Fic3RyYWN0Q29udHJvbH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tkYXRlTWFza10nLFxyXG4gIHByb3ZpZGVyczpbTmd4TWFza0RpcmVjdGl2ZV0sXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZU1hc2tEaXJlY3RpdmUge1xyXG4gIEBJbnB1dCgpIG1hc2tUeXBlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1hdERhdGVwaWNrZXIhOiBNYXREYXRlcGlja2VyPGFueT47XHJcbiAgQElucHV0KCkgcmFuZ2VGb3JtQ29udHJvbCE6IEFic3RyYWN0Q29udHJvbDtcclxuXHJcbiAgZXhwcmVzc2lvbnMgPSB7XHJcbiAgICBETVk6ICdNMC9kMC8wMDAwJyxcclxuICAgIERNOiAnTTAvZDAnXHJcbiAgfVxyXG4gIG1hc2tTZXJ2aWNlOiBhbnk7XHJcbiAgZGF0ZVJlZ2V4ID0gbmV3IFJlZ0V4cCgvXlxccyooMVswMTJdfDA/WzEtOV0pXFwvKDNbMDFdfFsxMl1bMC05XXwwP1sxLTldKVxcLygoPzoxOXwyMClcXGR7Mn0pXFxzKiQvKTtcclxuICBkYXlNb250aFJlZ2V4ID0gbmV3IFJlZ0V4cCgvXlxccyooMVswMTJdfDA/WzEtOV0pXFwvKDNbMDFdfFsxMl1bMC05XXwwP1sxLTldKSQvKTtcclxuICBwcmV2aW91c1ZhbHVlID0gJyc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxyXG4gICkge1xyXG4gICAgdGhpcy5tYXNrU2VydmljZSA9IHRoaXMuaW5qZWN0b3IuZ2V0KE5neE1hc2tTZXJ2aWNlKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2lucHV0JylcclxuICBvbklucHV0KCkge1xyXG4gICAgbGV0IHZhbHVlID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudmFsdWU7XHJcblxyXG4gICAgaWYgKHRoaXMuZXhpc3RzWmVyb3NJblN0cmluZyh2YWx1ZSkpIHtcclxuICAgICAgdmFsdWUgPSB0aGlzLnByZXZpb3VzVmFsdWU7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgbWFza2VkVmFsdWUgPSB0aGlzLm1hc2tTZXJ2aWNlLmFwcGx5TWFzayhcclxuICAgICAgICB2YWx1ZSxcclxuICAgICAgICB0aGlzLm1hc2tUeXBlID09PSAnREFZX01PTlRIJyA/IHRoaXMuZXhwcmVzc2lvbnMuRE0gOiB0aGlzLmV4cHJlc3Npb25zLkRNWVxyXG4gICAgKTtcclxuXHJcbiAgICBpZiAodGhpcy5tYXNrVHlwZSAhPT0gJ0RBWV9NT05USCcgJiYgIWlzTmFOKG5ldyBEYXRlKG1hc2tlZFZhbHVlKS5nZXRUaW1lKCkpKSB7XHJcbiAgICAgIGlmICh0aGlzLm1hdERhdGVwaWNrZXIpIHtcclxuICAgICAgICB0aGlzLm1hdERhdGVwaWNrZXIuc2VsZWN0KG5ldyBEYXRlKG1hc2tlZFZhbHVlKSk7XHJcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5yYW5nZUZvcm1Db250cm9sKSB7XHJcbiAgICAgICAgdGhpcy5yYW5nZUZvcm1Db250cm9sLnNldFZhbHVlKG5ldyBEYXRlKG1hc2tlZFZhbHVlKSk7XHJcbiAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIGlmIChpc05hTihuZXcgRGF0ZShtYXNrZWRWYWx1ZSkuZ2V0VGltZSgpKSkge1xyXG4gICAgICB0aGlzLm1hdERhdGVwaWNrZXIuc2VsZWN0KG51bGwpXHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQudmFsdWUgPSBtYXNrZWRWYWx1ZSB8fCBudWxsO1xyXG4gICAgdGhpcy5wcmV2aW91c1ZhbHVlID0gbWFza2VkVmFsdWUgfHwgbnVsbDtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ3Bhc3RlJywgWyckZXZlbnQnXSlcclxuICBvblBhc3RlKGV2ZW50OiBDbGlwYm9hcmRFdmVudCkge1xyXG4gICAgY29uc3QgcGFzdGVkVmFsdWUgPSBldmVudC5jbGlwYm9hcmREYXRhPy5nZXREYXRhKCd0ZXh0L3BsYWluJyk7XHJcbiAgICBpZiAoIXBhc3RlZFZhbHVlKSB7IHJldHVybjsgfVxyXG4gICAgaWYgKHRoaXMubWFza1R5cGUgPT09ICdEQVlfTU9OVEgnKSB7XHJcbiAgICAgIGlmICghdGhpcy5kYXlNb250aFJlZ2V4LnRlc3QocGFzdGVkVmFsdWUpKSB7XHJcbiAgICAgICAgZXZlbnQ/LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlmICghdGhpcy5kYXRlUmVnZXgudGVzdChwYXN0ZWRWYWx1ZSkpIHtcclxuICAgICAgICBldmVudD8ucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZXhpc3RzWmVyb3NJblN0cmluZyhkYXRlOiBzdHJpbmcpOiBib29sZWFuIHtcclxuICAgIGNvbnN0IGRhdGVUb0FycmF5ID0gZGF0ZS5zcGxpdCgnLycpO1xyXG4gICAgbGV0IGlzVmFsaWQ7XHJcbiAgICBpZiAodGhpcy5tYXNrVHlwZSA9PT0gJ0RBWV9NT05USCcpIHtcclxuICAgICAgaXNWYWxpZCA9ICEhZGF0ZVRvQXJyYXkuZmluZCgocGFydDogc3RyaW5nKSA9PiBwYXJ0LmluY2x1ZGVzKCcwMCcpKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlmIChkYXRlVG9BcnJheS5sZW5ndGggPCAzKSB7XHJcbiAgICAgICAgaXNWYWxpZCA9ICEhZGF0ZVRvQXJyYXkuZmluZCgocGFydDogc3RyaW5nKSA9PiBwYXJ0LmluY2x1ZGVzKCcwMCcpKTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICBpc1ZhbGlkID0gKGRhdGVUb0FycmF5WzJdWzBdID09ICcwJykgfHwgKCtkYXRlVG9BcnJheVsyXVswXSA+IDIpO1xyXG4gICAgICB9XHJcblxyXG4gICAgfVxyXG4gICAgcmV0dXJuIGlzVmFsaWQ7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2022/public-api.mjs

@@ -13,4 +13,7 @@ export * from './lib/components/icon-button/icon-button.component';
 export * from './lib/components/text/text-input.component';
 export * from './lib/components/button/button.component';
 export * from './lib/components/autocomplete-select/autocomplete-select.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsb0VBQW9FLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc2hhcmVkLWNvbXBvbmVudHNcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcy9nZW5lcmF0ZS1lcnJvci1tZXNzYWdlcy5waXBlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvYXJyYXktdG8tc3RyaW5nLnBpcGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcy9nZXQtdmFsdWUtYnkta2V5LWZyb20tb2JqZWN0LnBpcGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9pbnB1dC5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9hcHAtaW5wdXQuaW50ZXJmYWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9idXR0b24tdHlwZXMuZW51bSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ludGVyZmFjZXMvYXV0b2NvbXBsZXRlLWNvbmZpZ3MuaW50ZXJmYWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9pbnB1dC1tYXNrLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90ZXh0L3RleHQtaW5wdXQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlLXNlbGVjdC9hdXRvY29tcGxldGUtc2VsZWN0LmNvbXBvbmVudCc7XHJcblxyXG4iXX0=
+export * from './lib/components/date-picker/date-picker.component';
+export * from './lib/components/clear-value/clear-value.component';
+export * from './lib/components/date-range-datepicker/date-range-datepicker.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsb0VBQW9FLENBQUM7QUFDbkYsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsd0VBQXdFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygc2hhcmVkLWNvbXBvbmVudHNcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcy9nZW5lcmF0ZS1lcnJvci1tZXNzYWdlcy5waXBlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMvYXJyYXktdG8tc3RyaW5nLnBpcGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcy9nZXQtdmFsdWUtYnkta2V5LWZyb20tb2JqZWN0LnBpcGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9pbnB1dC5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9hcHAtaW5wdXQuaW50ZXJmYWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9idXR0b24tdHlwZXMuZW51bSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ludGVyZmFjZXMvYXV0b2NvbXBsZXRlLWNvbmZpZ3MuaW50ZXJmYWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9pbnB1dC1tYXNrLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90ZXh0L3RleHQtaW5wdXQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlLXNlbGVjdC9hdXRvY29tcGxldGUtc2VsZWN0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jbGVhci12YWx1ZS9jbGVhci12YWx1ZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGUtcmFuZ2UtZGF0ZXBpY2tlci9kYXRlLXJhbmdlLWRhdGVwaWNrZXIuY29tcG9uZW50JztcclxuXHJcbiJdfQ==