@eui/components 18.0.0-rc.12 → 18.0.0-rc.14

package/fesm2022/eui-components-eui-date-range-selector.mjs

@@ -14,6 +14,7 @@ import { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import * as i2 from '@eui/core';
+import { uniqueId } from '@eui/core';
 import * as i7 from '@eui/components/eui-button';
 import { EuiButtonModule } from '@eui/components/eui-button';
 import * as i8 from '@eui/components/eui-icon';
@@ -46,6 +47,7 @@ class EuiDateRangeSelectorComponent {
         this.e2eAttr = 'eui-date-range-selector';
         this.togglerIconSvg = 'eui-calendar-outline';
         this.startView = 'month';
+        this.startDateId = `start-date-${uniqueId()}`;
         this.islongDateFormat = false;
         this.isClearable = false;
         this.isReadOnly = false;
@@ -194,11 +196,11 @@ class EuiDateRangeSelectorComponent {
         this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiDateRangeSelectorComponent, deps: [{ token: i1.TranslateService }, { token: i2.LocaleService, optional: true }, { token: i3.DateAdapter }, { token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, usesOnChanges: true, ngImport: i0, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    euiIconButton\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>\n", styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex;padding:var(--eui-s-s);text-align:left;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiDateRangeSelectorComponent, selector: "eui-date-range-selector", inputs: { e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", firstInputPlaceholder: "firstInputPlaceholder", secondInputPlaceholder: "secondInputPlaceholder", firstInputAriaLabel: "firstInputAriaLabel", secondInputAriaLabel: "secondInputAriaLabel", startDateDefaultValue: "startDateDefaultValue", endDateDefaultValue: "endDateDefaultValue", comparisonStart: "comparisonStart", comparisonEnd: "comparisonEnd", startView: "startView", startDateId: "startDateId", islongDateFormat: ["islongDateFormat", "islongDateFormat", booleanAttribute], isClearable: ["isClearable", "isClearable", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isResponsive: ["isResponsive", "isResponsive", booleanAttribute] }, outputs: { firstSelectedDate: "firstSelectedDate", secondSelectedDate: "secondSelectedDate" }, host: { properties: { "class": "this.class", "attr.data-e2e": "this.e2eAttr" } }, usesOnChanges: true, ngImport: i0, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    euiIconButton\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>\n", styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex;padding:var(--eui-s-s);text-align:left;width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i6.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i6.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i6.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i7.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i8.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i9.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiDateRangeSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    euiIconButton\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>\n", styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex;padding:var(--eui-s-s);text-align:left;width:100%}\n"] }]
+            args: [{ selector: 'eui-date-range-selector', encapsulation: ViewEncapsulation.None, template: "<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    euiIconButton\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>\n", styles: [".eui-date-range-selector{display:inline-flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector--responsive{display:flex;width:100%}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;height:calc(var(--eui-s-2xl) + 3 * var(--eui-s-2xs))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container{align-items:center;display:flex;height:100%}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper{height:100%;width:calc(6.9 * var(--eui-s-m))}.eui-date-range-selector .mat-date-range-input .mat-date-range-input-container .mat-date-range-input-wrapper .eui-input-text{min-height:calc(var(--eui-s-2xl) + 2px)}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper{width:calc(8.5 * var(--eui-s-m))!important}.eui-date-range-selector.eui-date-range-selector--clearable .mat-date-range-input-wrapper .mat-date-range-input-inner{position:relative}.eui-date-range-selector--long-date-format .mat-date-range-input-wrapper{width:calc(12.5 * var(--eui-s-m))!important}.eui-date-range-selector .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:1}.eui-date-range-selector__toggler{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.eui-date-range-selector__toggler-label{width:auto}.eui-date-range-selector .mat-date-range-input{align-items:center;display:flex;box-sizing:border-box;background:var(--eui-c-white);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);border-bottom-right-radius:0;border-top-right-radius:0;text-align:center}.eui-date-range-selector .mat-date-range-input--read-only{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;padding:var(--eui-s-2xs) 0;pointer-events:none}.eui-date-range-selector .mat-date-range-input--read-only .mat-date-range-input-separator.mat-date-range-input-separator-hidden{opacity:0}.eui-date-range-selector .mat-date-range-input--disabled{background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50);background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest)}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__start-date{border-right:none!important}.eui-date-range-selector .mat-date-range-input--disabled input.eui-date-range-selector__end-date{border-left:none!important}.eui-date-range-selector .mat-date-range-input--invalid{border:var(--eui-bw-xs) solid var(--eui-c-danger)}.eui-date-range-selector input.mat-date-range-input-inner{align-items:center;font: 400 1rem/1.25rem arial,sans-serif;appearance:none;background-color:inherit;border:hidden;color:var(--eui-c-neutral);display:flex;padding:var(--eui-s-s);text-align:left;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocaleService, decorators: [{
                     type: Optional
                 }] }, { type: i3.DateAdapter }, { type: i4.NgControl, decorators: [{
@@ -243,6 +245,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], startView: [{
                 type: Input
+            }], startDateId: [{
+                type: Input
             }], islongDateFormat: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -322,7 +326,7 @@ const euiStartEndDateValidator =
 // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 (adapter) => (control) => {
-    const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value.startRange)));
+    const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value?.startRange)));
     const end = moment(control.value?.endRange);
     return !start || !end || adapter.compareDate(start, end) <= 0 ? null : { euiDateRangeInvalid: { end, actual: start } };
 };

