ng-pick-datetime/date-time/date-time-picker-container.component.metadata.json

Angular Date Time Picker

[{"__symbolic":"module","version":4,"metadata":{"OwlDateTimeContainerComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"exportAs":"owlDateTimeContainer","selector":"owl-date-time-container","template":"<div [cdkTrapFocus]=\"picker.pickerMode !== 'inline'\" [@fadeInPicker]=\"picker.pickerMode === 'inline'? '' : 'enter'\" class=\"owl-dt-container-inner\"><owl-date-time-calendar *ngIf=\"pickerType === 'both' || pickerType === 'calendar'\" class=\"owl-dt-container-row\" [firstDayOfWeek]=\"picker.firstDayOfWeek\" [(pickerMoment)]=\"pickerMoment\" [selected]=\"picker.selected\" [selecteds]=\"picker.selecteds\" [selectMode]=\"picker.selectMode\" [minDate]=\"picker.minDateTime\" [maxDate]=\"picker.maxDateTime\" [dateFilter]=\"picker.dateTimeFilter\" [startView]=\"picker.startView\" [hideOtherMonths]=\"picker.hideOtherMonths\" (yearSelected)=\"picker.selectYear($event)\" (monthSelected)=\"picker.selectMonth($event)\" (selectedChange)=\"dateSelected($event)\"></owl-date-time-calendar><owl-date-time-timer *ngIf=\"pickerType === 'both' || pickerType === 'timer'\" class=\"owl-dt-container-row\" [pickerMoment]=\"pickerMoment\" [minDateTime]=\"picker.minDateTime\" [maxDateTime]=\"picker.maxDateTime\" [showSecondsTimer]=\"picker.showSecondsTimer\" [hour12Timer]=\"picker.hour12Timer\" [stepHour]=\"picker.stepHour\" [stepMinute]=\"picker.stepMinute\" [stepSecond]=\"picker.stepSecond\" (selectedChange)=\"timeSelected($event)\"></owl-date-time-timer><div *ngIf=\"picker.isInRangeMode\" role=\"radiogroup\" class=\"owl-dt-container-info owl-dt-container-row\"><div role=\"radio\" [tabindex]=\"activeSelectedIndex === 0 ? 0 : -1\" [attr.aria-checked]=\"activeSelectedIndex === 0\" class=\"owl-dt-control owl-dt-container-range owl-dt-container-from\" [ngClass]=\"{'owl-dt-container-info-active': activeSelectedIndex === 0}\" (click)=\"handleClickOnInfoGroup($event, 0)\" (keydown)=\"handleKeydownOnInfoGroup($event, to, 0)\" #from><span class=\"owl-dt-control-content owl-dt-container-range-content\" tabindex=\"-1\"><span class=\"owl-dt-container-info-label\">{{fromLabel}}:</span> <span class=\"owl-dt-container-info-value\">{{fromFormattedValue}}</span></span></div><div role=\"radio\" [tabindex]=\"activeSelectedIndex === 1 ? 0 : -1\" [attr.aria-checked]=\"activeSelectedIndex === 1\" class=\"owl-dt-control owl-dt-container-range owl-dt-container-to\" [ngClass]=\"{'owl-dt-container-info-active': activeSelectedIndex === 1}\" (click)=\"handleClickOnInfoGroup($event, 1)\" (keydown)=\"handleKeydownOnInfoGroup($event, from, 1)\" #to><span class=\"owl-dt-control-content owl-dt-container-range-content\" tabindex=\"-1\"><span class=\"owl-dt-container-info-label\">{{toLabel}}:</span> <span class=\"owl-dt-container-info-value\">{{toFormattedValue}}</span></span></div></div><div *ngIf=\"showControlButtons\" class=\"owl-dt-container-buttons owl-dt-container-row\"><button class=\"owl-dt-control owl-dt-control-button owl-dt-container-control-button\" type=\"button\" tabindex=\"0\" (click)=\"onCancelClicked($event)\"><span class=\"owl-dt-control-content owl-dt-control-button-content\" tabindex=\"-1\">{{cancelLabel}}</span></button> <button class=\"owl-dt-control owl-dt-control-button owl-dt-container-control-button\" type=\"button\" tabindex=\"0\" (click)=\"onSetClicked($event)\"><span class=\"owl-dt-control-content owl-dt-control-button-content\" tabindex=\"-1\">{{setLabel}}</span></button></div></div>","styles":[""],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":21},"member":"OnPush"},"preserveWhitespaces":false,"animations":[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./date-time-picker.animations","name":"owlDateTimePickerAnimations","line":35,"character":8},"member":"transformPicker"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./date-time-picker.animations","name":"owlDateTimePickerAnimations","line":36,"character":8},"member":"fadeInPicker"}]}]}],"members":{"calendar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":5},"arguments":[{"__symbolic":"reference","module":"./calendar.component","name":"OwlCalendarComponent","line":42,"character":15}]}]}],"timer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":5},"arguments":[{"__symbolic":"reference","module":"./timer.component","name":"OwlTimerComponent","line":43,"character":15}]}]}],"owlDTContainerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":145,"character":5},"arguments":["class.owl-dt-container"]}]}],"owlDTPopupContainerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":150,"character":5},"arguments":["class.owl-dt-popup-container"]}]}],"owlDTDialogContainerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":155,"character":5},"arguments":["class.owl-dt-dialog-container"]}]}],"owlDTInlineContainerClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":160,"character":5},"arguments":["class.owl-dt-inline-container"]}]}],"owlDTContainerDisabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":165,"character":5},"arguments":["class.owl-dt-container-disabled"]}]}],"owlDTContainerId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":170,"character":5},"arguments":["attr.id"]}]}],"owlDTContainerAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":175,"character":5},"arguments":["@transformPicker"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":183,"character":18}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":180,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":181,"character":33},{"__symbolic":"reference","module":"./date-time-picker-intl.service","name":"OwlDateTimeIntl","line":182,"character":37},{"__symbolic":"reference","module":"./adapter/date-time-adapter.class","name":"DateTimeAdapter","line":183,"character":54,"arguments":[{"__symbolic":"error","message":"Could not resolve type","line":183,"character":70,"context":{"typeName":"T"}}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"handleContainerAnimationDone":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":197,"character":5},"arguments":["@transformPicker.done",["$event"]]}]}],"dateSelected":[{"__symbolic":"method"}],"timeSelected":[{"__symbolic":"method"}],"onCancelClicked":[{"__symbolic":"method"}],"onSetClicked":[{"__symbolic":"method"}],"handleClickOnInfoGroup":[{"__symbolic":"method"}],"handleKeydownOnInfoGroup":[{"__symbolic":"method"}],"setActiveSelectedIndex":[{"__symbolic":"method"}],"initPicker":[{"__symbolic":"method"}],"dateSelectedInSingleMode":[{"__symbolic":"method"}],"dateSelectedInRangeMode":[{"__symbolic":"method"}],"updateAndCheckCalendarDate":[{"__symbolic":"method"}],"focusPicker":[{"__symbolic":"method"}]}}}}]