@fundamental-ngx/core 0.36.0-rc.4 → 0.36.0-rc.7

package/datetime-picker/fesm2015/fundamental-ngx-core-datetime-picker.mjs

@@ -131,14 +131,6 @@ class DatetimePickerComponent {
          * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
          */
         this.preventScrollOnFocus = false;
-        /**
-         * Text and aria-label of the DateTimePicker 'OK' button.
-         */
-        this.okLabel = 'OK';
-        /**
-         * Text and aria-label of the DateTimePicker 'Cancel' button.
-         */
-        this.cancelLabel = 'Cancel';
         /** @hidden */
         this._processInputOnBlur = false;
         /** Event emitted when the state of the isOpen property changes. */
@@ -541,7 +533,7 @@ DatetimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
         registerFormItemControl(DatetimePickerComponent),
         PopoverFormMessageService,
         PopoverService
-    ], viewQueries: [{ propertyName: "_calendarComponent", first: true, predicate: CalendarComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel\"\n                                    [ariaLabel]=\"okLabel\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel\"\n                                    [ariaLabel]=\"cancelLabel\"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"], components: [{ type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i5.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle"] }, { type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i2.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { type: i7.CalendarComponent, selector: "fd-calendar", inputs: ["selectedDate", "markWeekends", "showWeekNumbers", "mobileLandscape", "mobilePortrait", "selectedRangeDate", "activeView", "startingDayOfWeek", "calType", "id", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "rangeHoverEffect", "previousButtonDisableFunction", "nextButtonDisableFunction", "escapeFocusFunction", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["activeViewChange", "selectedDateChange", "selectedRangeDateChange", "isValidDateChange", "closeCalendar", "closeClicked"] }, { type: i8.TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons"] }, { type: i9.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }], directives: [{ type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { type: i9.BarRightDirective, selector: "[fd-bar-right]" }, { type: i9.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }], pipes: { "fdTranslate": i12.FdTranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "_calendarComponent", first: true, predicate: CalendarComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"\n                                        cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\n                                    \"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"], components: [{ type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i5.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle"] }, { type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i2.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { type: i7.CalendarComponent, selector: "fd-calendar", inputs: ["selectedDate", "markWeekends", "showWeekNumbers", "mobileLandscape", "mobilePortrait", "selectedRangeDate", "activeView", "startingDayOfWeek", "calType", "id", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "rangeHoverEffect", "previousButtonDisableFunction", "nextButtonDisableFunction", "escapeFocusFunction", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["activeViewChange", "selectedDateChange", "selectedRangeDateChange", "isValidDateChange", "closeCalendar", "closeClicked"] }, { type: i8.TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons"] }, { type: i9.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }], directives: [{ type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { type: i9.BarRightDirective, selector: "[fd-bar-right]" }, { type: i9.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }], pipes: { "fdTranslate": i12.FdTranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DatetimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-datetime-picker', host: {
@@ -560,7 +552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                         registerFormItemControl(DatetimePickerComponent),
                         PopoverFormMessageService,
                         PopoverService
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel\"\n                                    [ariaLabel]=\"okLabel\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel\"\n                                    [ariaLabel]=\"cancelLabel\"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"\n                                        cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\n                                    \"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DatetimeAdapter, decorators: [{
                         type: Optional

package/datetime-picker/fesm2015/fundamental-ngx-core-datetime-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-datetime-picker.mjs","sources":["../../../../../libs/core/src/lib/datetime-picker/errors.ts","../../../../../libs/core/src/lib/datetime-picker/datetime-picker.component.ts","../../../../../libs/core/src/lib/datetime-picker/datetime-picker.component.html","../../../../../libs/core/src/lib/datetime-picker/deprecated-date-time-picker-content-density.directive.ts","../../../../../libs/core/src/lib/datetime-picker/datetime-picker.module.ts","../../../../../libs/core/src/lib/datetime-picker/fundamental-ngx-core-datetime-picker.ts"],"sourcesContent":["export function createMissingDateImplementationError(provider: string): Error {\n    return Error(\n        `FdDatetimePicker: No provider found for ${provider}. You must import one of the following ` +\n            `modules at your application root: FdDatetimeModule, or provide a ` +\n            `custom implementation.`\n    );\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALIDATORS, NG_VALUE_ACCESSOR, Validator } from '@angular/forms';\nimport { Subject, Subscription } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { FormStates, Nullable, Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';\nimport { DATE_TIME_FORMATS, DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';\nimport { CalendarComponent, CalendarYearGrid, DaysOfWeek, FdCalendarView } from '@fundamental-ngx/core/calendar';\nimport { FormItemControl, PopoverFormMessageService, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport { PopoverService } from '@fundamental-ngx/core/popover';\nimport { InputGroupInputDirective } from '@fundamental-ngx/core/input-group';\n\nimport { createMissingDateImplementationError } from './errors';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * The datetime picker component is an opinionated composition of the fd-popover,\n * fd-calendar and fd-time components to accomplish the UI pattern for picking a date and time.\n * Supports Angular Forms.\n * ```html\n * <fd-date-time-picker [(ngModel)]=\"dateTime\"></fd-date-time-picker>\n * ```\n */\n@Component({\n    selector: 'fd-datetime-picker',\n    templateUrl: './datetime-picker.component.html',\n    styleUrls: ['./datetime-picker.component.scss'],\n    host: {\n        '(blur)': 'handleOnTouched()'\n    },\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => DatetimePickerComponent),\n            multi: true\n        },\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DatetimePickerComponent),\n            multi: true\n        },\n        registerFormItemControl(DatetimePickerComponent),\n        PopoverFormMessageService,\n        PopoverService\n    ],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatetimePickerComponent<D>\n    implements OnInit, OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor, Validator, FormItemControl\n{\n    /** Placeholder for the inner input element. */\n    @Input()\n    placeholder = '';\n\n    /**\n     *  The placement of the popover. It can be one of: top, top-start, top-end, bottom,\n     *  bottom-start, bottom-end, right, right-start, right-end, left, left-start, left-end.\n     */\n    @Input()\n    placement: Placement = 'bottom-start';\n\n    /** The element to which the popover should be appended. */\n    @Input()\n    appendTo: ElementRef;\n\n    /** Whether the component is disabled. */\n    @Input()\n    disabled: boolean;\n\n    /** Id attribute for input element inside DateTimePicker component */\n    @Input()\n    inputId: string;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /**\n     * Whether the time component should be meridian (am/pm).\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    meridian: boolean;\n\n    /**\n     * Whether the time component shows seconds.\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    displaySeconds: boolean;\n\n    /** aria-labelledby for element describing date-picker. */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /** Text displayed in message */\n    @Input()\n    set message(message: string) {\n        this._message = message;\n        this._popoverFormMessage.message = message;\n    }\n\n    /** @hidden */\n    _message: string | null = null;\n\n    /** The trigger events that will open/close the message box.\n     *  Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp). */\n    @Input()\n    set messageTriggers(triggers: string[]) {\n        this._messageTriggers = triggers;\n        this._popoverFormMessage.triggers = triggers;\n    }\n\n    /** @hidden */\n    _messageTriggers: string[] = ['focusin', 'focusout'];\n\n    /**\n     * Whether the time component shows minutes.\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    displayMinutes: boolean;\n\n    /**\n     * Whether the time component shows hours.\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    displayHours: boolean;\n\n    /** Whether to perform visual validation on the picker input. */\n    @Input()\n    useValidation = true;\n\n    /** Current selected date. Two-way binding is supported. */\n    @Input()\n    date: Nullable<D>;\n\n    /** Whether the popover is open. Two-way binding is supported. */\n    @Input()\n    isOpen = false;\n\n    /** The disableFunction for the calendar. */\n    @Input()\n    startingDayOfWeek: DaysOfWeek = 1;\n\n    /** Actually shown active view one of 'day' | 'month' | 'year' in calendar component*/\n    @Input()\n    activeView: FdCalendarView = 'day';\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Aria label for the datetime picker input.\n     */\n    @Input()\n    datetimeInputLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Aria label for the button to show/hide the calendar.\n     */\n    @Input()\n    displayDatetimeToggleLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Label for the \"Date\" button in display type switcher in mobile mode\n     */\n    @Input()\n    displayTypeDateLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Label for the \"Time\" button in display type switcher in mobile mode\n     */\n    @Input()\n    displayTypeTimeLabel: string;\n\n    /** Whether a null input is considered valid. */\n    @Input()\n    allowNull = true;\n\n    /**\n     * @Input when set to true time component will use 2 digits for each number.\n     * For example 9 will become 09\n     * but 12 will be kept as 12.\n     * Only uses by time component and does not change input format\n     */\n    @Input() keepTwoDigitsTime = false;\n\n    /**\n     *  The state of the form control - applies css classes.\n     *  Also this is applied to message.\n     *  Can be `success`, `error`, `warning`, `information` or blank for default.\n     */\n    @Input()\n    set state(state: FormStates) {\n        this._state = state;\n        this._popoverFormMessage.messageType = state;\n    }\n\n    get state(): FormStates {\n        if (this.useValidation && this.isInvalidDateInput) {\n            return 'error';\n        }\n        return this._state;\n    }\n\n    /** @hidden */\n    private _state: FormStates = 'default';\n\n    /**\n     * Whether AddOn Button should be focusable\n     * @default true\n     */\n    @Input()\n    buttonFocusable = true;\n\n    /**\n     * Special days mark, it can be used by passing array of object with\n     * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:\n     * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section\n     * Rule accepts method with FdDate object as a parameter. ex:\n     * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.\n     */\n    @Input()\n    specialDaysRules: SpecialDayRule<D>[] = [];\n\n    /**\n     * Object to customize year grid,\n     * Row, Columns and method to display year can be modified\n     */\n    @Input()\n    yearGrid: CalendarYearGrid = {\n        rows: 4,\n        cols: 5\n    };\n\n    /**\n     * Object to customize aggregated year grid,\n     * Row, Columns and method to display year can be modified\n     */\n    @Input()\n    aggregatedYearGrid: CalendarYearGrid = {\n        rows: 4,\n        cols: 3\n    };\n\n    /**\n     * Whether user wants to mark sunday/saturday with `fd-calendar__item--weekend` class\n     */\n    @Input()\n    markWeekends = true;\n\n    /** @Input Whether to show spinner buttons */\n    @Input()\n    spinnerButtons = true;\n\n    /**\n     * Whether user wants to show week numbers next to days\n     */\n    @Input()\n    showWeekNumbers = true;\n\n    /** Whether or not to show the datetime picker footer with OK/cancel buttons. */\n    @Input()\n    showFooter = true;\n\n    /**\n     * Whether to recalculate value from the input as user types or on blur.\n     * By default, updates the value as user types.\n     * @default false\n     */\n    @Input()\n    set processInputOnBlur(v: boolean) {\n        this._processInputOnBlur = coerceBooleanProperty(v);\n    }\n\n    get processInputOnBlur(): boolean {\n        return this._processInputOnBlur;\n    }\n\n    /**\n     * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.\n     */\n    @Input()\n    preventScrollOnFocus = false;\n\n    /**\n     * Text and aria-label of the DateTimePicker 'OK' button.\n     */\n    @Input()\n    okLabel = 'OK';\n\n    /**\n     * Text and aria-label of the DateTimePicker 'Cancel' button.\n     */\n    @Input()\n    cancelLabel = 'Cancel';\n\n    /** @hidden */\n    _processInputOnBlur = false;\n\n    /** Event emitted when the state of the isOpen property changes. */\n    @Output()\n    isOpenChange = new EventEmitter<boolean>();\n\n    /** Event thrown every time calendar active view is changed */\n    @Output()\n    public readonly activeViewChange: EventEmitter<FdCalendarView> = new EventEmitter<FdCalendarView>();\n\n    /** Event emitted when the date changes. This can be a time or day change. */\n    @Output()\n    readonly dateChange: EventEmitter<D> = new EventEmitter<D>();\n\n    /** Event emitted when the day changes from the calendar. */\n    @Output()\n    readonly calendarChange: EventEmitter<D> = new EventEmitter<D>();\n\n    /** Event emitted when the time changes from the time component. */\n    @Output()\n    readonly timeChange: EventEmitter<D> = new EventEmitter<D>();\n\n    /** Event emitted when popover closes. */\n    @Output()\n    // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n    readonly onClose: EventEmitter<void> = new EventEmitter<void>();\n\n    /** Event emitted when datepicker changes it's \"touched\" state. */\n    @Output()\n    readonly touched: EventEmitter<void> = new EventEmitter<void>();\n\n    /** Indicates when datetime input is in invalid state. */\n    get isInvalidDateInput(): boolean {\n        return this._isInvalidDateInput && this._touched;\n    }\n\n    /** @hidden Reference to the inner calendar component. */\n    @ViewChild(CalendarComponent)\n    _calendarComponent: CalendarComponent<D>;\n\n    /** @hidden */\n    @ViewChild('inputGroupComponent', { read: ElementRef })\n    _inputGroupElement: ElementRef;\n\n    /** @hidden */\n    @ViewChild(InputGroupInputDirective, { read: ElementRef })\n    _inputElement: ElementRef<HTMLInputElement>;\n\n    /**\n     * @hidden\n     * Date of the input field. Internal use.\n     * For programmatic selection, use two-way binding on the date input.\n     */\n    _inputFieldDate: string | null = null;\n\n    /** @hidden */\n    _isInvalidDateInput = false;\n\n    /** @hidden The temporary Time object for use before 'OK' is pressed. Internal use. */\n    _tempTime: Nullable<D>;\n\n    /** @hidden The temporary CalendarDay object for use before 'OK' is pressed. Internal use. */\n    _tempDate: Nullable<D>;\n\n    /** @hidden */\n    _meridian: boolean;\n\n    /** @hidden */\n    _displaySeconds: boolean;\n\n    /** @hidden */\n    _displayMinutes: boolean;\n\n    /** @hidden */\n    _displayHours: boolean;\n\n    /** @hidden whether to display date or time in mobile mode */\n    _displayType: 'date' | 'time' = 'date';\n\n    /** @hidden */\n    private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    private _touched = false;\n\n    /** @hidden */\n    onChange: (value: D | null) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /**\n     * Function used to disable certain dates in the calendar.\n     * @param fdDate FdDate\n     */\n    @Input()\n    disableFunction: (value: D) => boolean = () => false;\n\n    /** @hidden */\n    constructor(\n        private _elRef: ElementRef,\n        private _changeDetRef: ChangeDetectorRef,\n        // Use @Optional to avoid angular injection error message and throw our own which is more precise one\n        @Optional() private _dateTimeAdapter: DatetimeAdapter<D>,\n        @Optional() @Inject(DATE_TIME_FORMATS) private _dateTimeFormats: DateTimeFormats,\n        private _popoverFormMessage: PopoverFormMessageService\n    ) {\n        if (!this._dateTimeAdapter) {\n            throw createMissingDateImplementationError('DateTimeAdapter');\n        }\n        if (!this._dateTimeFormats) {\n            throw createMissingDateImplementationError('DATE_TIME_FORMATS');\n        }\n\n        // default model value\n        this.date = _dateTimeAdapter.now();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes): void {\n        if (changes.date) {\n            this._setTempDateTime();\n        }\n\n        if (['displayHours', 'displayMinutes', 'displaySeconds', 'meridian'].some((input) => input in changes)) {\n            this._calculateTimeOptions();\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        if (this.date) {\n            this._setTempDateTime();\n        }\n\n        this._calculateTimeOptions();\n\n        this._dateTimeAdapter.localeChanges\n            .pipe(\n                takeUntil(this._onDestroy$),\n                filter(() => this._inputFieldDate !== '')\n            )\n            .subscribe(() => {\n                this._setInput(this.date);\n                this._calculateTimeOptions();\n                this._changeDetRef.detectChanges();\n            });\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n        this._onDestroy$.next();\n        this._onDestroy$.complete();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._InitialiseVariablesInMessageService();\n        // update bindings after rendering\n        // is needed to preperly reflect error state\n        setTimeout(() => {\n            this._changeDetRef.markForCheck();\n        });\n    }\n\n    /**\n     * @hidden\n     * Function that implements Validator Interface, adds validation support for forms\n     */\n    validate(): { [key: string]: any } | null {\n        return this.isCurrentModelValid() && !this._isInvalidDateInput\n            ? null\n            : {\n                  dateValidation: {\n                      valid: false\n                  }\n              };\n    }\n\n    /** Toggles the popover. */\n    togglePopover(): void {\n        this.handleOnTouched();\n        if (this.isOpen) {\n            this.closePopover();\n        } else {\n            this.openPopover();\n        }\n    }\n\n    /**\n     * Method that handles calendar active view change and throws event.\n     */\n    handleCalendarActiveViewChange(activeView: FdCalendarView): void {\n        this.activeViewChange.emit(activeView);\n    }\n\n    /** Method that handles blur events on datetime picker input */\n    handleOnTouched(event?: FocusEvent): void {\n        this._touched = true;\n        this.onTouched();\n        this.touched.next();\n        if (event) {\n            this.handleInputChange((<HTMLInputElement>event.target).value, false);\n        }\n    }\n\n    /** Opens the popover. */\n    openPopover(): void {\n        if (!this.isOpen && !this.disabled) {\n            this.handleOnTouched();\n            this.isOpen = true;\n            this._onOpenStateChanged(this.isOpen);\n        }\n    }\n\n    /** Closes the popover and refresh model */\n    closePopover(): void {\n        if (this.isOpen) {\n            this.onClose.emit();\n            this.isOpen = false;\n            this._onOpenStateChanged(this.isOpen);\n        }\n    }\n\n    /** @hidden */\n    setInvalidDateInputHandler(isInvalid: boolean): void {\n        this._isInvalidDateInput = isInvalid;\n    }\n\n    /** @hidden */\n    registerOnChange(fn: (selected: any) => { void }): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._changeDetRef.detectChanges();\n    }\n\n    /**\n     * @hidden\n     * Function that provides support for ControlValueAccessor that allows to use [(ngModel)] or forms\n     */\n    writeValue(selected: D): void {\n        this.date = this._parseDate(selected);\n        this._isInvalidDateInput = !this._isModelValid(this.date);\n        if (this.isCurrentModelValid()) {\n            this._setTempDateTime();\n            this._refreshCurrentlyDisplayedCalendarDate(this.date);\n        }\n        this._setInput(this.date);\n    }\n\n    /**\n     * @hidden\n     * Method that is triggered by events from calendar component, when there is selected date changed.\n     * If invalid time model is detected, it takes time model data from TimeComponent.\n     */\n    handleDateChange(date: D): void {\n        this._tempDate = date;\n        if (!this.showFooter) {\n            this.submit();\n        }\n    }\n\n    /**\n     * @hidden\n     * Method that is triggered by events from time component, when there is selected time changed\n     */\n    handleTimeChange(time: D): void {\n        this._tempTime = time;\n        if (!this.showFooter) {\n            this.submit();\n        }\n    }\n\n    /**\n     * @hidden\n     * Method that is triggered when 'OK' button is pressed.\n     */\n    submit(): void {\n        // marking date & time as not null, errors will be caught below\n        const currentDate = this._tempDate!;\n        const currentTime = this._tempTime!;\n\n        try {\n            this.date = this._dateTimeAdapter.setTime(\n                currentDate,\n                this._dateTimeAdapter.getHours(currentTime),\n                this._dateTimeAdapter.getMinutes(currentTime),\n                this._dateTimeAdapter.getSeconds(currentTime)\n            );\n        } catch {\n            this.date = null;\n        }\n        this._isInvalidDateInput = !this.isCurrentModelValid();\n\n        this._setInput(this.date);\n\n        this.onChange(this.date);\n\n        if (this.showFooter) {\n            this.closePopover();\n            this._changeDetRef.detectChanges();\n        }\n    }\n\n    /**\n     * @hidden\n     * Function that is called when 'Cancel' button is pressed.\n     */\n    cancel(): void {\n        this._tempDate = this.date;\n        this._tempTime = this.date;\n        this.closePopover();\n    }\n\n    /**\n     * @hidden\n     * Looks like no one uses it. Should be removed?\n     */\n    focusArrowLeft(): void {\n        if (this._elRef.nativeElement.querySelector('#' + this._calendarComponent.id + '-left-arrow')) {\n            this._elRef.nativeElement.querySelector('#' + this._calendarComponent.id + '-left-arrow').focus();\n        }\n    }\n\n    /**\n     * @hidden\n     * Method, which is responsible for transforming string to datetime, depending on type or\n     * validation the results are different. It also changes to state of _isInvalidDateInput.\n     */\n    handleInputChange(inputStr: string, isTypeEvent: boolean): void {\n        if ((isTypeEvent && this.processInputOnBlur) || (!isTypeEvent && !this.processInputOnBlur)) {\n            // if processInputOnBlur === true, ignore type event\n            // if processInputOnBlur === false, ignore blur/enter event\n            return;\n        }\n        this._inputFieldDate = inputStr ?? '';\n        if (!inputStr) {\n            this._isInvalidDateInput = !this.allowNull;\n            this.onChange(null);\n            return;\n        }\n        this.date = this._parseDate(inputStr);\n        this._isInvalidDateInput = !this._isModelValid(this.date);\n\n        if (!this._isInvalidDateInput) {\n            this._setTempDateTime();\n            this._refreshCurrentlyDisplayedCalendarDate(this.date);\n        }\n        this.onChange(this.date);\n    }\n\n    /** @hidden */\n    _changeMessageVisibility(): void {\n        if (this.isOpen) {\n            this._popoverFormMessage.hide();\n        } else {\n            this._popoverFormMessage.show();\n        }\n    }\n\n    /** @hidden */\n    _onOpenStateChanged(isOpen: boolean): void {\n        this.isOpenChange.emit(isOpen);\n        this._changeMessageVisibility();\n        // focus input control every time popup is closed\n        if (!isOpen && this._inputElement) {\n            this._inputElement.nativeElement.focus({\n                preventScroll: this.preventScrollOnFocus\n            });\n        }\n        // focus calendar cell on opening\n        if (isOpen && this._calendarComponent) {\n            this._calendarComponent.initialFocus();\n        }\n    }\n\n    /** Method that provides information if model selected date/dates have properly types and are valid */\n    isCurrentModelValid(): boolean {\n        return this._isModelValid(this.date);\n    }\n\n    /** Method that provides information if FdDateTime passed as arg has properly types and is valid */\n    private _isModelValid(date: Nullable<D>): boolean {\n        return this._dateTimeAdapter.isValid(date);\n    }\n\n    private _setInput(dateTime: Nullable<D>): void {\n        this._inputFieldDate = dateTime && this._isModelValid ? this._formatDateTime(dateTime) : '';\n        this._changeDetRef.detectChanges();\n    }\n\n    /** @hidden */\n    private _refreshCurrentlyDisplayedCalendarDate(date: Nullable<D>): void {\n        if (this._calendarComponent) {\n            this._calendarComponent.setCurrentlyDisplayed(date);\n        }\n    }\n\n    /**\n     * @hidden\n     * Format date time entity.\n     */\n    private _formatDateTime(dateTime: D): string {\n        const formattedDate: string = this._dateTimeAdapter.format(\n            dateTime,\n            this._dateTimeFormats.display.dateTimeInput\n        );\n        return formattedDate || '';\n    }\n\n    /** @hidden */\n    private _InitialiseVariablesInMessageService(): void {\n        this._popoverFormMessage.init(this._inputGroupElement);\n        this._popoverFormMessage.message = this._message ?? '';\n        this._popoverFormMessage.triggers = this._messageTriggers;\n        this._popoverFormMessage.messageType = this._state;\n    }\n\n    /** @hidden */\n    private _parseDate(date: unknown): D | null {\n        return this._dateTimeAdapter.parse(date, this._dateTimeFormats.parse.dateInput);\n    }\n\n    /** @hidden */\n    private _setTempDateTime(): void {\n        this._tempDate = this.date;\n        this._tempTime = this.date;\n    }\n\n    /** @hidden */\n    private _calculateTimeOptions(): void {\n        const format = this._dateTimeFormats.display.dateTimeInput;\n\n        // default meridian option based on format option\n        this._meridian =\n            this.meridian != null ? this.meridian : this._dateTimeAdapter.isTimeFormatIncludesDayPeriod(format);\n\n        // default seconds option based on format option\n        this._displaySeconds =\n            this.displaySeconds != null\n                ? this.displaySeconds\n                : this._dateTimeAdapter.isTimeFormatIncludesSeconds(format);\n\n        // default minutes option based on format option\n        this._displayMinutes =\n            this.displayMinutes != null\n                ? this.displayMinutes\n                : this._dateTimeAdapter.isTimeFormatIncludesMinutes(format);\n\n        // default hours option based on format option\n        this._displayHours =\n            this.displayHours != null ? this.displayHours : this._dateTimeAdapter.isTimeFormatIncludesHours(format);\n    }\n}\n","<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel\"\n                                    [ariaLabel]=\"okLabel\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel\"\n                                    [ariaLabel]=\"cancelLabel\"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-datetime-picker[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedDateTimePickerContentDensityDirective)\n        }\n    ]\n})\nexport class DeprecatedDateTimePickerContentDensityDirective extends DeprecatedCompactDirective {\n    constructor() {\n        super('fd-datetime-picker');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { CalendarModule } from '@fundamental-ngx/core/calendar';\nimport { FormsModule } from '@angular/forms';\nimport { DatetimePickerComponent } from './datetime-picker.component';\nimport { TimeModule } from '@fundamental-ngx/core/time';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { InputGroupModule } from '@fundamental-ngx/core/input-group';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { FormMessageModule } from '@fundamental-ngx/core/form';\nimport { SegmentedButtonModule } from '@fundamental-ngx/core/segmented-button';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { DeprecatedDateTimePickerContentDensityDirective } from './deprecated-date-time-picker-content-density.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    declarations: [DatetimePickerComponent, DeprecatedDateTimePickerContentDensityDirective],\n    imports: [\n        CommonModule,\n        IconModule,\n        PopoverModule,\n        CalendarModule,\n        FormsModule,\n        TimeModule,\n        InputGroupModule,\n        ButtonModule,\n        I18nModule,\n        BarModule,\n        SegmentedButtonModule,\n        FormMessageModule,\n        ContentDensityModule\n    ],\n    exports: [DatetimePickerComponent, DeprecatedDateTimePickerContentDensityDirective, ContentDensityModule]\n})\nexport class DatetimePickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-datetime-picker.mjs","sources":["../../../../../libs/core/src/lib/datetime-picker/errors.ts","../../../../../libs/core/src/lib/datetime-picker/datetime-picker.component.ts","../../../../../libs/core/src/lib/datetime-picker/datetime-picker.component.html","../../../../../libs/core/src/lib/datetime-picker/deprecated-date-time-picker-content-density.directive.ts","../../../../../libs/core/src/lib/datetime-picker/datetime-picker.module.ts","../../../../../libs/core/src/lib/datetime-picker/fundamental-ngx-core-datetime-picker.ts"],"sourcesContent":["export function createMissingDateImplementationError(provider: string): Error {\n    return Error(\n        `FdDatetimePicker: No provider found for ${provider}. You must import one of the following ` +\n            `modules at your application root: FdDatetimeModule, or provide a ` +\n            `custom implementation.`\n    );\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Inject,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALIDATORS, NG_VALUE_ACCESSOR, Validator } from '@angular/forms';\nimport { Subject, Subscription } from 'rxjs';\nimport { filter, takeUntil } from 'rxjs/operators';\n\nimport { FormStates, Nullable, Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';\nimport { DATE_TIME_FORMATS, DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime';\nimport { CalendarComponent, CalendarYearGrid, DaysOfWeek, FdCalendarView } from '@fundamental-ngx/core/calendar';\nimport { FormItemControl, PopoverFormMessageService, registerFormItemControl } from '@fundamental-ngx/core/form';\nimport { PopoverService } from '@fundamental-ngx/core/popover';\nimport { InputGroupInputDirective } from '@fundamental-ngx/core/input-group';\n\nimport { createMissingDateImplementationError } from './errors';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * The datetime picker component is an opinionated composition of the fd-popover,\n * fd-calendar and fd-time components to accomplish the UI pattern for picking a date and time.\n * Supports Angular Forms.\n * ```html\n * <fd-date-time-picker [(ngModel)]=\"dateTime\"></fd-date-time-picker>\n * ```\n */\n@Component({\n    selector: 'fd-datetime-picker',\n    templateUrl: './datetime-picker.component.html',\n    styleUrls: ['./datetime-picker.component.scss'],\n    host: {\n        '(blur)': 'handleOnTouched()'\n    },\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => DatetimePickerComponent),\n            multi: true\n        },\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => DatetimePickerComponent),\n            multi: true\n        },\n        registerFormItemControl(DatetimePickerComponent),\n        PopoverFormMessageService,\n        PopoverService\n    ],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DatetimePickerComponent<D>\n    implements OnInit, OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor, Validator, FormItemControl\n{\n    /** Placeholder for the inner input element. */\n    @Input()\n    placeholder = '';\n\n    /**\n     *  The placement of the popover. It can be one of: top, top-start, top-end, bottom,\n     *  bottom-start, bottom-end, right, right-start, right-end, left, left-start, left-end.\n     */\n    @Input()\n    placement: Placement = 'bottom-start';\n\n    /** The element to which the popover should be appended. */\n    @Input()\n    appendTo: ElementRef;\n\n    /** Whether the component is disabled. */\n    @Input()\n    disabled: boolean;\n\n    /** Id attribute for input element inside DateTimePicker component */\n    @Input()\n    inputId: string;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /**\n     * Whether the time component should be meridian (am/pm).\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    meridian: boolean;\n\n    /**\n     * Whether the time component shows seconds.\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    displaySeconds: boolean;\n\n    /** aria-labelledby for element describing date-picker. */\n    @Input()\n    ariaLabelledBy: Nullable<string>;\n\n    /** Text displayed in message */\n    @Input()\n    set message(message: string) {\n        this._message = message;\n        this._popoverFormMessage.message = message;\n    }\n\n    /** @hidden */\n    _message: string | null = null;\n\n    /** The trigger events that will open/close the message box.\n     *  Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp). */\n    @Input()\n    set messageTriggers(triggers: string[]) {\n        this._messageTriggers = triggers;\n        this._popoverFormMessage.triggers = triggers;\n    }\n\n    /** @hidden */\n    _messageTriggers: string[] = ['focusin', 'focusout'];\n\n    /**\n     * Whether the time component shows minutes.\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    displayMinutes: boolean;\n\n    /**\n     * Whether the time component shows hours.\n     * Default value is based on the current locale format option\n     * */\n    @Input()\n    displayHours: boolean;\n\n    /** Whether to perform visual validation on the picker input. */\n    @Input()\n    useValidation = true;\n\n    /** Current selected date. Two-way binding is supported. */\n    @Input()\n    date: Nullable<D>;\n\n    /** Whether the popover is open. Two-way binding is supported. */\n    @Input()\n    isOpen = false;\n\n    /** The disableFunction for the calendar. */\n    @Input()\n    startingDayOfWeek: DaysOfWeek = 1;\n\n    /** Actually shown active view one of 'day' | 'month' | 'year' in calendar component*/\n    @Input()\n    activeView: FdCalendarView = 'day';\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Aria label for the datetime picker input.\n     */\n    @Input()\n    datetimeInputLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Aria label for the button to show/hide the calendar.\n     */\n    @Input()\n    displayDatetimeToggleLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Label for the \"Date\" button in display type switcher in mobile mode\n     */\n    @Input()\n    displayTypeDateLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Label for the \"Time\" button in display type switcher in mobile mode\n     */\n    @Input()\n    displayTypeTimeLabel: string;\n\n    /** Whether a null input is considered valid. */\n    @Input()\n    allowNull = true;\n\n    /**\n     * @Input when set to true time component will use 2 digits for each number.\n     * For example 9 will become 09\n     * but 12 will be kept as 12.\n     * Only uses by time component and does not change input format\n     */\n    @Input() keepTwoDigitsTime = false;\n\n    /**\n     *  The state of the form control - applies css classes.\n     *  Also this is applied to message.\n     *  Can be `success`, `error`, `warning`, `information` or blank for default.\n     */\n    @Input()\n    set state(state: FormStates) {\n        this._state = state;\n        this._popoverFormMessage.messageType = state;\n    }\n\n    get state(): FormStates {\n        if (this.useValidation && this.isInvalidDateInput) {\n            return 'error';\n        }\n        return this._state;\n    }\n\n    /** @hidden */\n    private _state: FormStates = 'default';\n\n    /**\n     * Whether AddOn Button should be focusable\n     * @default true\n     */\n    @Input()\n    buttonFocusable = true;\n\n    /**\n     * Special days mark, it can be used by passing array of object with\n     * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:\n     * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section\n     * Rule accepts method with FdDate object as a parameter. ex:\n     * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.\n     */\n    @Input()\n    specialDaysRules: SpecialDayRule<D>[] = [];\n\n    /**\n     * Object to customize year grid,\n     * Row, Columns and method to display year can be modified\n     */\n    @Input()\n    yearGrid: CalendarYearGrid = {\n        rows: 4,\n        cols: 5\n    };\n\n    /**\n     * Object to customize aggregated year grid,\n     * Row, Columns and method to display year can be modified\n     */\n    @Input()\n    aggregatedYearGrid: CalendarYearGrid = {\n        rows: 4,\n        cols: 3\n    };\n\n    /**\n     * Whether user wants to mark sunday/saturday with `fd-calendar__item--weekend` class\n     */\n    @Input()\n    markWeekends = true;\n\n    /** @Input Whether to show spinner buttons */\n    @Input()\n    spinnerButtons = true;\n\n    /**\n     * Whether user wants to show week numbers next to days\n     */\n    @Input()\n    showWeekNumbers = true;\n\n    /** Whether or not to show the datetime picker footer with OK/cancel buttons. */\n    @Input()\n    showFooter = true;\n\n    /**\n     * Whether to recalculate value from the input as user types or on blur.\n     * By default, updates the value as user types.\n     * @default false\n     */\n    @Input()\n    set processInputOnBlur(v: boolean) {\n        this._processInputOnBlur = coerceBooleanProperty(v);\n    }\n\n    get processInputOnBlur(): boolean {\n        return this._processInputOnBlur;\n    }\n\n    /**\n     * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.\n     */\n    @Input()\n    preventScrollOnFocus = false;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Text and aria-label of the DateTimePicker 'OK' button.\n     */\n    @Input()\n    okLabel: string;\n\n    /**\n     * @deprecated use i18n capabilities instead\n     * Text and aria-label of the DateTimePicker 'Cancel' button.\n     */\n    @Input()\n    cancelLabel: string;\n\n    /** @hidden */\n    _processInputOnBlur = false;\n\n    /** Event emitted when the state of the isOpen property changes. */\n    @Output()\n    isOpenChange = new EventEmitter<boolean>();\n\n    /** Event thrown every time calendar active view is changed */\n    @Output()\n    public readonly activeViewChange: EventEmitter<FdCalendarView> = new EventEmitter<FdCalendarView>();\n\n    /** Event emitted when the date changes. This can be a time or day change. */\n    @Output()\n    readonly dateChange: EventEmitter<D> = new EventEmitter<D>();\n\n    /** Event emitted when the day changes from the calendar. */\n    @Output()\n    readonly calendarChange: EventEmitter<D> = new EventEmitter<D>();\n\n    /** Event emitted when the time changes from the time component. */\n    @Output()\n    readonly timeChange: EventEmitter<D> = new EventEmitter<D>();\n\n    /** Event emitted when popover closes. */\n    @Output()\n    // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n    readonly onClose: EventEmitter<void> = new EventEmitter<void>();\n\n    /** Event emitted when datepicker changes it's \"touched\" state. */\n    @Output()\n    readonly touched: EventEmitter<void> = new EventEmitter<void>();\n\n    /** Indicates when datetime input is in invalid state. */\n    get isInvalidDateInput(): boolean {\n        return this._isInvalidDateInput && this._touched;\n    }\n\n    /** @hidden Reference to the inner calendar component. */\n    @ViewChild(CalendarComponent)\n    _calendarComponent: CalendarComponent<D>;\n\n    /** @hidden */\n    @ViewChild('inputGroupComponent', { read: ElementRef })\n    _inputGroupElement: ElementRef;\n\n    /** @hidden */\n    @ViewChild(InputGroupInputDirective, { read: ElementRef })\n    _inputElement: ElementRef<HTMLInputElement>;\n\n    /**\n     * @hidden\n     * Date of the input field. Internal use.\n     * For programmatic selection, use two-way binding on the date input.\n     */\n    _inputFieldDate: string | null = null;\n\n    /** @hidden */\n    _isInvalidDateInput = false;\n\n    /** @hidden The temporary Time object for use before 'OK' is pressed. Internal use. */\n    _tempTime: Nullable<D>;\n\n    /** @hidden The temporary CalendarDay object for use before 'OK' is pressed. Internal use. */\n    _tempDate: Nullable<D>;\n\n    /** @hidden */\n    _meridian: boolean;\n\n    /** @hidden */\n    _displaySeconds: boolean;\n\n    /** @hidden */\n    _displayMinutes: boolean;\n\n    /** @hidden */\n    _displayHours: boolean;\n\n    /** @hidden whether to display date or time in mobile mode */\n    _displayType: 'date' | 'time' = 'date';\n\n    /** @hidden */\n    private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    private _touched = false;\n\n    /** @hidden */\n    onChange: (value: D | null) => void = () => {};\n\n    /** @hidden */\n    onTouched = (): void => {};\n\n    /**\n     * Function used to disable certain dates in the calendar.\n     * @param fdDate FdDate\n     */\n    @Input()\n    disableFunction: (value: D) => boolean = () => false;\n\n    /** @hidden */\n    constructor(\n        private _elRef: ElementRef,\n        private _changeDetRef: ChangeDetectorRef,\n        // Use @Optional to avoid angular injection error message and throw our own which is more precise one\n        @Optional() private _dateTimeAdapter: DatetimeAdapter<D>,\n        @Optional() @Inject(DATE_TIME_FORMATS) private _dateTimeFormats: DateTimeFormats,\n        private _popoverFormMessage: PopoverFormMessageService\n    ) {\n        if (!this._dateTimeAdapter) {\n            throw createMissingDateImplementationError('DateTimeAdapter');\n        }\n        if (!this._dateTimeFormats) {\n            throw createMissingDateImplementationError('DATE_TIME_FORMATS');\n        }\n\n        // default model value\n        this.date = _dateTimeAdapter.now();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes): void {\n        if (changes.date) {\n            this._setTempDateTime();\n        }\n\n        if (['displayHours', 'displayMinutes', 'displaySeconds', 'meridian'].some((input) => input in changes)) {\n            this._calculateTimeOptions();\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        if (this.date) {\n            this._setTempDateTime();\n        }\n\n        this._calculateTimeOptions();\n\n        this._dateTimeAdapter.localeChanges\n            .pipe(\n                takeUntil(this._onDestroy$),\n                filter(() => this._inputFieldDate !== '')\n            )\n            .subscribe(() => {\n                this._setInput(this.date);\n                this._calculateTimeOptions();\n                this._changeDetRef.detectChanges();\n            });\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n        this._onDestroy$.next();\n        this._onDestroy$.complete();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._InitialiseVariablesInMessageService();\n        // update bindings after rendering\n        // is needed to preperly reflect error state\n        setTimeout(() => {\n            this._changeDetRef.markForCheck();\n        });\n    }\n\n    /**\n     * @hidden\n     * Function that implements Validator Interface, adds validation support for forms\n     */\n    validate(): { [key: string]: any } | null {\n        return this.isCurrentModelValid() && !this._isInvalidDateInput\n            ? null\n            : {\n                  dateValidation: {\n                      valid: false\n                  }\n              };\n    }\n\n    /** Toggles the popover. */\n    togglePopover(): void {\n        this.handleOnTouched();\n        if (this.isOpen) {\n            this.closePopover();\n        } else {\n            this.openPopover();\n        }\n    }\n\n    /**\n     * Method that handles calendar active view change and throws event.\n     */\n    handleCalendarActiveViewChange(activeView: FdCalendarView): void {\n        this.activeViewChange.emit(activeView);\n    }\n\n    /** Method that handles blur events on datetime picker input */\n    handleOnTouched(event?: FocusEvent): void {\n        this._touched = true;\n        this.onTouched();\n        this.touched.next();\n        if (event) {\n            this.handleInputChange((<HTMLInputElement>event.target).value, false);\n        }\n    }\n\n    /** Opens the popover. */\n    openPopover(): void {\n        if (!this.isOpen && !this.disabled) {\n            this.handleOnTouched();\n            this.isOpen = true;\n            this._onOpenStateChanged(this.isOpen);\n        }\n    }\n\n    /** Closes the popover and refresh model */\n    closePopover(): void {\n        if (this.isOpen) {\n            this.onClose.emit();\n            this.isOpen = false;\n            this._onOpenStateChanged(this.isOpen);\n        }\n    }\n\n    /** @hidden */\n    setInvalidDateInputHandler(isInvalid: boolean): void {\n        this._isInvalidDateInput = isInvalid;\n    }\n\n    /** @hidden */\n    registerOnChange(fn: (selected: any) => { void }): void {\n        this.onChange = fn;\n    }\n\n    /** @hidden */\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n        this._changeDetRef.detectChanges();\n    }\n\n    /**\n     * @hidden\n     * Function that provides support for ControlValueAccessor that allows to use [(ngModel)] or forms\n     */\n    writeValue(selected: D): void {\n        this.date = this._parseDate(selected);\n        this._isInvalidDateInput = !this._isModelValid(this.date);\n        if (this.isCurrentModelValid()) {\n            this._setTempDateTime();\n            this._refreshCurrentlyDisplayedCalendarDate(this.date);\n        }\n        this._setInput(this.date);\n    }\n\n    /**\n     * @hidden\n     * Method that is triggered by events from calendar component, when there is selected date changed.\n     * If invalid time model is detected, it takes time model data from TimeComponent.\n     */\n    handleDateChange(date: D): void {\n        this._tempDate = date;\n        if (!this.showFooter) {\n            this.submit();\n        }\n    }\n\n    /**\n     * @hidden\n     * Method that is triggered by events from time component, when there is selected time changed\n     */\n    handleTimeChange(time: D): void {\n        this._tempTime = time;\n        if (!this.showFooter) {\n            this.submit();\n        }\n    }\n\n    /**\n     * @hidden\n     * Method that is triggered when 'OK' button is pressed.\n     */\n    submit(): void {\n        // marking date & time as not null, errors will be caught below\n        const currentDate = this._tempDate!;\n        const currentTime = this._tempTime!;\n\n        try {\n            this.date = this._dateTimeAdapter.setTime(\n                currentDate,\n                this._dateTimeAdapter.getHours(currentTime),\n                this._dateTimeAdapter.getMinutes(currentTime),\n                this._dateTimeAdapter.getSeconds(currentTime)\n            );\n        } catch {\n            this.date = null;\n        }\n        this._isInvalidDateInput = !this.isCurrentModelValid();\n\n        this._setInput(this.date);\n\n        this.onChange(this.date);\n\n        if (this.showFooter) {\n            this.closePopover();\n            this._changeDetRef.detectChanges();\n        }\n    }\n\n    /**\n     * @hidden\n     * Function that is called when 'Cancel' button is pressed.\n     */\n    cancel(): void {\n        this._tempDate = this.date;\n        this._tempTime = this.date;\n        this.closePopover();\n    }\n\n    /**\n     * @hidden\n     * Looks like no one uses it. Should be removed?\n     */\n    focusArrowLeft(): void {\n        if (this._elRef.nativeElement.querySelector('#' + this._calendarComponent.id + '-left-arrow')) {\n            this._elRef.nativeElement.querySelector('#' + this._calendarComponent.id + '-left-arrow').focus();\n        }\n    }\n\n    /**\n     * @hidden\n     * Method, which is responsible for transforming string to datetime, depending on type or\n     * validation the results are different. It also changes to state of _isInvalidDateInput.\n     */\n    handleInputChange(inputStr: string, isTypeEvent: boolean): void {\n        if ((isTypeEvent && this.processInputOnBlur) || (!isTypeEvent && !this.processInputOnBlur)) {\n            // if processInputOnBlur === true, ignore type event\n            // if processInputOnBlur === false, ignore blur/enter event\n            return;\n        }\n        this._inputFieldDate = inputStr ?? '';\n        if (!inputStr) {\n            this._isInvalidDateInput = !this.allowNull;\n            this.onChange(null);\n            return;\n        }\n        this.date = this._parseDate(inputStr);\n        this._isInvalidDateInput = !this._isModelValid(this.date);\n\n        if (!this._isInvalidDateInput) {\n            this._setTempDateTime();\n            this._refreshCurrentlyDisplayedCalendarDate(this.date);\n        }\n        this.onChange(this.date);\n    }\n\n    /** @hidden */\n    _changeMessageVisibility(): void {\n        if (this.isOpen) {\n            this._popoverFormMessage.hide();\n        } else {\n            this._popoverFormMessage.show();\n        }\n    }\n\n    /** @hidden */\n    _onOpenStateChanged(isOpen: boolean): void {\n        this.isOpenChange.emit(isOpen);\n        this._changeMessageVisibility();\n        // focus input control every time popup is closed\n        if (!isOpen && this._inputElement) {\n            this._inputElement.nativeElement.focus({\n                preventScroll: this.preventScrollOnFocus\n            });\n        }\n        // focus calendar cell on opening\n        if (isOpen && this._calendarComponent) {\n            this._calendarComponent.initialFocus();\n        }\n    }\n\n    /** Method that provides information if model selected date/dates have properly types and are valid */\n    isCurrentModelValid(): boolean {\n        return this._isModelValid(this.date);\n    }\n\n    /** Method that provides information if FdDateTime passed as arg has properly types and is valid */\n    private _isModelValid(date: Nullable<D>): boolean {\n        return this._dateTimeAdapter.isValid(date);\n    }\n\n    private _setInput(dateTime: Nullable<D>): void {\n        this._inputFieldDate = dateTime && this._isModelValid ? this._formatDateTime(dateTime) : '';\n        this._changeDetRef.detectChanges();\n    }\n\n    /** @hidden */\n    private _refreshCurrentlyDisplayedCalendarDate(date: Nullable<D>): void {\n        if (this._calendarComponent) {\n            this._calendarComponent.setCurrentlyDisplayed(date);\n        }\n    }\n\n    /**\n     * @hidden\n     * Format date time entity.\n     */\n    private _formatDateTime(dateTime: D): string {\n        const formattedDate: string = this._dateTimeAdapter.format(\n            dateTime,\n            this._dateTimeFormats.display.dateTimeInput\n        );\n        return formattedDate || '';\n    }\n\n    /** @hidden */\n    private _InitialiseVariablesInMessageService(): void {\n        this._popoverFormMessage.init(this._inputGroupElement);\n        this._popoverFormMessage.message = this._message ?? '';\n        this._popoverFormMessage.triggers = this._messageTriggers;\n        this._popoverFormMessage.messageType = this._state;\n    }\n\n    /** @hidden */\n    private _parseDate(date: unknown): D | null {\n        return this._dateTimeAdapter.parse(date, this._dateTimeFormats.parse.dateInput);\n    }\n\n    /** @hidden */\n    private _setTempDateTime(): void {\n        this._tempDate = this.date;\n        this._tempTime = this.date;\n    }\n\n    /** @hidden */\n    private _calculateTimeOptions(): void {\n        const format = this._dateTimeFormats.display.dateTimeInput;\n\n        // default meridian option based on format option\n        this._meridian =\n            this.meridian != null ? this.meridian : this._dateTimeAdapter.isTimeFormatIncludesDayPeriod(format);\n\n        // default seconds option based on format option\n        this._displaySeconds =\n            this.displaySeconds != null\n                ? this.displaySeconds\n                : this._dateTimeAdapter.isTimeFormatIncludesSeconds(format);\n\n        // default minutes option based on format option\n        this._displayMinutes =\n            this.displayMinutes != null\n                ? this.displayMinutes\n                : this._dateTimeAdapter.isTimeFormatIncludesMinutes(format);\n\n        // default hours option based on format option\n        this._displayHours =\n            this.displayHours != null ? this.displayHours : this._dateTimeAdapter.isTimeFormatIncludesHours(format);\n    }\n}\n","<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"\n                                        cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\n                                    \"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'fd-datetime-picker[compact]',\n    providers: [\n        {\n            provide: CONTENT_DENSITY_DIRECTIVE,\n            useExisting: forwardRef(() => DeprecatedDateTimePickerContentDensityDirective)\n        }\n    ]\n})\nexport class DeprecatedDateTimePickerContentDensityDirective extends DeprecatedCompactDirective {\n    constructor() {\n        super('fd-datetime-picker');\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { CalendarModule } from '@fundamental-ngx/core/calendar';\nimport { FormsModule } from '@angular/forms';\nimport { DatetimePickerComponent } from './datetime-picker.component';\nimport { TimeModule } from '@fundamental-ngx/core/time';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { InputGroupModule } from '@fundamental-ngx/core/input-group';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { FormMessageModule } from '@fundamental-ngx/core/form';\nimport { SegmentedButtonModule } from '@fundamental-ngx/core/segmented-button';\nimport { I18nModule } from '@fundamental-ngx/i18n';\nimport { DeprecatedDateTimePickerContentDensityDirective } from './deprecated-date-time-picker-content-density.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n    declarations: [DatetimePickerComponent, DeprecatedDateTimePickerContentDensityDirective],\n    imports: [\n        CommonModule,\n        IconModule,\n        PopoverModule,\n        CalendarModule,\n        FormsModule,\n        TimeModule,\n        InputGroupModule,\n        ButtonModule,\n        I18nModule,\n        BarModule,\n        SegmentedButtonModule,\n        FormMessageModule,\n        ContentDensityModule\n    ],\n    exports: [DatetimePickerComponent, DeprecatedDateTimePickerContentDensityDirective, ContentDensityModule]\n})\nexport class DatetimePickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/datetime-picker/fesm2020/fundamental-ngx-core-datetime-picker.mjs

@@ -131,14 +131,6 @@ class DatetimePickerComponent {
          * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
          */
         this.preventScrollOnFocus = false;
-        /**
-         * Text and aria-label of the DateTimePicker 'OK' button.
-         */
-        this.okLabel = 'OK';
-        /**
-         * Text and aria-label of the DateTimePicker 'Cancel' button.
-         */
-        this.cancelLabel = 'Cancel';
         /** @hidden */
         this._processInputOnBlur = false;
         /** Event emitted when the state of the isOpen property changes. */
@@ -540,7 +532,7 @@ DatetimePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
         registerFormItemControl(DatetimePickerComponent),
         PopoverFormMessageService,
         PopoverService
-    ], viewQueries: [{ propertyName: "_calendarComponent", first: true, predicate: CalendarComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel\"\n                                    [ariaLabel]=\"okLabel\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel\"\n                                    [ariaLabel]=\"cancelLabel\"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"], components: [{ type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i5.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle"] }, { type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i2.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { type: i7.CalendarComponent, selector: "fd-calendar", inputs: ["selectedDate", "markWeekends", "showWeekNumbers", "mobileLandscape", "mobilePortrait", "selectedRangeDate", "activeView", "startingDayOfWeek", "calType", "id", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "rangeHoverEffect", "previousButtonDisableFunction", "nextButtonDisableFunction", "escapeFocusFunction", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["activeViewChange", "selectedDateChange", "selectedRangeDateChange", "isValidDateChange", "closeCalendar", "closeClicked"] }, { type: i8.TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons"] }, { type: i9.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }], directives: [{ type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { type: i9.BarRightDirective, selector: "[fd-bar-right]" }, { type: i9.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }], pipes: { "fdTranslate": i12.FdTranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "_calendarComponent", first: true, predicate: CalendarComponent, descendants: true }, { propertyName: "_inputGroupElement", first: true, predicate: ["inputGroupComponent"], descendants: true, read: ElementRef }, { propertyName: "_inputElement", first: true, predicate: InputGroupInputDirective, descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"\n                                        cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\n                                    \"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"], components: [{ type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { type: i4.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { type: i5.SegmentedButtonComponent, selector: "fd-segmented-button", inputs: ["toggle"] }, { type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { type: i2.FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { type: i7.CalendarComponent, selector: "fd-calendar", inputs: ["selectedDate", "markWeekends", "showWeekNumbers", "mobileLandscape", "mobilePortrait", "selectedRangeDate", "activeView", "startingDayOfWeek", "calType", "id", "specialDaysRules", "yearGrid", "aggregatedYearGrid", "rangeHoverEffect", "previousButtonDisableFunction", "nextButtonDisableFunction", "escapeFocusFunction", "disableFunction", "disableRangeStartFunction", "disableRangeEndFunction"], outputs: ["activeViewChange", "selectedDateChange", "selectedRangeDateChange", "isValidDateChange", "closeCalendar", "closeClicked"] }, { type: i8.TimeComponent, selector: "fd-time", inputs: ["meridian", "validate", "keepTwoDigits", "disabled", "displaySeconds", "displayMinutes", "displayHours", "tablet", "elementsAtOnce", "time", "spinnerButtons"] }, { type: i9.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }], directives: [{ type: i10.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { type: i9.BarRightDirective, selector: "[fd-bar-right]" }, { type: i9.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }], pipes: { "fdTranslate": i12.FdTranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DatetimePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-datetime-picker', host: {
@@ -559,7 +551,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                         registerFormItemControl(DatetimePickerComponent),
                         PopoverFormMessageService,
                         PopoverService
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel\"\n                                    [ariaLabel]=\"okLabel\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel\"\n                                    [ariaLabel]=\"cancelLabel\"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-datetime\">\n    <fd-popover\n        [(isOpen)]=\"isOpen\"\n        (isOpenChange)=\"_onOpenStateChanged($event)\"\n        [focusTrapped]=\"true\"\n        [focusAutoCapture]=\"false\"\n        [triggers]=\"[]\"\n        [disabled]=\"disabled\"\n        [placement]=\"placement\"\n        [appendTo]=\"appendTo\"\n    >\n        <fd-popover-control>\n            <fd-input-group\n                #inputGroupComponent\n                [state]=\"state\"\n                [disabled]=\"disabled\"\n                [isControl]=\"true\"\n                [button]=\"true\"\n                [buttonFocusable]=\"buttonFocusable\"\n                glyph=\"date-time\"\n                [isExpanded]=\"isOpen\"\n                [glyphAriaLabel]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                [iconTitle]=\"\n                    displayDatetimeToggleLabel || ('coreDatetimePicker.displayDatetimeToggleLabel' | fdTranslate)\n                \"\n                (addOnButtonClicked)=\"togglePopover()\"\n            >\n                <input\n                    type=\"text\"\n                    class=\"fd-input\"\n                    fd-input-group-input\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    [attr.aria-label]=\"datetimeInputLabel || ('coreDatetimePicker.datetimeInputLabel' | fdTranslate)\"\n                    [attr.id]=\"inputId\"\n                    [attr.aria-required]=\"required\"\n                    [placeholder]=\"placeholder\"\n                    [disabled]=\"disabled\"\n                    [ngModel]=\"_inputFieldDate\"\n                    (keyup.enter)=\"handleInputChange($any($event.target).value, false)\"\n                    (ngModelChange)=\"handleInputChange($event, true)\"\n                    (blur)=\"handleOnTouched($event)\"\n                />\n            </fd-input-group>\n        </fd-popover-control>\n        <fd-popover-body\n            aria-labelledby=\"fd-form-message\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-hidden]=\"!isOpen\"\n            [style.display]=\"'block'\"\n        >\n            <div class=\"fd-popover__wrapper fd-datetime__wrapper\">\n                <div class=\"fd-datetime__display-type-switcher\">\n                    <fd-segmented-button [(ngModel)]=\"_displayType\">\n                        <button\n                            fd-button\n                            [label]=\"displayTypeDateLabel || ('coreDatetimePicker.displayTypeDateLabel' | fdTranslate)\"\n                            value=\"date\"\n                        ></button>\n                        <button\n                            fd-button\n                            [label]=\"displayTypeTimeLabel || ('coreDatetimePicker.displayTypeTimeLabel' | fdTranslate)\"\n                            value=\"time\"\n                        ></button>\n                    </fd-segmented-button>\n                </div>\n                <fd-form-message id=\"fd-form-message\" [embedded]=\"true\" *ngIf=\"_message\" [type]=\"state\">\n                    {{ _message }}\n                </fd-form-message>\n                <ng-content></ng-content>\n                <div class=\"fd-datetime__container\">\n                    <fd-calendar\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'date'\"\n                        calType=\"single\"\n                        [activeView]=\"activeView\"\n                        [disableFunction]=\"disableFunction || null\"\n                        [selectedDate]=\"_tempDate\"\n                        [escapeFocusFunction]=\"null\"\n                        [markWeekends]=\"markWeekends\"\n                        [specialDaysRules]=\"specialDaysRules\"\n                        [showWeekNumbers]=\"showWeekNumbers\"\n                        [aggregatedYearGrid]=\"aggregatedYearGrid\"\n                        [yearGrid]=\"yearGrid\"\n                        [startingDayOfWeek]=\"startingDayOfWeek\"\n                        (activeViewChange)=\"handleCalendarActiveViewChange($event)\"\n                        (selectedDateChange)=\"handleDateChange($event)\"\n                        (isValidDateChange)=\"setInvalidDateInputHandler($event)\"\n                    ></fd-calendar>\n                    <div class=\"fd-datetime__separator\"></div>\n                    <fd-time\n                        *ngIf=\"isOpen\"\n                        [class.fd-datetime__active-display-type]=\"_displayType === 'time'\"\n                        [disabled]=\"disabled\"\n                        [elementsAtOnce]=\"5\"\n                        [keepTwoDigits]=\"keepTwoDigitsTime\"\n                        [ngModel]=\"_tempTime\"\n                        [spinnerButtons]=\"spinnerButtons\"\n                        [meridian]=\"_meridian\"\n                        [displaySeconds]=\"_displaySeconds\"\n                        [displayMinutes]=\"_displayMinutes\"\n                        [displayHours]=\"_displayHours\"\n                        (ngModelChange)=\"handleTimeChange($event)\"\n                    ></fd-time>\n                </div>\n                <div fd-popover-body-footer *ngIf=\"showFooter\">\n                    <div fd-bar barDesign=\"footer\">\n                        <div fd-bar-right>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"emphasized\"\n                                    [label]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"okLabel || ('coreDatetimePicker.datetimeOkLabel' | fdTranslate)\"\n                                    (click)=\"submit()\"\n                                ></button>\n                            </fd-bar-element>\n                            <fd-bar-element>\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [label]=\"cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\"\n                                    [ariaLabel]=\"\n                                        cancelLabel || ('coreDatetimePicker.datetimeCancelLabel' | fdTranslate)\n                                    \"\n                                    (click)=\"cancel()\"\n                                ></button>\n                            </fd-bar-element>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </fd-popover-body>\n    </fd-popover>\n</div>\n", styles: [".fd-datetime{display:block}.fd-datetime__wrapper{max-height:80vh;max-width:80vw}.fd-datetime__container{display:flex;align-items:center;justify-content:center;margin:0 16px;overflow:auto}.fd-datetime__separator{background-color:#d3d3d3;width:1px;margin:42px 28px;align-self:stretch}.fd-datetime fd-time{width:auto}.fd-datetime__display-type-switcher{margin-top:1rem;display:none;width:100%;justify-content:center}@media (max-width: 960px){.fd-datetime__display-type-switcher{display:flex}.fd-datetime__wrapper{min-width:20rem}.fd-datetime__container>*:not(.fd-datetime__active-display-type){display:none}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DatetimeAdapter, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{