package/fesm2022/eui-components-eui-date-range-selector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-date-range-selector.mjs","sources":["../../eui-date-range-selector/eui-date-range-selector.component.ts","../../eui-date-range-selector/eui-date-range-selector.component.html","../../eui-date-range-selector/eui-date-range-selector.module.ts","../../eui-date-range-selector/eui-date-range-selector.validators.ts","../../eui-date-range-selector/eui-components-eui-date-range-selector.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n    Component,\n    DoCheck,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    Self,\n    SimpleChanges,\n    ViewEncapsulation,\n    booleanAttribute,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl, Validators } from '@angular/forms';\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\nimport { DateAdapter } from '@angular/material/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { LocaleService } from '@eui/core';\nimport { EuiDateRangeSelectorDates } from './models/eui-date-range-selector-dates.model';\n\n@Component({\n    selector: 'eui-date-range-selector',\n    templateUrl: './eui-date-range-selector.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDateRangeSelectorComponent implements OnInit, OnDestroy, OnChanges, ControlValueAccessor, DoCheck {\n    selectedDates: EuiDateRangeSelectorDates = { startRange:null, endRange: null };\n    public isInvalid: boolean;\n    public isTouched: boolean;\n    public startRangeFormControl = new FormControl();\n    public endRangeFormControl = new FormControl();\n\n    @Output() firstSelectedDate = new EventEmitter<any>();\n    @Output() secondSelectedDate = new EventEmitter<any>();\n\n    @HostBinding('class')\n    get class(): string {\n        return [\n            'eui-date-range-selector',\n            this.isClearable ? 'eui-date-range-selector--clearable': '',\n            this.islongDateFormat ? 'eui-date-range-selector--long-date-format': '',\n            this.isResponsive ? 'eui-date-range-selector--responsive': '',\n        ].join(' ').trim();\n    }\n    @HostBinding('attr.data-e2e')\n    @Input() e2eAttr = 'eui-date-range-selector';\n    @Input() minDate: any;\n    @Input() maxDate: any;\n    @Input() togglerIconSvg = 'eui-calendar-outline';\n    @Input() togglerLabel: string;\n    @Input() firstInputPlaceholder: string;\n    @Input() secondInputPlaceholder: string;\n    @Input() firstInputAriaLabel: string;\n    @Input() secondInputAriaLabel: string;\n    @Input() startDateDefaultValue: any;\n    @Input() endDateDefaultValue: any;\n    @Input() comparisonStart: any;\n    @Input() comparisonEnd: any;\n    @Input() startView: 'month' | 'year' | 'multi-year' = 'month';\n    @Input({ transform: booleanAttribute }) islongDateFormat = false;\n    @Input({ transform: booleanAttribute }) isClearable = false;\n    @Input({ transform: booleanAttribute }) isReadOnly = false;\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n    @Input({ transform: booleanAttribute }) isResponsive = false;\n\n    protected hasAriaRequiredAttribute: boolean;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        protected translateService: TranslateService,\n        @Optional() protected localeService: LocaleService,\n        protected adapter: DateAdapter<any>,\n        @Self() @Optional() protected control: NgControl,\n    ) {\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        this.localeService\n            .getState()\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((state) => {\n                this.adapter.setLocale(state.id);\n            });\n\n        this.startRangeFormControl = new FormControl({ value: this.startDateDefaultValue, disabled: this.isDisabled });\n        this.endRangeFormControl = new FormControl({ value: this.endDateDefaultValue, disabled: this.isDisabled });\n\n        if (!this.firstInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputPlaceholder = result;\n                });\n        }\n        // by setting the firstInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.firstInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputAriaLabel = result;\n                });\n        }\n        if (!this.secondInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputPlaceholder = result;\n                });\n        }\n        // by setting the secondInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.secondInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputAriaLabel = result;\n                });\n        }\n\n        this.updateInputAriaRequiredAttribute(this.control);\n        this.control?.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n            this.updateInputAriaRequiredAttribute(this.control);\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n            // marks the input controls as touched/invalid if the form control is touched/invalid\n            this.control?.touched ? this.startRangeFormControl?.markAsTouched() : this.startRangeFormControl.markAsUntouched();\n            this.control?.touched ? this.endRangeFormControl.markAsTouched() : this.endRangeFormControl?.markAsUntouched();\n            this.control?.touched ? (this.isTouched = true) : (this.isTouched = false);\n            this.control?.invalid ? this.startRangeFormControl.setErrors(this.control.errors) : this.startRangeFormControl.setErrors(null);\n            this.control?.invalid ? this.endRangeFormControl.setErrors(this.control.errors) : this.endRangeFormControl.setErrors(null);\n            this.control?.invalid ? (this.isInvalid = true) : (this.isInvalid = false);\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['startDateDefaultValue']) {\n            this.startRangeFormControl.setValue(this.startDateDefaultValue);\n        }\n        if (changes && changes['endDateDefaultValue']) {\n            this.endRangeFormControl.setValue(this.endDateDefaultValue);\n        }\n\n        if (changes && changes['isDisabled']) {\n            this.setDisabledState(this.isDisabled);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public onFirstDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.startRange = e.value;\n        this.firstSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    public onSecondDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.endRange = e.value;\n        this.secondSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    onFirstDateClear(): void {\n        this.selectedDates.startRange = null;\n        this.firstSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n    onSecondDateClear(): void {\n        this.selectedDates.endRange = null;\n        this.secondSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n\n    writeValue(values: EuiDateRangeSelectorDates): void {\n        if (values && values.startRange === undefined) {\n            throw new Error('startRange of EuiDateRangeSelectorDates model must be defined');\n        }\n        if (values && values.endRange === undefined) {\n            throw new Error('endRange of EuiDateRangeSelectorDates model must be defined');\n        }\n\n        this.startDateDefaultValue = values?.startRange;\n        this.endDateDefaultValue = values?.endRange;\n        this.startRangeFormControl.setValue(values?.startRange);\n        this.endRangeFormControl.setValue(values?.endRange);\n        this.selectedDates = values || { startRange:null, endRange: null };\n    }\n\n    public setDisabledState?(isDisabled: boolean): void {\n        this.isDisabled = isDisabled;\n        if (this.isDisabled) {\n            this.startRangeFormControl.disable();\n            this.endRangeFormControl.disable();\n        } else {\n            this.startRangeFormControl.enable();\n            this.endRangeFormControl.enable();\n        }\n    }\n\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars\n    private propagateChange = (_: any): void => {};\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    private propagateTouched = (): void => {};\n\n    /**\n     * Updates the `aria-required` attribute on the input element.\n     * @private\n     */\n    private updateInputAriaRequiredAttribute(control: NgControl): void {\n        this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);\n    }\n}\n","<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    euiIconButton\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { EuiDateRangeSelectorComponent } from './eui-date-range-selector.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { DEFAULT_FORMATS } from '@eui/components/eui-datepicker';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TranslateModule,\n        MatDatepickerModule,\n        MatMomentDateModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiInputTextModule,\n    ],\n    exports: [EuiDateRangeSelectorComponent],\n    declarations: [EuiDateRangeSelectorComponent],\n    providers: [\n        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n        { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },\n    ],\n})\nexport class EuiDateRangeSelectorModule {}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DateAdapter } from '@angular/material/core';\nimport moment from 'moment';\n\n/**\n * @description\n * Validator that checks that the start date isn't after the end date.\n *\n * @usageNotes\n * If the user types a value in the input field that is not aligned with the provided format the component propagates a null value that\n * can be used to validate the input field.\n *\n * @returns An error map with the\n * `euiDateRangeInvalid` if the validation check fails, otherwise `null`.\n */\n\nexport const euiStartEndDateValidator =\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (adapter: DateAdapter<any>): ValidatorFn =>\n    (control: AbstractControl): ValidationErrors | null => {\n        const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value.startRange)));\n        const end = moment(control.value?.endRange);\n        return !start || !end || adapter.compareDate(start, end) <= 0 ? null : { euiDateRangeInvalid: { end, actual: start } };\n    };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-date-range-selector.mjs","sources":["../../eui-date-range-selector/eui-date-range-selector.component.ts","../../eui-date-range-selector/eui-date-range-selector.component.html","../../eui-date-range-selector/eui-date-range-selector.module.ts","../../eui-date-range-selector/eui-date-range-selector.validators.ts","../../eui-date-range-selector/eui-components-eui-date-range-selector.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n    Component,\n    DoCheck,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    Self,\n    SimpleChanges,\n    ViewEncapsulation,\n    booleanAttribute,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, NgControl, Validators } from '@angular/forms';\nimport { MatDatepickerInputEvent } from '@angular/material/datepicker';\nimport { DateAdapter } from '@angular/material/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { LocaleService, uniqueId } from '@eui/core';\nimport { EuiDateRangeSelectorDates } from './models/eui-date-range-selector-dates.model';\n\n@Component({\n    selector: 'eui-date-range-selector',\n    templateUrl: './eui-date-range-selector.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiDateRangeSelectorComponent implements OnInit, OnDestroy, OnChanges, ControlValueAccessor, DoCheck {\n    selectedDates: EuiDateRangeSelectorDates = { startRange:null, endRange: null };\n    public isInvalid: boolean;\n    public isTouched: boolean;\n    public startRangeFormControl = new FormControl();\n    public endRangeFormControl = new FormControl();\n\n    @Output() firstSelectedDate = new EventEmitter<any>();\n    @Output() secondSelectedDate = new EventEmitter<any>();\n\n    @HostBinding('class')\n    get class(): string {\n        return [\n            'eui-date-range-selector',\n            this.isClearable ? 'eui-date-range-selector--clearable': '',\n            this.islongDateFormat ? 'eui-date-range-selector--long-date-format': '',\n            this.isResponsive ? 'eui-date-range-selector--responsive': '',\n        ].join(' ').trim();\n    }\n    @HostBinding('attr.data-e2e')\n    @Input() e2eAttr = 'eui-date-range-selector';\n    @Input() minDate: any;\n    @Input() maxDate: any;\n    @Input() togglerIconSvg = 'eui-calendar-outline';\n    @Input() togglerLabel: string;\n    @Input() firstInputPlaceholder: string;\n    @Input() secondInputPlaceholder: string;\n    @Input() firstInputAriaLabel: string;\n    @Input() secondInputAriaLabel: string;\n    @Input() startDateDefaultValue: any;\n    @Input() endDateDefaultValue: any;\n    @Input() comparisonStart: any;\n    @Input() comparisonEnd: any;\n    @Input() startView: 'month' | 'year' | 'multi-year' = 'month';\n    @Input() startDateId = `start-date-${uniqueId()}`;\n    @Input({ transform: booleanAttribute }) islongDateFormat = false;\n    @Input({ transform: booleanAttribute }) isClearable = false;\n    @Input({ transform: booleanAttribute }) isReadOnly = false;\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n    @Input({ transform: booleanAttribute }) isResponsive = false;\n\n    protected hasAriaRequiredAttribute: boolean;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        protected translateService: TranslateService,\n        @Optional() protected localeService: LocaleService,\n        protected adapter: DateAdapter<any>,\n        @Self() @Optional() protected control: NgControl,\n    ) {\n        if (this.control) {\n            this.control.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        this.localeService\n            .getState()\n            .pipe(takeUntil(this.destroy$))\n            .subscribe((state) => {\n                this.adapter.setLocale(state.id);\n            });\n\n        this.startRangeFormControl = new FormControl({ value: this.startDateDefaultValue, disabled: this.isDisabled });\n        this.endRangeFormControl = new FormControl({ value: this.endDateDefaultValue, disabled: this.isDisabled });\n\n        if (!this.firstInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputPlaceholder = result;\n                });\n        }\n        // by setting the firstInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.firstInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.FIRSTPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.firstInputAriaLabel = result;\n                });\n        }\n        if (!this.secondInputPlaceholder) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSLABEL')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputPlaceholder = result;\n                });\n        }\n        // by setting the secondInputAriaLabel to dd/mm/yyyy(or the desired format) the format can be announced to the screen reader users before the users start typing\n        if (!this.secondInputAriaLabel) {\n            this.translateService\n                .stream('eui.daterangeselector.SECONDPICKERSPLACEHOLDER')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe((result: string) => {\n                    this.secondInputAriaLabel = result;\n                });\n        }\n\n        this.updateInputAriaRequiredAttribute(this.control);\n        this.control?.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n            this.updateInputAriaRequiredAttribute(this.control);\n        });\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n            // marks the input controls as touched/invalid if the form control is touched/invalid\n            this.control?.touched ? this.startRangeFormControl?.markAsTouched() : this.startRangeFormControl.markAsUntouched();\n            this.control?.touched ? this.endRangeFormControl.markAsTouched() : this.endRangeFormControl?.markAsUntouched();\n            this.control?.touched ? (this.isTouched = true) : (this.isTouched = false);\n            this.control?.invalid ? this.startRangeFormControl.setErrors(this.control.errors) : this.startRangeFormControl.setErrors(null);\n            this.control?.invalid ? this.endRangeFormControl.setErrors(this.control.errors) : this.endRangeFormControl.setErrors(null);\n            this.control?.invalid ? (this.isInvalid = true) : (this.isInvalid = false);\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes && changes['startDateDefaultValue']) {\n            this.startRangeFormControl.setValue(this.startDateDefaultValue);\n        }\n        if (changes && changes['endDateDefaultValue']) {\n            this.endRangeFormControl.setValue(this.endDateDefaultValue);\n        }\n\n        if (changes && changes['isDisabled']) {\n            this.setDisabledState(this.isDisabled);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    public onFirstDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.startRange = e.value;\n        this.firstSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    public onSecondDateChange(e: MatDatepickerInputEvent<any>): void {\n        this.selectedDates.endRange = e.value;\n        this.secondSelectedDate.emit(e.value);\n        this.propagateChange(this.selectedDates);\n        this.propagateTouched();\n    }\n\n    onFirstDateClear(): void {\n        this.selectedDates.startRange = null;\n        this.firstSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n    onSecondDateClear(): void {\n        this.selectedDates.endRange = null;\n        this.secondSelectedDate.emit(null);\n        this.propagateChange(this.selectedDates);\n    }\n\n    writeValue(values: EuiDateRangeSelectorDates): void {\n        if (values && values.startRange === undefined) {\n            throw new Error('startRange of EuiDateRangeSelectorDates model must be defined');\n        }\n        if (values && values.endRange === undefined) {\n            throw new Error('endRange of EuiDateRangeSelectorDates model must be defined');\n        }\n\n        this.startDateDefaultValue = values?.startRange;\n        this.endDateDefaultValue = values?.endRange;\n        this.startRangeFormControl.setValue(values?.startRange);\n        this.endRangeFormControl.setValue(values?.endRange);\n        this.selectedDates = values || { startRange:null, endRange: null };\n    }\n\n    public setDisabledState?(isDisabled: boolean): void {\n        this.isDisabled = isDisabled;\n        if (this.isDisabled) {\n            this.startRangeFormControl.disable();\n            this.endRangeFormControl.disable();\n        } else {\n            this.startRangeFormControl.enable();\n            this.endRangeFormControl.enable();\n        }\n    }\n\n    registerOnChange(fn: any): void {\n        this.propagateChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.propagateTouched = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars\n    private propagateChange = (_: any): void => {};\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    private propagateTouched = (): void => {};\n\n    /**\n     * Updates the `aria-required` attribute on the input element.\n     * @private\n     */\n    private updateInputAriaRequiredAttribute(control: NgControl): void {\n        this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);\n    }\n}\n","<mat-date-range-input\n    [class.mat-date-range-input--read-only]=\"isReadOnly\"\n    [class.mat-date-range-input--disabled]=\"isDisabled\"\n    [class.mat-date-range-input--invalid]=\"isInvalid && isTouched\"\n    [rangePicker]=\"picker\"\n    [min]=\"minDate\"\n    [max]=\"maxDate\"\n    [comparisonStart]=\"comparisonStart\"\n    [comparisonEnd]=\"comparisonEnd\">\n    <input\n        #inputStartDate\n        class=\"eui-date-range-selector__start-date\"\n        euiInputText\n        [id]=\"startDateId\"\n        [readonly]=\"isReadOnly\"\n        matStartDate\n        placeholder=\"{{ firstInputPlaceholder }}\"\n        attr.aria-label=\"{{ firstInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"startRangeFormControl\"\n        (dateInput)=\"onFirstDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onFirstDateClear()\" />\n    <input\n        #inputEndDate\n        class=\"eui-date-range-selector__end-date\"\n        euiInputText\n        [readonly]=\"isReadOnly\"\n        matEndDate\n        placeholder=\"{{ secondInputPlaceholder }}\"\n        attr.aria-label=\"{{ secondInputAriaLabel }}\"\n        [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n        [formControl]=\"endRangeFormControl\"\n        (dateInput)=\"onSecondDateChange($event)\"\n        [euiClearable]=\"isClearable\"\n        (clear)=\"onSecondDateClear()\" />\n</mat-date-range-input>\n<mat-date-range-picker #picker [startView]=\"startView\"> </mat-date-range-picker>\n<button\n    *ngIf=\"!isReadOnly\"\n    class=\"eui-date-range-selector__toggler eui-date-range-selector__toggler-{{ !togglerLabel ? 'icon' : 'label' }}\"\n    (click)=\"picker.open()\"\n    euiButton\n    euiSecondary\n    euiIconButton\n    type=\"button\"\n    [euiDisabled]=\"isDisabled\"\n    aria-haspopup=\"dialog\">\n    <ng-container *ngIf=\"!togglerLabel\">\n        <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n    </ng-container>\n    <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';\nimport { MatMomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { EuiDateRangeSelectorComponent } from './eui-date-range-selector.component';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiInputTextModule } from '@eui/components/eui-input-text';\nimport { DEFAULT_FORMATS } from '@eui/components/eui-datepicker';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        ReactiveFormsModule,\n        TranslateModule,\n        MatDatepickerModule,\n        MatMomentDateModule,\n        EuiButtonModule,\n        EuiIconModule,\n        EuiInputTextModule,\n    ],\n    exports: [EuiDateRangeSelectorComponent],\n    declarations: [EuiDateRangeSelectorComponent],\n    providers: [\n        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n        { provide: MAT_DATE_FORMATS, useValue: DEFAULT_FORMATS },\n    ],\n})\nexport class EuiDateRangeSelectorModule {}\n","import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DateAdapter } from '@angular/material/core';\nimport moment from 'moment';\n\n/**\n * @description\n * Validator that checks that the start date isn't after the end date.\n *\n * @usageNotes\n * If the user types a value in the input field that is not aligned with the provided format the component propagates a null value that\n * can be used to validate the input field.\n *\n * @returns An error map with the\n * `euiDateRangeInvalid` if the validation check fails, otherwise `null`.\n */\n\nexport const euiStartEndDateValidator =\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (adapter: DateAdapter<any>): ValidatorFn =>\n    (control: AbstractControl): ValidationErrors | null => {\n        const start = moment(adapter.getValidDateOrNull(adapter.deserialize(control.value?.startRange)));\n        const end = moment(control.value?.endRange);\n        return !start || !end || adapter.compareDate(start, end) <= 0 ? null : { euiDateRangeInvalid: { end, actual: start } };\n    };\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;MAiCa,6BAA6B,CAAA;AAUtC,IAAA,IACI,KAAK,GAAA;QACL,OAAO;YACH,yBAAyB;YACzB,IAAI,CAAC,WAAW,GAAG,oCAAoC,GAAE,EAAE;YAC3D,IAAI,CAAC,gBAAgB,GAAG,2CAA2C,GAAE,EAAE;YACvE,IAAI,CAAC,YAAY,GAAG,qCAAqC,GAAE,EAAE;AAChE,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACtB;AA0BD,IAAA,WAAA,CACc,gBAAkC,EACtB,aAA4B,EACxC,OAAyB,EACL,OAAkB,EAAA;QAHtC,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;QACtB,IAAa,CAAA,aAAA,GAAb,aAAa,CAAe;QACxC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAkB;QACL,IAAO,CAAA,OAAA,GAAP,OAAO,CAAW;QA/CpD,IAAa,CAAA,aAAA,GAA8B,EAAE,UAAU,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAGxE,QAAA,IAAA,CAAA,qBAAqB,GAAG,IAAI,WAAW,EAAE,CAAC;AAC1C,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,WAAW,EAAE,CAAC;AAErC,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAO,CAAC;AAC5C,QAAA,IAAA,CAAA,kBAAkB,GAAG,IAAI,YAAY,EAAO,CAAC;QAY9C,IAAO,CAAA,OAAA,GAAG,yBAAyB,CAAC;QAGpC,IAAc,CAAA,cAAA,GAAG,sBAAsB,CAAC;QAUxC,IAAS,CAAA,SAAA,GAAoC,OAAO,CAAC;AACrD,QAAA,IAAA,CAAA,WAAW,GAAG,CAAA,WAAA,EAAc,QAAQ,EAAE,EAAE,CAAC;QACV,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;QACzB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;AAGrD,QAAA,IAAA,CAAA,QAAQ,GAAqB,IAAI,OAAO,EAAW,CAAC;;AA2JpD,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,CAAM,KAAU,GAAG,CAAC;;AAGvC,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAW,GAAG,CAAC;AAtJtC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;SACrC;KACJ;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,aAAa;AACb,aAAA,QAAQ,EAAE;AACV,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,aAAA,SAAS,CAAC,CAAC,KAAK,KAAI;YACjB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AACrC,SAAC,CAAC,CAAC;QAEP,IAAI,CAAC,qBAAqB,GAAG,IAAI,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAC/G,IAAI,CAAC,mBAAmB,GAAG,IAAI,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;AAE3G,QAAA,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;AAC7B,YAAA,IAAI,CAAC,gBAAgB;iBAChB,MAAM,CAAC,yCAAyC,CAAC;AACjD,iBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,iBAAA,SAAS,CAAC,CAAC,MAAc,KAAI;AAC1B,gBAAA,IAAI,CAAC,qBAAqB,GAAG,MAAM,CAAC;AACxC,aAAC,CAAC,CAAC;SACV;;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC3B,YAAA,IAAI,CAAC,gBAAgB;iBAChB,MAAM,CAAC,+CAA+C,CAAC;AACvD,iBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,iBAAA,SAAS,CAAC,CAAC,MAAc,KAAI;AAC1B,gBAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC;AACtC,aAAC,CAAC,CAAC;SACV;AACD,QAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;AAC9B,YAAA,IAAI,CAAC,gBAAgB;iBAChB,MAAM,CAAC,0CAA0C,CAAC;AAClD,iBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,iBAAA,SAAS,CAAC,CAAC,MAAc,KAAI;AAC1B,gBAAA,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC;AACzC,aAAC,CAAC,CAAC;SACV;;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;AAC5B,YAAA,IAAI,CAAC,gBAAgB;iBAChB,MAAM,CAAC,gDAAgD,CAAC;AACxD,iBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,iBAAA,SAAS,CAAC,CAAC,MAAc,KAAI;AAC1B,gBAAA,IAAI,CAAC,oBAAoB,GAAG,MAAM,CAAC;AACvC,aAAC,CAAC,CAAC;SACV;AAED,QAAA,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AAC1E,YAAA,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACxD,SAAC,CAAC,CAAC;KACN;IAED,SAAS,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;;YAEd,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,qBAAqB,CAAC,eAAe,EAAE,CAAC;YACnH,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,eAAe,EAAE,CAAC;YAC/G,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC;AAC3E,YAAA,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAC/H,YAAA,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YAC3H,IAAI,CAAC,OAAO,EAAE,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC;SAC9E;KACJ;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,IAAI,OAAO,CAAC,uBAAuB,CAAC,EAAE;YAC7C,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACnE;AACD,QAAA,IAAI,OAAO,IAAI,OAAO,CAAC,qBAAqB,CAAC,EAAE;YAC3C,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;SAC/D;AAED,QAAA,IAAI,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC,EAAE;AAClC,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC1C;KACJ;IAED,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzB,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;KAC/B;AAEM,IAAA,iBAAiB,CAAC,CAA+B,EAAA;QACpD,IAAI,CAAC,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC;QACxC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACrC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzC,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;AAEM,IAAA,kBAAkB,CAAC,CAA+B,EAAA;QACrD,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;QACtC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACtC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACzC,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;IAED,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC;AACrC,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAClC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC5C;IACD,iBAAiB,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;AACnC,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC5C;AAED,IAAA,UAAU,CAAC,MAAiC,EAAA;QACxC,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE;AAC3C,YAAA,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;SACpF;QACD,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS,EAAE;AACzC,YAAA,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAC;SAClF;AAED,QAAA,IAAI,CAAC,qBAAqB,GAAG,MAAM,EAAE,UAAU,CAAC;AAChD,QAAA,IAAI,CAAC,mBAAmB,GAAG,MAAM,EAAE,QAAQ,CAAC;QAC5C,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACxD,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACpD,QAAA,IAAI,CAAC,aAAa,GAAG,MAAM,IAAI,EAAE,UAAU,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;KACtE;AAEM,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AACxC,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;AAC7B,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;AACrC,YAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;SACtC;aAAM;AACH,YAAA,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,CAAC;AACpC,YAAA,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE,CAAC;SACrC;KACJ;AAED,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACpB,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;KAC7B;AAED,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACrB,QAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;KAC9B;AAQD;;;AAGG;AACK,IAAA,gCAAgC,CAAC,OAAkB,EAAA;AACvD,QAAA,IAAI,CAAC,wBAAwB,GAAG,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;KACvF;8GAhNQ,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,EAmClB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAChB,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAChB,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAChB,gBAAgB,CAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxExC,6lEAqDA,EAAA,MAAA,EAAA,CAAA,w0FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDpBa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;+BACI,yBAAyB,EAAA,aAAA,EAGpB,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6lEAAA,EAAA,MAAA,EAAA,CAAA,w0FAAA,CAAA,EAAA,CAAA;;0BAgDhC,QAAQ;;0BAER,IAAI;;0BAAI,QAAQ;yCAzCX,iBAAiB,EAAA,CAAA;sBAA1B,MAAM;gBACG,kBAAkB,EAAA,CAAA;sBAA3B,MAAM;gBAGH,KAAK,EAAA,CAAA;sBADR,WAAW;uBAAC,OAAO,CAAA;gBAUX,OAAO,EAAA,CAAA;sBADf,WAAW;uBAAC,eAAe,CAAA;;sBAC3B,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,sBAAsB,EAAA,CAAA;sBAA9B,KAAK;gBACG,mBAAmB,EAAA,CAAA;sBAA3B,KAAK;gBACG,oBAAoB,EAAA,CAAA;sBAA5B,KAAK;gBACG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,mBAAmB,EAAA,CAAA;sBAA3B,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACkC,gBAAgB,EAAA,CAAA;sBAAvD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;;;MEvC7B,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAA1B,0BAA0B,EAAA,YAAA,EAAA,CANpB,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAXxC,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,mBAAmB;YACnB,mBAAmB;YACnB,eAAe;YACf,aAAa;AACb,YAAA,kBAAkB,aAEZ,6BAA6B,CAAA,EAAA,CAAA,CAAA,EAAA;AAO9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EALxB,SAAA,EAAA;AACP,YAAA,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,eAAe,CAAC,EAAE;AAC9E,YAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,eAAe,EAAE;AAC3D,SAAA,EAAA,OAAA,EAAA,CAfG,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,mBAAmB;YACnB,mBAAmB;YACnB,eAAe;YACf,aAAa;YACb,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FASb,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAnBtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,eAAe;wBACf,mBAAmB;wBACnB,mBAAmB;wBACnB,eAAe;wBACf,aAAa;wBACb,kBAAkB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,YAAY,EAAE,CAAC,6BAA6B,CAAC;AAC7C,oBAAA,SAAS,EAAE;AACP,wBAAA,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,eAAe,CAAC,EAAE;AAC9E,wBAAA,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,eAAe,EAAE;AAC3D,qBAAA;AACJ,iBAAA,CAAA;;;AC5BD;;;;;;;;;;AAUG;MAEU,wBAAwB;AACjC;AACA;AACA,CAAC,OAAyB,KAC1B,CAAC,OAAwB,KAA6B;IAClD,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACjG,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5C,IAAA,OAAO,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,EAAE,mBAAmB,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;AAC3H;;ACxBJ;;AAEG;;;;"}

