@danielmoncada/angular-datetime-picker/bundles/danielmoncada-angular-datetime-picker.umd.min.js

Angular Date Time Picker

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/cdk/a11y"),require("@angular/cdk/overlay"),require("rxjs"),require("@angular/cdk/portal"),require("@angular/cdk/keycodes"),require("@angular/cdk/coercion"),require("rxjs/operators"),require("@angular/animations"),require("@angular/forms"),require("@angular/cdk/platform"),require("moment")):"function"==typeof define&&define.amd?define("@danielmoncada/angular-datetime-picker",["exports","@angular/core","@angular/common","@angular/cdk/a11y","@angular/cdk/overlay","rxjs","@angular/cdk/portal","@angular/cdk/keycodes","@angular/cdk/coercion","rxjs/operators","@angular/animations","@angular/forms","@angular/cdk/platform","moment"],t):t(((e=e||self).danielmoncada=e.danielmoncada||{},e.danielmoncada["angular-datetime-picker"]={}),e.ng.core,e.ng.common,e.ng.cdk.a11y,e.ng.cdk.overlay,e.rxjs,e.ng.cdk.portal,e.ng.cdk.keycodes,e.ng.cdk.coercion,e.rxjs.operators,e.ng.animations,e.ng.forms,e.ng.cdk.platform,e._moment)}(this,(function(e,t,n,i,r,a,o,s,l,c,d,p,u,h){"use strict";var m="default"in h?h.default:h,f=function(){function e(e){this.changeDetector=e,this.stateChanges=a.Subscription.EMPTY}return Object.defineProperty(e.prototype,"disabled",{get:function(){return void 0===this._disabled?this.dtPicker.disabled:!!this._disabled},set:function(e){this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTTriggerDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngOnChanges=function(e){e.datepicker&&this.watchStateChanges()},e.prototype.ngAfterContentInit=function(){this.watchStateChanges()},e.prototype.ngOnDestroy=function(){this.stateChanges.unsubscribe()},e.prototype.handleClickOnHost=function(e){this.dtPicker&&(this.dtPicker.open(),e.stopPropagation())},e.prototype.watchStateChanges=function(){var e=this;this.stateChanges.unsubscribe();var t=this.dtPicker&&this.dtPicker.dtInput?this.dtPicker.dtInput.disabledChange:a.of(),n=this.dtPicker?this.dtPicker.disabledChange:a.of();this.stateChanges=a.merge(n,t).subscribe((function(){e.changeDetector.markForCheck()}))},e}();f.decorators=[{type:t.Directive,args:[{selector:"[owlDateTimeTrigger]",host:{"(click)":"handleClickOnHost($event)","[class.owl-dt-trigger-disabled]":"owlDTTriggerDisabledClass"}}]}],f.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},f.propDecorators={dtPicker:[{type:t.Input,args:["owlDateTimeTrigger"]}],disabled:[{type:t.Input}]};
/*! *****************************************************************************
    Copyright (c) Microsoft Corporation.

    Permission to use, copy, modify, and/or distribute this software for any
    purpose with or without fee is hereby granted.

    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
    PERFORMANCE OF THIS SOFTWARE.
    ***************************************************************************** */