package/fesm2022/eui-components-eui-datepicker.mjs

@@ -17,7 +17,7 @@ import { Subject, takeUntil, fromEvent } from 'rxjs';
 import _rollupMoment from 'moment';
 import { EuiTimepickerComponent, EuiTimepickerModule } from '@eui/components/eui-timepicker';
 import * as i3 from '@eui/core';
-import { DYNAMIC_COMPONENT_CONFIG } from '@eui/core';
+import { uniqueId, DYNAMIC_COMPONENT_CONFIG } from '@eui/core';
 import * as i4 from '@eui/components/shared';
 import { BaseStatesDirective } from '@eui/components/shared';
 import * as i8 from '@eui/components/eui-button';
@@ -94,6 +94,7 @@ class EuiDatepickerComponent {
         this.stepHours = 1;
         this.stepMinutes = 1;
         this.stepSeconds = 1;
+        this.inputId = `eui-datepicker-${uniqueId()}`;
         this.isDatetimepicker = false;
         this.hasSeconds = false;
         this.isOneInputField = false;
@@ -584,7 +585,7 @@ class EuiDatepickerComponent {
         this.hasAriaRequiredAttribute = control?.control?.hasValidator(Validators.required);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiDatepickerComponent, deps: [{ token: i1.DateAdapter }, { token: i2.TranslateService }, { token: i3.LocaleService }, { token: i3.EuiAppShellService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }, { token: i4.BaseStatesDirective }, { token: forwardRef(() => EuiLetterFormatDirective), optional: true }, { token: i5.NgControl, optional: true, self: true }, { token: MAT_DATE_FORMATS }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiDatepickerComponent, selector: "eui-datepicker", inputs: { value: "value", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i4.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div euiInputGroup>\n    <div class=\"eui-input-group-addon\">\n        <input\n            #input\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            [euiClearable]=\"isClearable\"\n            (clear)=\"onClear()\"\n            [class.eui-datepicker--no-button]=\"hasNoButton\"\n            [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n            [class.eui-datepicker--block]=\"isDatepickerBlock\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            [formControl]=\"inputFormControl\"\n            [matDatepicker]=\"calendar\"\n            placeholder=\"{{ placeholder }}\"\n            (dateInput)=\"onDateInput($event)\"\n            (dateChange)=\"onDateChange($event)\"\n            [min]=\"minDate\"\n            [max]=\"maxDate\"\n            [matDatepickerFilter]=\"datepickerFilter\"\n            (click)=\"openCalendar()\"\n            autocomplete=\"off\"\n            aria-label=\"Date Input Field\"\n            (keypress)=\"onKeypress($event)\"\n            (focusout)=\"onFocusOut()\"\n            (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n        <mat-datepicker\n            #calendar\n            panelClass=\"mat-calendar-{{ type }}\"\n            [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n            (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n            (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n            [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n            [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n            [disabled]=\"isPickerDisabled\"\n            [calendarHeaderComponent]=\"customHeader\"\n            [dateClass]=\"dateClass\"\n            (opened)=\"onOpened()\">\n        </mat-datepicker>\n        <button\n            *ngIf=\"!hasNoButton && showDateButton\"\n            (click)=\"openCalendar()\"\n            euiButton\n            type=\"button\"\n            euiSecondary\n            [euiIconButton]=\"!togglerLabel\"\n            [euiDisabled]=\"isButtonDisabled\"\n            aria-haspopup=\"dialog\">\n            <ng-container *ngIf=\"!togglerLabel\">\n                <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n            </ng-container>\n            <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n        </button>\n    </div>\n</div>\n\n\n<ng-template #templatePortalRef>\n    <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-datepicker .eui-input-group{margin-bottom:0}.eui-datepicker--responsive,.eui-datepicker--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-c-primary-bg)}.eui-datepicker--secondary input{background-color:var(--eui-c-neutral-bg-light)}.eui-datepicker--info input{background-color:var(--eui-c-info-bg)}.eui-datepicker--success input{background-color:var(--eui-c-success-bg)}.eui-datepicker--warning input{background-color:var(--eui-c-warning-bg)}.eui-datepicker--danger input{background-color:var(--eui-c-danger-bg)}.eui-datepicker--accent input{background-color:var(--eui-c-accent-bg)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i10.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i11.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiDatepickerComponent, selector: "eui-datepicker", inputs: { value: "value", togglerIconSvg: "togglerIconSvg", togglerLabel: "togglerLabel", placeholder: "placeholder", type: "type", startView: "startView", e2eAttr: "e2eAttr", minDate: "minDate", maxDate: "maxDate", datepickerFilter: "datepickerFilter", dateOutputFormat: "dateOutputFormat", customHeader: "customHeader", dateClass: "dateClass", stepHours: "stepHours", stepMinutes: "stepMinutes", stepSeconds: "stepSeconds", inputId: "inputId", isDatetimepicker: ["isDatetimepicker", "isDatetimepicker", booleanAttribute], hasSeconds: ["hasSeconds", "hasSeconds", booleanAttribute], isOneInputField: ["isOneInputField", "isOneInputField", booleanAttribute], hasNoButton: ["hasNoButton", "hasNoButton", booleanAttribute], isDatepickerBlock: ["isDatepickerBlock", "isDatepickerBlock", booleanAttribute], isReadOnly: ["isReadOnly", "isReadOnly", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute], isInputDisabled: ["isInputDisabled", "isInputDisabled", booleanAttribute], isButtonDisabled: ["isButtonDisabled", "isButtonDisabled", booleanAttribute], isPickerDisabled: ["isPickerDisabled", "isPickerDisabled", booleanAttribute], isClearable: "isClearable", restrictToRegex: "restrictToRegex" }, outputs: { inputChange: "inputChange", dateSelect: "dateSelect" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euiActionButtons", first: true, predicate: i0.forwardRef(() => EuiActionButtonsDirective), descendants: true }], viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }, { propertyName: "templatePortalRef", first: true, predicate: ["templatePortalRef"], descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i4.BaseStatesDirective, inputs: ["euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div euiInputGroup>\n    <div class=\"eui-input-group-addon\">\n        <input\n            #input\n            euiInputText\n            [id]=\"inputId\"\n            [readonly]=\"isReadOnly\"\n            [euiClearable]=\"isClearable\"\n            (clear)=\"onClear()\"\n            [class.eui-datepicker--no-button]=\"hasNoButton\"\n            [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n            [class.eui-datepicker--block]=\"isDatepickerBlock\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            [formControl]=\"inputFormControl\"\n            [matDatepicker]=\"calendar\"\n            placeholder=\"{{ placeholder }}\"\n            (dateInput)=\"onDateInput($event)\"\n            (dateChange)=\"onDateChange($event)\"\n            [min]=\"minDate\"\n            [max]=\"maxDate\"\n            [matDatepickerFilter]=\"datepickerFilter\"\n            (click)=\"openCalendar()\"\n            autocomplete=\"off\"\n            aria-label=\"Date Input Field\"\n            (keypress)=\"onKeypress($event)\"\n            (focusout)=\"onFocusOut()\"\n            (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n        <mat-datepicker\n            #calendar\n            panelClass=\"mat-calendar-{{ type }}\"\n            [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n            (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n            (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n            [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n            [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n            [disabled]=\"isPickerDisabled\"\n            [calendarHeaderComponent]=\"customHeader\"\n            [dateClass]=\"dateClass\"\n            (opened)=\"onOpened()\">\n        </mat-datepicker>\n        <button\n            *ngIf=\"!hasNoButton && showDateButton\"\n            (click)=\"openCalendar()\"\n            euiButton\n            type=\"button\"\n            euiSecondary\n            [euiIconButton]=\"!togglerLabel\"\n            [euiDisabled]=\"isButtonDisabled\"\n            aria-haspopup=\"dialog\">\n            <ng-container *ngIf=\"!togglerLabel\">\n                <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n            </ng-container>\n            <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n        </button>\n    </div>\n</div>\n\n\n<ng-template #templatePortalRef>\n    <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-datepicker .eui-input-group{margin-bottom:0}.eui-datepicker--responsive,.eui-datepicker--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-c-primary-bg)}.eui-datepicker--secondary input{background-color:var(--eui-c-neutral-bg-light)}.eui-datepicker--info input{background-color:var(--eui-c-info-bg)}.eui-datepicker--success input{background-color:var(--eui-c-success-bg)}.eui-datepicker--warning input{background-color:var(--eui-c-warning-bg)}.eui-datepicker--danger input{background-color:var(--eui-c-danger-bg)}.eui-datepicker--accent input{background-color:var(--eui-c-accent-bg)}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i7.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i7.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i8.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i9.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i10.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i11.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiDatepickerComponent, decorators: [{
             type: Component,
@@ -599,7 +600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                                 'euiVariant',
                             ],
                         },
-                    ], template: "<div euiInputGroup>\n    <div class=\"eui-input-group-addon\">\n        <input\n            #input\n            euiInputText\n            [readonly]=\"isReadOnly\"\n            [euiClearable]=\"isClearable\"\n            (clear)=\"onClear()\"\n            [class.eui-datepicker--no-button]=\"hasNoButton\"\n            [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n            [class.eui-datepicker--block]=\"isDatepickerBlock\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            [formControl]=\"inputFormControl\"\n            [matDatepicker]=\"calendar\"\n            placeholder=\"{{ placeholder }}\"\n            (dateInput)=\"onDateInput($event)\"\n            (dateChange)=\"onDateChange($event)\"\n            [min]=\"minDate\"\n            [max]=\"maxDate\"\n            [matDatepickerFilter]=\"datepickerFilter\"\n            (click)=\"openCalendar()\"\n            autocomplete=\"off\"\n            aria-label=\"Date Input Field\"\n            (keypress)=\"onKeypress($event)\"\n            (focusout)=\"onFocusOut()\"\n            (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n        <mat-datepicker\n            #calendar\n            panelClass=\"mat-calendar-{{ type }}\"\n            [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n            (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n            (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n            [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n            [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n            [disabled]=\"isPickerDisabled\"\n            [calendarHeaderComponent]=\"customHeader\"\n            [dateClass]=\"dateClass\"\n            (opened)=\"onOpened()\">\n        </mat-datepicker>\n        <button\n            *ngIf=\"!hasNoButton && showDateButton\"\n            (click)=\"openCalendar()\"\n            euiButton\n            type=\"button\"\n            euiSecondary\n            [euiIconButton]=\"!togglerLabel\"\n            [euiDisabled]=\"isButtonDisabled\"\n            aria-haspopup=\"dialog\">\n            <ng-container *ngIf=\"!togglerLabel\">\n                <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n            </ng-container>\n            <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n        </button>\n    </div>\n</div>\n\n\n<ng-template #templatePortalRef>\n    <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-datepicker .eui-input-group{margin-bottom:0}.eui-datepicker--responsive,.eui-datepicker--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-c-primary-bg)}.eui-datepicker--secondary input{background-color:var(--eui-c-neutral-bg-light)}.eui-datepicker--info input{background-color:var(--eui-c-info-bg)}.eui-datepicker--success input{background-color:var(--eui-c-success-bg)}.eui-datepicker--warning input{background-color:var(--eui-c-warning-bg)}.eui-datepicker--danger input{background-color:var(--eui-c-danger-bg)}.eui-datepicker--accent input{background-color:var(--eui-c-accent-bg)}\n"] }]
+                    ], template: "<div euiInputGroup>\n    <div class=\"eui-input-group-addon\">\n        <input\n            #input\n            euiInputText\n            [id]=\"inputId\"\n            [readonly]=\"isReadOnly\"\n            [euiClearable]=\"isClearable\"\n            (clear)=\"onClear()\"\n            [class.eui-datepicker--no-button]=\"hasNoButton\"\n            [class.eui-datepicker--long-format]=\"!isDatepickerBlock && (isDatetimepicker || euiLetterFormat)\"\n            [class.eui-datepicker--block]=\"isDatepickerBlock\"\n            [attr.aria-required]=\"hasAriaRequiredAttribute ? 'true' : null\"\n            [formControl]=\"inputFormControl\"\n            [matDatepicker]=\"calendar\"\n            placeholder=\"{{ placeholder }}\"\n            (dateInput)=\"onDateInput($event)\"\n            (dateChange)=\"onDateChange($event)\"\n            [min]=\"minDate\"\n            [max]=\"maxDate\"\n            [matDatepickerFilter]=\"datepickerFilter\"\n            (click)=\"openCalendar()\"\n            autocomplete=\"off\"\n            aria-label=\"Date Input Field\"\n            (keypress)=\"onKeypress($event)\"\n            (focusout)=\"onFocusOut()\"\n            (change)=\"isDatetimepicker ? changedInput($event) : null\" />\n        <mat-datepicker\n            #calendar\n            panelClass=\"mat-calendar-{{ type }}\"\n            [startView]=\"type === 'regular' ? (startView ? startView : convTypeToStartView(type)) : convTypeToStartView(type)\"\n            (yearSelected)=\"type === 'year' ? chosenDateHandler($event, calendar) : null\"\n            (monthSelected)=\"type === 'month' ? chosenDateHandler($event, calendar) : null\"\n            [touchUi]=\"breakpointsValue.isTablet || breakpointsValue.isMobile\"\n            [panelClass]=\"isDatetimepicker ? 'eui-datepicker--container-height-large' : null\"\n            [disabled]=\"isPickerDisabled\"\n            [calendarHeaderComponent]=\"customHeader\"\n            [dateClass]=\"dateClass\"\n            (opened)=\"onOpened()\">\n        </mat-datepicker>\n        <button\n            *ngIf=\"!hasNoButton && showDateButton\"\n            (click)=\"openCalendar()\"\n            euiButton\n            type=\"button\"\n            euiSecondary\n            [euiIconButton]=\"!togglerLabel\"\n            [euiDisabled]=\"isButtonDisabled\"\n            aria-haspopup=\"dialog\">\n            <ng-container *ngIf=\"!togglerLabel\">\n                <eui-icon-svg icon=\"{{ togglerIconSvg }}\" aria-label=\"Open Calendar\"></eui-icon-svg>\n            </ng-container>\n            <span *ngIf=\"togglerLabel\">{{ togglerLabel }}</span>\n        </button>\n    </div>\n</div>\n\n\n<ng-template #templatePortalRef>\n    <ng-content select=\"eui-action-buttons\"></ng-content>\n</ng-template>\n", styles: [".eui-datepicker{display:flex}.eui-datepicker:not(.eui-datepicker--responsive) .eui-input-group-addon{width:unset}.eui-datepicker:not(.eui-datepicker--responsive) input{border-bottom-right-radius:0;border-top-right-radius:0;width:calc(8.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-input-text--clearable{width:calc(9 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--long-format{width:calc(12.5 * var(--eui-s-m))}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--block{width:100%}.eui-datepicker:not(.eui-datepicker--responsive) input.eui-datepicker--no-button{border-bottom-right-radius:var(--eui-br-m);border-top-right-radius:var(--eui-br-m)}.eui-datepicker .eui-input-group{margin-bottom:0}.eui-datepicker--responsive,.eui-datepicker--responsive .eui-input-group-addon{width:100%}.eui-datepicker--container-height-large{height:auto!important}.eui-datepicker__action-buttons{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs)}.eui-datepicker__actions-cancel-button{margin-right:var(--eui-s-m)}.mat-calendar.mat-calendar-year .mat-calendar-period-button{display:none}.mat-datepicker-dialog .mat-datepicker-content-touch{max-height:none}.mat-datepicker-content-touch .mat-datepicker-content-container{height:auto!important;max-height:fit-content!important}.mat-mdc-icon-button:disabled{color:var(--eui-c-neutral-lighter)!important}.eui-datepicker--primary input{background-color:var(--eui-c-primary-bg)}.eui-datepicker--secondary input{background-color:var(--eui-c-neutral-bg-light)}.eui-datepicker--info input{background-color:var(--eui-c-info-bg)}.eui-datepicker--success input{background-color:var(--eui-c-success-bg)}.eui-datepicker--warning input{background-color:var(--eui-c-warning-bg)}.eui-datepicker--danger input{background-color:var(--eui-c-danger-bg)}.eui-datepicker--accent input{background-color:var(--eui-c-accent-bg)}\n"] }]
         }], ctorParameters: () => [{ type: i1.DateAdapter }, { type: i2.TranslateService }, { type: i3.LocaleService }, { type: i3.EuiAppShellService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.ViewContainerRef }, { type: i4.BaseStatesDirective }, { type: EuiLetterFormatDirective, decorators: [{
                     type: Optional
                 }, {
@@ -660,6 +661,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 type: Input
             }], stepSeconds: [{
                 type: Input
+            }], inputId: [{
+                type: Input
             }], isDatetimepicker: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]