var g=function(e,t){return(g=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function y(e,t){function n(){this.constructor=e}g(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function b(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function v(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,a=n.call(e),o=[];try{for(;(void 0===t||t-- >0)&&!(i=a.next()).done;)o.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return o}function T(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(v(arguments[t]));return e}Object.create;var w=function(){this.changes=new a.Subject,this.upSecondLabel="Add a second",this.downSecondLabel="Minus a second",this.upMinuteLabel="Add a minute",this.downMinuteLabel="Minus a minute",this.upHourLabel="Add a hour",this.downHourLabel="Minus a hour",this.prevMonthLabel="Previous month",this.nextMonthLabel="Next month",this.prevYearLabel="Previous year",this.nextYearLabel="Next year",this.prevMultiYearLabel="Previous 21 years",this.nextMultiYearLabel="Next 21 years",this.switchToMonthViewLabel="Change to month view",this.switchToMultiYearViewLabel="Choose month and year",this.cancelBtnLabel="Cancel",this.setBtnLabel="Set",this.rangeFromLabel="From",this.rangeToLabel="To",this.hour12AMLabel="AM",this.hour12PMLabel="PM"};w.ɵprov=t.ɵɵdefineInjectable({factory:function(){return new w},token:w,providedIn:"root"}),w.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}];var M=new t.InjectionToken("OWL_DATE_TIME_LOCALE",{providedIn:"root",factory:D});function D(){return t.inject(t.LOCALE_ID)}var k,C={provide:M,useExisting:t.LOCALE_ID},A=function(){function e(){this._localeChanges=new a.Subject,this.millisecondsInDay=864e5,this.milliseondsInMinute=6e4}return Object.defineProperty(e.prototype,"localeChanges",{get:function(){return this._localeChanges},enumerable:!1,configurable:!0}),e.prototype.compare=function(e,t){if(!this.isValid(e)||!this.isValid(t))throw Error("JSNativeDate: Cannot compare invalid dates.");var n=this.clone(e),i=this.clone(t),r=this.getTime(n)-this.getTime(i);return r<0?-1:r>0?1:r},e.prototype.compareYear=function(e,t){if(!this.isValid(e)||!this.isValid(t))throw Error("JSNativeDate: Cannot compare invalid dates.");var n=this.getYear(e)-this.getYear(t);return n<0?-1:n>0?1:0},e.prototype.deserialize=function(e){return null==e||this.isDateInstance(e)&&this.isValid(e)?e:this.invalid()},e.prototype.setLocale=function(e){this.locale=e,this._localeChanges.next(e)},e.prototype.getLocale=function(){return this.locale},e.prototype.clampDate=function(e,t,n){return t&&this.compare(e,t)<0?t:n&&this.compare(e,n)>0?n:e},e}(),O=new t.InjectionToken("OWL_DATE_TIME_FORMATS"),I=0;!function(e){e.MONTH="month",e.YEAR="year",e.MULTI_YEARS="multi-years"}(k||(k={}));var _=function(){function e(e,t){var n=this;if(this.dateTimeAdapter=e,this.dateTimeFormats=t,this._showSecondsTimer=!1,this._hour12Timer=!1,this.startView=k.MONTH,this.yearOnly=!1,this.multiyearOnly=!1,this._stepHour=1,this._stepMinute=1,this._stepSecond=1,this._hideOtherMonths=!1,this.dateTimeChecker=function(e){return!!e&&(!n.dateTimeFilter||n.dateTimeFilter(e))&&(!n.minDateTime||n.dateTimeAdapter.compare(e,n.minDateTime)>=0)&&(!n.maxDateTime||n.dateTimeAdapter.compare(e,n.maxDateTime)<=0)},!this.dateTimeAdapter)throw Error("OwlDateTimePicker: No provider found for DateTimeAdapter. You must import one of the following modules at your application root: OwlNativeDateTimeModule, OwlMomentDateTimeModule, or provide a custom implementation.");if(!this.dateTimeFormats)throw Error("OwlDateTimePicker: No provider found for OWL_DATE_TIME_FORMATS. You must import one of the following modules at your application root: OwlNativeDateTimeModule, OwlMomentDateTimeModule, or provide a custom implementation.");this._id="owl-dt-picker-"+I++}return Object.defineProperty(e.prototype,"showSecondsTimer",{get:function(){return this._showSecondsTimer},set:function(e){this._showSecondsTimer=l.coerceBooleanProperty(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hour12Timer",{get:function(){return this._hour12Timer},set:function(e){this._hour12Timer=l.coerceBooleanProperty(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"stepHour",{get:function(){return this._stepHour},set:function(e){this._stepHour=l.coerceNumberProperty(e,1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"stepMinute",{get:function(){return this._stepMinute},set:function(e){this._stepMinute=l.coerceNumberProperty(e,1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"stepSecond",{get:function(){return this._stepSecond},set:function(e){this._stepSecond=l.coerceNumberProperty(e,1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"firstDayOfWeek",{get:function(){return this._firstDayOfWeek},set:function(e){e=l.coerceNumberProperty(e),this._firstDayOfWeek=e>6||e<0?void 0:e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hideOtherMonths",{get:function(){return this._hideOtherMonths},set:function(e){this._hideOtherMonths=l.coerceBooleanProperty(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"id",{get:function(){return this._id},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"formatString",{get:function(){return"both"===this.pickerType?this.dateTimeFormats.fullPickerInput:"calendar"===this.pickerType?this.dateTimeFormats.datePickerInput:this.dateTimeFormats.timePickerInput},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"disabled",{get:function(){return!1},enumerable:!1,configurable:!0}),e.prototype.getValidDate=function(e){return this.dateTimeAdapter.isDateInstance(e)&&this.dateTimeAdapter.isValid(e)?e:null},e}();_.decorators=[{type:t.Directive}],_.ctorParameters=function(){return[{type:A,decorators:[{type:t.Optional}]},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[O]}]}]},_.propDecorators={showSecondsTimer:[{type:t.Input}],hour12Timer:[{type:t.Input}],startView:[{type:t.Input}],yearOnly:[{type:t.Input}],multiyearOnly:[{type:t.Input}],stepHour:[{type:t.Input}],stepMinute:[{type:t.Input}],stepSecond:[{type:t.Input}],firstDayOfWeek:[{type:t.Input}],hideOtherMonths:[{type:t.Input}]};var S=function(){function e(e,n,i,r,o,s){var l=this;this.elmRef=e,this.pickerIntl=n,this.ngZone=i,this.cdRef=r,this.dateTimeAdapter=o,this.dateTimeFormats=s,this.DateView=k,this._selecteds=[],this.startView=k.MONTH,this.yearOnly=!1,this.multiyearOnly=!1,this.pickerMomentChange=new t.EventEmitter,this.selectedChange=new t.EventEmitter,this.userSelection=new t.EventEmitter,this.yearSelected=new t.EventEmitter,this.monthSelected=new t.EventEmitter,this.intlChangesSub=a.Subscription.EMPTY,this.moveFocusOnNextTick=!1,this.dateFilterForViews=function(e){return!!e&&(!l.dateFilter||l.dateFilter(e))&&(!l.minDate||l.dateTimeAdapter.compare(e,l.minDate)>=0)&&(!l.maxDate||l.dateTimeAdapter.compare(e,l.maxDate)<=0)},this.intlChangesSub=this.pickerIntl.changes.subscribe((function(){l.cdRef.markForCheck()}))}return Object.defineProperty(e.prototype,"minDate",{get:function(){return this._minDate},set:function(e){e=this.dateTimeAdapter.deserialize(e),e=this.getValidDate(e),this._minDate=e?this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(e),this.dateTimeAdapter.getMonth(e),this.dateTimeAdapter.getDate(e)):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxDate",{get:function(){return this._maxDate},set:function(e){e=this.dateTimeAdapter.deserialize(e),e=this.getValidDate(e),this._maxDate=e?this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(e),this.dateTimeAdapter.getMonth(e),this.dateTimeAdapter.getDate(e)):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pickerMoment",{get:function(){return this._pickerMoment},set:function(e){e=this.dateTimeAdapter.deserialize(e),this._pickerMoment=this.getValidDate(e)||this.dateTimeAdapter.now()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selected",{get:function(){return this._selected},set:function(e){e=this.dateTimeAdapter.deserialize(e),this._selected=this.getValidDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"selecteds",{get:function(){return this._selecteds},set:function(e){var t=this;this._selecteds=e.map((function(e){return e=t.dateTimeAdapter.deserialize(e),t.getValidDate(e)}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"periodButtonText",{get:function(){return this.isMonthView?this.dateTimeAdapter.format(this.pickerMoment,this.dateTimeFormats.monthYearLabel):this.dateTimeAdapter.getYearName(this.pickerMoment)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"periodButtonLabel",{get:function(){return this.isMonthView?this.pickerIntl.switchToMultiYearViewLabel:this.pickerIntl.switchToMonthViewLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"prevButtonLabel",{get:function(){return this._currentView===k.MONTH?this.pickerIntl.prevMonthLabel:this._currentView===k.YEAR?this.pickerIntl.prevYearLabel:null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"nextButtonLabel",{get:function(){return this._currentView===k.MONTH?this.pickerIntl.nextMonthLabel:this._currentView===k.YEAR?this.pickerIntl.nextYearLabel:null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"currentView",{get:function(){return this._currentView},set:function(e){this._currentView=e,this.moveFocusOnNextTick=!0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isInSingleMode",{get:function(){return"single"===this.selectMode},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isInRangeMode",{get:function(){return"range"===this.selectMode||"rangeFrom"===this.selectMode||"rangeTo"===this.selectMode},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"showControlArrows",{get:function(){return this._currentView!==k.MULTI_YEARS},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isMonthView",{get:function(){return this._currentView===k.MONTH},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTCalendarClass",{get:function(){return!0},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngAfterContentInit=function(){this._currentView=this.startView},e.prototype.ngAfterViewChecked=function(){this.moveFocusOnNextTick&&(this.moveFocusOnNextTick=!1,this.focusActiveCell())},e.prototype.ngOnDestroy=function(){this.intlChangesSub.unsubscribe()},e.prototype.toggleViews=function(){var e=null;e=this._currentView===k.MONTH||this.multiyearOnly?k.MULTI_YEARS:this.yearOnly?this._currentView===k.YEAR?k.MULTI_YEARS:k.YEAR:k.MONTH,this.currentView=e},e.prototype.previousClicked=function(){this.pickerMoment=this.isMonthView?this.dateTimeAdapter.addCalendarMonths(this.pickerMoment,-1):this.dateTimeAdapter.addCalendarYears(this.pickerMoment,-1),this.pickerMomentChange.emit(this.pickerMoment)},e.prototype.nextClicked=function(){this.pickerMoment=this.isMonthView?this.dateTimeAdapter.addCalendarMonths(this.pickerMoment,1):this.dateTimeAdapter.addCalendarYears(this.pickerMoment,1),this.pickerMomentChange.emit(this.pickerMoment)},e.prototype.dateSelected=function(e){this.dateFilterForViews(e)&&this.selectedChange.emit(e)},e.prototype.goToDateInView=function(e,t){this.handlePickerMomentChange(e),(!this.yearOnly&&!this.multiyearOnly||this.multiyearOnly&&t!==k.MONTH&&t!==k.YEAR||this.yearOnly&&t!==k.MONTH)&&(this.currentView=t)},e.prototype.handlePickerMomentChange=function(e){this.pickerMoment=this.dateTimeAdapter.clampDate(e,this.minDate,this.maxDate),this.pickerMomentChange.emit(this.pickerMoment)},e.prototype.userSelected=function(){this.userSelection.emit()},e.prototype.prevButtonEnabled=function(){return!this.minDate||!this.isSameView(this.pickerMoment,this.minDate)},e.prototype.nextButtonEnabled=function(){return!this.maxDate||!this.isSameView(this.pickerMoment,this.maxDate)},e.prototype.focusActiveCell=function(){var e=this;this.ngZone.runOutsideAngular((function(){e.ngZone.onStable.asObservable().pipe(c.take(1)).subscribe((function(){e.elmRef.nativeElement.querySelector(".owl-dt-calendar-cell-active").focus()}))}))},e.prototype.selectYearInMultiYearView=function(e){this.yearSelected.emit(e)},e.prototype.selectMonthInYearView=function(e){this.monthSelected.emit(e)},e.prototype.isSameView=function(e,t){return this._currentView===k.MONTH?!(!e||!t||this.dateTimeAdapter.getYear(e)!==this.dateTimeAdapter.getYear(t)||this.dateTimeAdapter.getMonth(e)!==this.dateTimeAdapter.getMonth(t)):this._currentView===k.YEAR&&!(!e||!t||this.dateTimeAdapter.getYear(e)!==this.dateTimeAdapter.getYear(t))},e.prototype.getValidDate=function(e){return this.dateTimeAdapter.isDateInstance(e)&&this.dateTimeAdapter.isValid(e)?e:null},e}();S.decorators=[{type:t.Component,args:[{selector:"owl-date-time-calendar",exportAs:"owlDateTimeCalendar",template:'<div class="owl-dt-calendar-control">\n    \x3c!-- focus when keyboard tab (http://kizu.ru/en/blog/keyboard-only-focus/#x) --\x3e\n    <button class="owl-dt-control owl-dt-control-button owl-dt-control-arrow-button"\n            type="button" tabindex="0"\n            [style.visibility]="showControlArrows? \'visible\': \'hidden\'"\n            [disabled]="!prevButtonEnabled()"\n            [attr.aria-label]="prevButtonLabel"\n            (click)="previousClicked()">\n        <span class="owl-dt-control-content owl-dt-control-button-content" tabindex="-1">\n            \x3c!-- <editor-fold desc="SVG Arrow Left"> --\x3e\n        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"\n                 version="1.1" x="0px" y="0px" viewBox="0 0 250.738 250.738"\n                 style="enable-background:new 0 0 250.738 250.738;" xml:space="preserve"\n                 width="100%" height="100%">\n                <path style="fill-rule: evenodd; clip-rule: evenodd;" d="M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546   c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681   l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z"/>\n            </svg>\n            \x3c!-- </editor-fold> --\x3e\n        </span>\n    </button>\n    <div class="owl-dt-calendar-control-content">\n        <button class="owl-dt-control owl-dt-control-button owl-dt-control-period-button"\n                type="button" tabindex="0"\n                [attr.aria-label]="periodButtonLabel"\n                (click)="toggleViews()">\n            <span class="owl-dt-control-content owl-dt-control-button-content" tabindex="-1">\n                {{periodButtonText}}\n\n                <span class="owl-dt-control-button-arrow"\n                      [style.transform]="\'rotate(\' + (isMonthView? 0 : 180) +\'deg)\'">\n                    \x3c!-- <editor-fold desc="SVG Arrow"> --\x3e\n                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n                         width="50%" height="50%" viewBox="0 0 292.362 292.362" style="enable-background:new 0 0 292.362 292.362;"\n                         xml:space="preserve">\n                        <g>\n                            <path d="M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424\n                                C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428\n                                s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z"/>\n                        </g>\n                    </svg>\n                    \x3c!-- </editor-fold> --\x3e\n                </span>\n            </span>\n        </button>\n    </div>\n    <button class="owl-dt-control owl-dt-control-button owl-dt-control-arrow-button"\n            type="button" tabindex="0"\n            [style.visibility]="showControlArrows? \'visible\': \'hidden\'"\n            [disabled]="!nextButtonEnabled()"\n            [attr.aria-label]="nextButtonLabel"\n            (click)="nextClicked()">\n        <span class="owl-dt-control-content owl-dt-control-button-content" tabindex="-1">\n            \x3c!-- <editor-fold desc="SVG Arrow Right"> --\x3e\n        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n                 viewBox="0 0 250.738 250.738" style="enable-background:new 0 0 250.738 250.738;" xml:space="preserve">\n                <path style="fill-rule:evenodd;clip-rule:evenodd;" d="M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\n                    c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\n                    c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\n                    C197.237,120.447,195.534,115.448,191.75,111.689z"/>\n            </svg>\n            \x3c!-- </editor-fold> --\x3e\n        </span>\n    </button>\n</div>\n<div class="owl-dt-calendar-main" cdkMonitorSubtreeFocus [ngSwitch]="currentView" tabindex="-1">\n    <owl-date-time-month-view\n            *ngSwitchCase="DateView.MONTH"\n            [pickerMoment]="pickerMoment"\n            [firstDayOfWeek]="firstDayOfWeek"\n            [selected]="selected"\n            [selecteds]="selecteds"\n            [selectMode]="selectMode"\n            [minDate]="minDate"\n            [maxDate]="maxDate"\n            [dateFilter]="dateFilter"\n            [hideOtherMonths]="hideOtherMonths"\n            (pickerMomentChange)="handlePickerMomentChange($event)"\n            (selectedChange)="dateSelected($event)"\n            (userSelection)="userSelected()"></owl-date-time-month-view>\n\n    <owl-date-time-year-view\n            *ngSwitchCase="DateView.YEAR"\n            [pickerMoment]="pickerMoment"\n            [selected]="selected"\n            [selecteds]="selecteds"\n            [selectMode]="selectMode"\n            [minDate]="minDate"\n            [maxDate]="maxDate"\n            [dateFilter]="dateFilter"\n            (keyboardEnter)="focusActiveCell()"\n            (pickerMomentChange)="handlePickerMomentChange($event)"\n            (monthSelected)="selectMonthInYearView($event)"\n            (change)="goToDateInView($event, DateView.MONTH)"></owl-date-time-year-view>\n\n    <owl-date-time-multi-year-view\n            *ngSwitchCase="DateView.MULTI_YEARS"\n            [pickerMoment]="pickerMoment"\n            [selected]="selected"\n            [selecteds]="selecteds"\n            [selectMode]="selectMode"\n            [minDate]="minDate"\n            [maxDate]="maxDate"\n            [dateFilter]="dateFilter"\n            (keyboardEnter)="focusActiveCell()"\n            (pickerMomentChange)="handlePickerMomentChange($event)"\n            (yearSelected)="selectYearInMultiYearView($event)"\n            (change)="goToDateInView($event, DateView.YEAR)"></owl-date-time-multi-year-view>\n</div>\n',host:{"[class.owl-dt-calendar]":"owlDTCalendarClass"},preserveWhitespaces:!1,changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[""]}]}],S.ctorParameters=function(){return[{type:t.ElementRef},{type:w},{type:t.NgZone},{type:t.ChangeDetectorRef},{type:A,decorators:[{type:t.Optional}]},{type:void 0,decorators:[{type:t.Optional},{type:t.Inject,args:[O]}]}]},S.propDecorators={minDate:[{type:t.Input}],maxDate:[{type:t.Input}],pickerMoment:[{type:t.Input}],selected:[{type:t.Input}],selecteds:[{type:t.Input}],dateFilter:[{type:t.Input}],firstDayOfWeek:[{type:t.Input}],selectMode:[{type:t.Input}],startView:[{type:t.Input}],yearOnly:[{type:t.Input}],multiyearOnly:[{type:t.Input}],hideOtherMonths:[{type:t.Input}],pickerMomentChange:[{type:t.Output}],selectedChange:[{type:t.Output}],userSelection:[{type:t.Output}],yearSelected:[{type:t.Output}],monthSelected:[{type:t.Output}]};var P=function(){function e(e,n,i,r,a){this.ngZone=e,this.elmRef=n,this.pickerIntl=i,this.cdRef=r,this.dateTimeAdapter=a,this.isPM=!1,this.stepHour=1,this.stepMinute=1,this.stepSecond=1,this.selectedChange=new t.EventEmitter}return Object.defineProperty(e.prototype,"pickerMoment",{get:function(){return this._pickerMoment},set:function(e){e=this.dateTimeAdapter.deserialize(e),this._pickerMoment=this.getValidDate(e)||this.dateTimeAdapter.now()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"minDateTime",{get:function(){return this._minDateTime},set:function(e){e=this.dateTimeAdapter.deserialize(e),this._minDateTime=this.getValidDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"maxDateTime",{get:function(){return this._maxDateTime},set:function(e){e=this.dateTimeAdapter.deserialize(e),this._maxDateTime=this.getValidDate(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hourValue",{get:function(){return this.dateTimeAdapter.getHours(this.pickerMoment)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hourBoxValue",{get:function(){var e=this.hourValue;return this.hour12Timer?(0===e?(e=12,this.isPM=!1):e>0&&e<12?this.isPM=!1:12===e?this.isPM=!0:e>12&&e<24&&(e-=12,this.isPM=!0),e):e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"minuteValue",{get:function(){return this.dateTimeAdapter.getMinutes(this.pickerMoment)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"secondValue",{get:function(){return this.dateTimeAdapter.getSeconds(this.pickerMoment)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"upHourButtonLabel",{get:function(){return this.pickerIntl.upHourLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"downHourButtonLabel",{get:function(){return this.pickerIntl.downHourLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"upMinuteButtonLabel",{get:function(){return this.pickerIntl.upMinuteLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"downMinuteButtonLabel",{get:function(){return this.pickerIntl.downMinuteLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"upSecondButtonLabel",{get:function(){return this.pickerIntl.upSecondLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"downSecondButtonLabel",{get:function(){return this.pickerIntl.downSecondLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hour12ButtonLabel",{get:function(){return this.isPM?this.pickerIntl.hour12PMLabel:this.pickerIntl.hour12AMLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTTimerClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTTimeTabIndex",{get:function(){return-1},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.focus=function(){var e=this;this.ngZone.runOutsideAngular((function(){e.ngZone.onStable.asObservable().pipe(c.take(1)).subscribe((function(){e.elmRef.nativeElement.focus()}))}))},e.prototype.setHourValueViaInput=function(e){this.hour12Timer&&this.isPM&&e>=1&&e<=11?e+=12:this.hour12Timer&&!this.isPM&&12===e&&(e=0),this.setHourValue(e)},e.prototype.setHourValue=function(e){var t=this.dateTimeAdapter.setHours(this.pickerMoment,e);this.selectedChange.emit(t),this.cdRef.markForCheck()},e.prototype.setMinuteValue=function(e){var t=this.dateTimeAdapter.setMinutes(this.pickerMoment,e);this.selectedChange.emit(t),this.cdRef.markForCheck()},e.prototype.setSecondValue=function(e){var t=this.dateTimeAdapter.setSeconds(this.pickerMoment,e);this.selectedChange.emit(t),this.cdRef.markForCheck()},e.prototype.setMeridiem=function(e){this.isPM=!this.isPM;var t=this.hourValue;this.isPM?t+=12:t-=12,t>=0&&t<=23&&this.setHourValue(t),this.cdRef.markForCheck(),e.preventDefault()},e.prototype.upHourEnabled=function(){return!this.maxDateTime||this.compareHours(this.stepHour,this.maxDateTime)<1},e.prototype.downHourEnabled=function(){return!this.minDateTime||this.compareHours(-this.stepHour,this.minDateTime)>-1},e.prototype.upMinuteEnabled=function(){return!this.maxDateTime||this.compareMinutes(this.stepMinute,this.maxDateTime)<1},e.prototype.downMinuteEnabled=function(){return!this.minDateTime||this.compareMinutes(-this.stepMinute,this.minDateTime)>-1},e.prototype.upSecondEnabled=function(){return!this.maxDateTime||this.compareSeconds(this.stepSecond,this.maxDateTime)<1},e.prototype.downSecondEnabled=function(){return!this.minDateTime||this.compareSeconds(-this.stepSecond,this.minDateTime)>-1},e.prototype.compareHours=function(e,t){var n=this.dateTimeAdapter.getHours(this.pickerMoment)+e,i=this.dateTimeAdapter.setHours(this.pickerMoment,n);return this.dateTimeAdapter.compare(i,t)},e.prototype.compareMinutes=function(e,t){var n=this.dateTimeAdapter.getMinutes(this.pickerMoment)+e,i=this.dateTimeAdapter.setMinutes(this.pickerMoment,n);return this.dateTimeAdapter.compare(i,t)},e.prototype.compareSeconds=function(e,t){var n=this.dateTimeAdapter.getSeconds(this.pickerMoment)+e,i=this.dateTimeAdapter.setSeconds(this.pickerMoment,n);return this.dateTimeAdapter.compare(i,t)},e.prototype.getValidDate=function(e){return this.dateTimeAdapter.isDateInstance(e)&&this.dateTimeAdapter.isValid(e)?e:null},e}();P.decorators=[{type:t.Component,args:[{exportAs:"owlDateTimeTimer",selector:"owl-date-time-timer",template:'<owl-date-time-timer-box\n        [upBtnAriaLabel]="upHourButtonLabel"\n        [downBtnAriaLabel]="downHourButtonLabel"\n        [upBtnDisabled]="!upHourEnabled()"\n        [downBtnDisabled]="!downHourEnabled()"\n        [boxValue]="hourBoxValue"\n        [value]="hourValue" [min]="0" [max]="23"\n        [step]="stepHour" [inputLabel]="\'Hour\'"\n        (inputChange)="setHourValueViaInput($event)"\n        (valueChange)="setHourValue($event)"></owl-date-time-timer-box>\n<owl-date-time-timer-box\n        [showDivider]="true"\n        [upBtnAriaLabel]="upMinuteButtonLabel"\n        [downBtnAriaLabel]="downMinuteButtonLabel"\n        [upBtnDisabled]="!upMinuteEnabled()"\n        [downBtnDisabled]="!downMinuteEnabled()"\n        [value]="minuteValue" [min]="0" [max]="59"\n        [step]="stepMinute" [inputLabel]="\'Minute\'"\n        (inputChange)="setMinuteValue($event)"\n        (valueChange)="setMinuteValue($event)"></owl-date-time-timer-box>\n<owl-date-time-timer-box\n        *ngIf="showSecondsTimer"\n        [showDivider]="true"\n        [upBtnAriaLabel]="upSecondButtonLabel"\n        [downBtnAriaLabel]="downSecondButtonLabel"\n        [upBtnDisabled]="!upSecondEnabled()"\n        [downBtnDisabled]="!downSecondEnabled()"\n        [value]="secondValue" [min]="0" [max]="59"\n        [step]="stepSecond" [inputLabel]="\'Second\'"\n        (inputChange)="setSecondValue($event)"\n        (valueChange)="setSecondValue($event)"></owl-date-time-timer-box>\n\n<div *ngIf="hour12Timer" class="owl-dt-timer-hour12">\n    <button class="owl-dt-control-button owl-dt-timer-hour12-box"\n            type="button" tabindex="0"\n            (click)="setMeridiem($event)">\n        <span class="owl-dt-control-button-content" tabindex="-1">\n            {{hour12ButtonLabel}}\n        </span>\n    </button>\n</div>\n',preserveWhitespaces:!1,changeDetection:t.ChangeDetectionStrategy.OnPush,host:{"[class.owl-dt-timer]":"owlDTTimerClass","[attr.tabindex]":"owlDTTimeTabIndex"},styles:[""]}]}],P.ctorParameters=function(){return[{type:t.NgZone},{type:t.ElementRef},{type:w},{type:t.ChangeDetectorRef},{type:A,decorators:[{type:t.Optional}]}]},P.propDecorators={pickerMoment:[{type:t.Input}],minDateTime:[{type:t.Input}],maxDateTime:[{type:t.Input}],showSecondsTimer:[{type:t.Input}],hour12Timer:[{type:t.Input}],stepHour:[{type:t.Input}],stepMinute:[{type:t.Input}],stepSecond:[{type:t.Input}],selectedChange:[{type:t.Output}]};var x={transformPicker:d.trigger("transformPicker",[d.state("void",d.style({opacity:0,transform:"scale(1, 0)"})),d.state("enter",d.style({opacity:1,transform:"scale(1, 1)"})),d.transition("void => enter",d.group([d.query("@fadeInPicker",d.animateChild(),{optional:!0}),d.animate("400ms cubic-bezier(0.25, 0.8, 0.25, 1)")])),d.transition("enter => void",d.animate("100ms linear",d.style({opacity:0})))]),fadeInPicker:d.trigger("fadeInPicker",[d.state("enter",d.style({opacity:1})),d.state("void",d.style({opacity:0})),d.transition("void => enter",d.animate("400ms 100ms cubic-bezier(0.55, 0, 0.55, 0.2)"))])},E=function(){function e(e,t,n,i){this.cdRef=e,this.elmRef=t,this.pickerIntl=n,this.dateTimeAdapter=i,this.activeSelectedIndex=0,this.hidePicker$=new a.Subject,this.confirmSelected$=new a.Subject,this.pickerOpened$=new a.Subject}return Object.defineProperty(e.prototype,"hidePickerStream",{get:function(){return this.hidePicker$.asObservable()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"confirmSelectedStream",{get:function(){return this.confirmSelected$.asObservable()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pickerOpenedStream",{get:function(){return this.pickerOpened$.asObservable()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pickerMoment",{get:function(){return this._clamPickerMoment},set:function(e){e&&(this._clamPickerMoment=this.dateTimeAdapter.clampDate(e,this.picker.minDateTime,this.picker.maxDateTime)),this.cdRef.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"pickerType",{get:function(){return this.picker.pickerType},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"cancelLabel",{get:function(){return this.pickerIntl.cancelBtnLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"setLabel",{get:function(){return this.pickerIntl.setBtnLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"fromLabel",{get:function(){return this.pickerIntl.rangeFromLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"toLabel",{get:function(){return this.pickerIntl.rangeToLabel},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"fromFormattedValue",{get:function(){var e=this.picker.selecteds[0];return e?this.dateTimeAdapter.format(e,this.picker.formatString):""},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"toFormattedValue",{get:function(){var e=this.picker.selecteds[1];return e?this.dateTimeAdapter.format(e,this.picker.formatString):""},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"showControlButtons",{get:function(){return"dialog"===this.picker.pickerMode||"calendar"!==this.picker.pickerType&&"inline"!==this.picker.pickerMode},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"containerElm",{get:function(){return this.elmRef.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTContainerClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTPopupContainerClass",{get:function(){return"popup"===this.picker.pickerMode},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTDialogContainerClass",{get:function(){return"dialog"===this.picker.pickerMode},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTInlineContainerClass",{get:function(){return"inline"===this.picker.pickerMode},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTContainerDisabledClass",{get:function(){return this.picker.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTContainerId",{get:function(){return this.picker.id},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"owlDTContainerAnimation",{get:function(){return"inline"===this.picker.pickerMode?"":"enter"},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){"range"===this.picker.selectMode&&(this.picker.selecteds[0]&&(this.retainStartTime=this.dateTimeAdapter.clone(this.picker.selecteds[0])),this.picker.selecteds[1]&&(this.retainEndTime=this.dateTimeAdapter.clone(this.picker.selecteds[1])))},e.prototype.ngAfterContentInit=function(){this.initPicker()},e.prototype.ngAfterViewInit=function(){this.focusPicker()},e.prototype.handleContainerAnimationDone=function(e){"enter"===e.toState&&this.pickerOpened$.next()},e.prototype.dateSelected=function(e){var t;this.picker.isInSingleMode?(t=this.dateSelectedInSingleMode(e))?(this.pickerMoment=t,this.picker.select(t)):"calendar"===this.pickerType&&this.hidePicker$.next(null):this.picker.isInRangeMode&&(t=this.dateSelectedInRangeMode(e))&&(this.pickerMoment=t[this.activeSelectedIndex],this.picker.select(t))},e.prototype.timeSelected=function(e){if(this.pickerMoment=this.dateTimeAdapter.clone(e),this.picker.dateTimeChecker(this.pickerMoment))if(this.picker.isInSingleMode)this.picker.select(this.pickerMoment);else if(this.picker.isInRangeMode){var t=T(this.picker.selecteds);0===this.activeSelectedIndex&&t[1]&&1===this.dateTimeAdapter.compare(this.pickerMoment,t[1])||1===this.activeSelectedIndex&&t[0]&&-1===this.dateTimeAdapter.compare(this.pickerMoment,t[0])?(t[0]=this.pickerMoment,t[1]=this.pickerMoment):t[this.activeSelectedIndex]=this.pickerMoment,t[0]&&(this.retainStartTime=this.dateTimeAdapter.clone(t[0])),t[1]&&(this.retainEndTime=this.dateTimeAdapter.clone(t[1])),this.picker.select(t)}},e.prototype.onCancelClicked=function(e){this.hidePicker$.next(null),e.preventDefault()},e.prototype.onSetClicked=function(e){if(!this.picker.dateTimeChecker(this.pickerMoment))return this.hidePicker$.next(null),void e.preventDefault();this.confirmSelected$.next(e),e.preventDefault()},e.prototype.handleClickOnInfoGroup=function(e,t){this.setActiveSelectedIndex(t),e.preventDefault(),e.stopPropagation()},e.prototype.handleKeydownOnInfoGroup=function(e,t,n){switch(e.keyCode){case s.DOWN_ARROW:case s.RIGHT_ARROW:case s.UP_ARROW:case s.LEFT_ARROW:t.focus(),this.setActiveSelectedIndex(0===n?1:0),e.preventDefault(),e.stopPropagation();break;case s.SPACE:this.setActiveSelectedIndex(n),e.preventDefault(),e.stopPropagation();break;default:return}},e.prototype.setActiveSelectedIndex=function(e){if("range"===this.picker.selectMode&&this.activeSelectedIndex!==e){this.activeSelectedIndex=e;var t=this.picker.selecteds[this.activeSelectedIndex];this.picker.selecteds&&t&&(this.pickerMoment=this.dateTimeAdapter.clone(t))}},e.prototype.initPicker=function(){this.pickerMoment=this.picker.startAt||this.dateTimeAdapter.now(),this.activeSelectedIndex="rangeTo"===this.picker.selectMode?1:0},e.prototype.dateSelectedInSingleMode=function(e){return this.dateTimeAdapter.isSameDay(e,this.picker.selected)?null:this.updateAndCheckCalendarDate(e)},e.prototype.dateSelectedInRangeMode=function(e){var t=this.picker.selecteds[0],n=this.picker.selecteds[1],i=this.updateAndCheckCalendarDate(e);return i?("range"===this.picker.selectMode?this.picker.selecteds&&this.picker.selecteds.length&&!n&&t&&this.dateTimeAdapter.differenceInCalendarDays(i,t)>=0?(n=this.picker.endAt&&!this.retainEndTime?this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(i),this.dateTimeAdapter.getMonth(i),this.dateTimeAdapter.getDate(i),this.dateTimeAdapter.getHours(this.picker.endAt),this.dateTimeAdapter.getMinutes(this.picker.endAt),this.dateTimeAdapter.getSeconds(this.picker.endAt)):this.retainEndTime?this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(i),this.dateTimeAdapter.getMonth(i),this.dateTimeAdapter.getDate(i),this.dateTimeAdapter.getHours(this.retainEndTime),this.dateTimeAdapter.getMinutes(this.retainEndTime),this.dateTimeAdapter.getSeconds(this.retainEndTime)):i,this.activeSelectedIndex=1):(t=this.picker.startAt&&!this.retainStartTime?this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(i),this.dateTimeAdapter.getMonth(i),this.dateTimeAdapter.getDate(i),this.dateTimeAdapter.getHours(this.picker.startAt),this.dateTimeAdapter.getMinutes(this.picker.startAt),this.dateTimeAdapter.getSeconds(this.picker.startAt)):this.retainStartTime?this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(i),this.dateTimeAdapter.getMonth(i),this.dateTimeAdapter.getDate(i),this.dateTimeAdapter.getHours(this.retainStartTime),this.dateTimeAdapter.getMinutes(this.retainStartTime),this.dateTimeAdapter.getSeconds(this.retainStartTime)):i,n=null,this.activeSelectedIndex=0):"rangeFrom"===this.picker.selectMode?(t=i,n&&this.dateTimeAdapter.compare(t,n)>0&&(n=null)):"rangeTo"===this.picker.selectMode&&(n=i,t&&this.dateTimeAdapter.compare(t,n)>0&&(t=null)),[t,n]):null},e.prototype.updateAndCheckCalendarDate=function(e){var t;return"both"===this.picker.pickerType?(t=this.dateTimeAdapter.createDate(this.dateTimeAdapter.getYear(e),this.dateTimeAdapter.getMonth(e),this.dateTimeAdapter.getDate(e),this.dateTimeAdapter.getHours(this.pickerMoment),this.dateTimeAdapter.getMinutes(this.pickerMoment),this.dateTimeAdapter.getSeconds(this.pickerMoment)),t=this.dateTimeAdapter.clampDate(t,this.picker.minDateTime,this.picker.maxDateTime)):t=this.dateTimeAdapter.clone(e),this.picker.dateTimeChecker(t)?t:null},e.prototype.focusPicker=function(){"inline"!==this.picker.pickerMode&&(this.calendar?this.calendar.focusActiveCell():this.timer&&this.timer.focus())},e}();E.decorators=[{type:t.Component,args:[{exportAs:"owlDateTimeContainer",selector:"owl-date-time-container",template:'<div [cdkTrapFocus]="picker.pickerMode !== \'inline\'"\n     [@fadeInPicker]="picker.pickerMode === \'inline\'? \'\' : \'enter\'"\n     class="owl-dt-container-inner">\n\n    <owl-date-time-calendar\n            *ngIf="pickerType === \'both\' || pickerType === \'calendar\'"\n            class="owl-dt-container-row"\n            [firstDayOfWeek]="picker.firstDayOfWeek"\n            [(pickerMoment)]="pickerMoment"\n            [selected]="picker.selected"\n            [selecteds]="picker.selecteds"\n            [selectMode]="picker.selectMode"\n            [minDate]="picker.minDateTime"\n            [maxDate]="picker.maxDateTime"\n            [dateFilter]="picker.dateTimeFilter"\n            [startView]="picker.startView"\n            [yearOnly]="picker.yearOnly"\n            [multiyearOnly]="picker.multiyearOnly"\n            [hideOtherMonths]="picker.hideOtherMonths"\n            (yearSelected)="picker.selectYear($event)"\n            (monthSelected)="picker.selectMonth($event)"\n            (selectedChange)="dateSelected($event)"></owl-date-time-calendar>\n\n    <owl-date-time-timer\n            *ngIf="pickerType === \'both\' || pickerType === \'timer\'"\n            class="owl-dt-container-row"\n            [pickerMoment]="pickerMoment"\n            [minDateTime]="picker.minDateTime"\n            [maxDateTime]="picker.maxDateTime"\n            [showSecondsTimer]="picker.showSecondsTimer"\n            [hour12Timer]="picker.hour12Timer"\n            [stepHour]="picker.stepHour"\n            [stepMinute]="picker.stepMinute"\n            [stepSecond]="picker.stepSecond"\n            (selectedChange)="timeSelected($event)"></owl-date-time-timer>\n\n    <div *ngIf="picker.isInRangeMode"\n         role="radiogroup"\n         class="owl-dt-container-info owl-dt-container-row">\n        <div role="radio" [tabindex]="activeSelectedIndex === 0 ? 0 : -1"\n             [attr.aria-checked]="activeSelectedIndex === 0"\n             class="owl-dt-control owl-dt-container-range owl-dt-container-from"\n             [ngClass]="{\'owl-dt-container-info-active\': activeSelectedIndex === 0}"\n             (click)="handleClickOnInfoGroup($event, 0)"\n             (keydown)="handleKeydownOnInfoGroup($event, to, 0)" #from>\n            <span class="owl-dt-control-content owl-dt-container-range-content" tabindex="-1">\n                <span class="owl-dt-container-info-label">{{fromLabel}}:</span>\n                <span class="owl-dt-container-info-value">{{fromFormattedValue}}</span>\n            </span>\n        </div>\n        <div role="radio" [tabindex]="activeSelectedIndex === 1 ? 0 : -1"\n             [attr.aria-checked]="activeSelectedIndex === 1"\n             class="owl-dt-control owl-dt-container-range owl-dt-container-to"\n             [ngClass]="{\'owl-dt-container-info-active\': activeSelectedIndex === 1}"\n             (click)="handleClickOnInfoGroup($event, 1)"\n             (keydown)="handleKeydownOnInfoGroup($event, from, 1)" #to>\n            <span class="owl-dt-control-content owl-dt-container-range-content" tabindex="-1">\n                <span class="owl-dt-container-info-label">{{toLabel}}:</span>\n                <span class="owl-dt-container-info-value">{{toFormattedValue}}</span>\n            </span>\n        </div>\n    </div>\n\n    <div *ngIf="showControlButtons" class="owl-dt-container-buttons owl-dt-container-row">\n        <button class="owl-dt-control owl-dt-control-button owl-dt-container-control-button"\n                type="button" tabindex="0"\n                (click)="onCancelClicked($event)">\n            <span class="owl-dt-control-content owl-dt-control-button-content" tabindex="-1">\n                {{cancelLabel}}\n            </span>\n        </button>\n        <button class="owl-dt-control owl-dt-control-button owl-dt-container-control-button"\n                type="button" tabindex="0"\n                (click)="onSetClicked($event)">\n            <span class="owl-dt-control-content owl-dt-control-button-content" tabindex="-1">\n                {{setLabel}}\n            </span>\n        </button>\n    </div>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,animations:[x.transformPicker,x.fadeInPicker],host:{"(@transformPicker.done)":"handleContainerAnimationDone($event)","[class.owl-dt-container]":"owlDTContainerClass","[class.owl-dt-popup-container]":"owlDTPopupContainerClass","[class.owl-dt-dialog-container]":"owlDTDialogContainerClass","[class.owl-dt-inline-container]":"owlDTInlineContainerClass","[class.owl-dt-container-disabled]":"owlDTContainerDisabledClass","[attr.id]":"owlDTContainerId","[@transformPicker]":"owlDTContainerAnimation"},styles:[""]}]}],E.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.ElementRef},{type:w},{type:A,decorators:[{type:t.Optional}]}]},E.propDecorators={calendar:[{type:t.ViewChild,args:[S]}],timer:[{type:t.ViewChild,args:[P]}]};var V=0,R=function(){this.ariaDescribedBy=null,this.autoFocus=!0,this.hasBackdrop=!0,this.data=null,this.disableClose=!1,this.role="dialog",this.paneClass="",this.event=null,this.backdropClass="",this.closeOnNavigation=!0,this.width="",this.height="",this.maxWidth="85vw",this.scrollStrategy=new r.NoopScrollStrategy,this.id="owl-dialog-"+V++},j=function(){function e(e,t,n,i){var r=this;this.overlayRef=e,this.container=t,this.id=n,this._beforeClose$=new a.Subject,this._afterOpen$=new a.Subject,this._afterClosed$=new a.Subject,this.locationChanged=a.Subscription.EMPTY,this.disableClose=this.container.config.disableClose,this.container.animationStateChanged.pipe(c.filter((function(e){return"done"===e.phaseName&&"enter"===e.toState})),c.take(1)).subscribe((function(){r._afterOpen$.next(),r._afterOpen$.complete()})),this.container.animationStateChanged.pipe(c.filter((function(e){return"done"===e.phaseName&&"exit"===e.toState})),c.take(1)).subscribe((function(){r.overlayRef.dispose(),r.locationChanged.unsubscribe(),r._afterClosed$.next(r.result),r._afterClosed$.complete(),r.componentInstance=null})),this.overlayRef.keydownEvents().pipe(c.filter((function(e){return e.keyCode===s.ESCAPE&&!r.disableClose}))).subscribe((function(){return r.close()})),i&&(this.locationChanged=i.subscribe((function(){r.container.config.closeOnNavigation&&r.close()})))}return e.prototype.close=function(e){var t=this;this.result=e,this.container.animationStateChanged.pipe(c.filter((function(e){return"start"===e.phaseName})),c.take(1)).subscribe((function(){t._beforeClose$.next(e),t._beforeClose$.complete(),t.overlayRef.detachBackdrop()})),this.container.startExitAnimation()},e.prototype.backdropClick=function(){return this.overlayRef.backdropClick()},e.prototype.keydownEvents=function(){return this.overlayRef.keydownEvents()},e.prototype.updatePosition=function(e){var t=this.getPositionStrategy();return e&&(e.left||e.right)?e.left?t.left(e.left):t.right(e.right):t.centerHorizontally(),e&&(e.top||e.bottom)?e.top?t.top(e.top):t.bottom(e.bottom):t.centerVertically(),this.overlayRef.updatePosition(),this},e.prototype.updateSize=function(e,t){return void 0===e&&(e="auto"),void 0===t&&(t="auto"),this.getPositionStrategy().width(e).height(t),this.overlayRef.updatePosition(),this},e.prototype.isAnimating=function(){return this.container.isAnimating},e.prototype.afterOpen=function(){return this._afterOpen$.asObservable()},e.prototype.beforeClose=function(){return this._beforeClose$.asObservable()},e.prototype.afterClosed=function(){return this._afterClosed$.asObservable()},e.prototype.getPositionStrategy=function(){return this.overlayRef.getConfig().positionStrategy},e}(),Y=function(e){function n(n,i,r,a){var o=e.call(this)||this;return o.changeDetector=n,o.elementRef=i,o.focusTrapFactory=r,o.document=a,o.portalOutlet=null,o.ariaLabelledBy=null,o.animationStateChanged=new t.EventEmitter,o.isAnimating=!1,o.state="enter",o.params={x:"0px",y:"0px",ox:"50%",oy:"50%",scale:0},o.elementFocusedBeforeDialogWasOpened=null,o}return y(n,e),Object.defineProperty(n.prototype,"config",{get:function(){return this._config},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"owlDialogContainerClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"owlDialogContainerTabIndex",{get:function(){return-1},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"owlDialogContainerId",{get:function(){return this._config.id},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"owlDialogContainerRole",{get:function(){return this._config.role||null},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"owlDialogContainerAriaLabelledby",{get:function