ngx-daterange
Version:
Date-Range Selector for Angular
45 lines • 5.97 kB
JavaScript
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
export class PredefinedDateRangesComponent {
constructor() {
this.closeEvent = new EventEmitter();
this.resetEvent = new EventEmitter();
this.applyEvent = new EventEmitter();
this.predefinedRange = new EventEmitter();
}
ngOnInit() {
}
applyPredefinedRange(event, definedDateRange) {
this.predefinedRange.emit({ event: event, definedDateRange: definedDateRange });
}
close(event) {
this.closeEvent.emit(event);
event.stopPropagation();
}
reset(event) {
this.resetEvent.emit(event);
event.stopPropagation();
}
apply(event) {
this.applyEvent.emit(event);
event.stopPropagation();
}
}
PredefinedDateRangesComponent.decorators = [
{ type: Component, args: [{
encapsulation: ViewEncapsulation.Emulated,
selector: 'predefined-date-ranges',
template: "<div class=\"row text-center my-3\">\n\t<div class=\"col\">\n\t\t<div class=\"row mb-2\" *ngIf=\"!options.singleCalendar && options.preDefinedRanges && options.preDefinedRanges.length > 0\">\n\t\t\t<div class=\"col\">\n\t\t\t\t<button type=\"button\" *ngFor=\"let range of options.preDefinedRanges\" class=\"btn btn-link\" (click)=\"applyPredefinedRange($event, range)\">{{ range.name }}</button>\n\t\t\t</div>\n\t\t</div>\n\t\t<ng-container *ngIf=\"!options.modal\">\n\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary btn-sm\" (click)=\"close($event)\">Close</button>\n\t\t\t<button type=\"button\" class=\"btn btn-outline-secondary btn-sm ml-3\" (click)=\"reset($event)\" *ngIf=\"range && options.showResetButton\">Reset</button>\n\t\t\t<button type=\"button\" class=\"btn btn-primary btn-sm ml-3\" [disabled]=\"!enableApplyButton\" (click)=\"apply($event)\" *ngIf=\"!options.autoApply\">Apply</button>\n\t\t</ng-container>\n\t</div>\n</div>",
styles: [".btn,.btn.btn-link{min-width:60px}"]
},] }
];
PredefinedDateRangesComponent.ctorParameters = () => [];
PredefinedDateRangesComponent.propDecorators = {
options: [{ type: Input }],
range: [{ type: Input }],
enableApplyButton: [{ type: Input }],
closeEvent: [{ type: Output }],
resetEvent: [{ type: Output }],
applyEvent: [{ type: Output }],
predefinedRange: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZGVmaW5lZC1kYXRlLXJhbmdlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vc3JjL21vZHVsZXMvbmd4LWRhdGVyYW5nZS9zcmMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3ByZWRlZmluZWQtZGF0ZS1yYW5nZXMvcHJlZGVmaW5lZC1kYXRlLXJhbmdlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVNsRyxNQUFNLE9BQU8sNkJBQTZCO0lBdUJ4QztRQVhBLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBR3ZDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBR3ZDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBR3ZDLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQXlELENBQUM7SUFFNUUsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUdELG9CQUFvQixDQUFDLEtBQVksRUFBRSxnQkFBbUM7UUFDcEUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUNsRixDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQVk7UUFDaEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFNUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBWTtRQUNoQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUU1QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFZO1FBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTVCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs7WUF2REYsU0FBUyxTQUFDO2dCQUNULGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxRQUFRO2dCQUN6QyxRQUFRLEVBQUUsd0JBQXdCO2dCQUNsQyx5OEJBQXNEOzthQUV2RDs7OztzQkFHRSxLQUFLO29CQUdMLEtBQUs7Z0NBR0wsS0FBSzt5QkFHTCxNQUFNO3lCQUdOLE1BQU07eUJBR04sTUFBTTs4QkFHTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElEYXRlUmFuZ2VQaWNrZXJPcHRpb25zLCBJRGVmaW5lZERhdGVSYW5nZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG4gIHNlbGVjdG9yOiAncHJlZGVmaW5lZC1kYXRlLXJhbmdlcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcmVkZWZpbmVkLWRhdGUtcmFuZ2VzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJlZGVmaW5lZC1kYXRlLXJhbmdlcy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFByZWRlZmluZWREYXRlUmFuZ2VzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKVxuICBvcHRpb25zOiBJRGF0ZVJhbmdlUGlja2VyT3B0aW9ucztcblxuICBASW5wdXQoKVxuICByYW5nZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGVuYWJsZUFwcGx5QnV0dG9uOiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKVxuICBjbG9zZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBAT3V0cHV0KClcbiAgcmVzZXRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGFwcGx5RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKVxuICBwcmVkZWZpbmVkUmFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHsgZXZlbnQ6IEV2ZW50LCBkZWZpbmVkRGF0ZVJhbmdlOiBJRGVmaW5lZERhdGVSYW5nZSB9PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuXG4gIGFwcGx5UHJlZGVmaW5lZFJhbmdlKGV2ZW50OiBFdmVudCwgZGVmaW5lZERhdGVSYW5nZTogSURlZmluZWREYXRlUmFuZ2UpOiB2b2lkIHtcbiAgICB0aGlzLnByZWRlZmluZWRSYW5nZS5lbWl0KHsgZXZlbnQ6IGV2ZW50LCBkZWZpbmVkRGF0ZVJhbmdlOiBkZWZpbmVkRGF0ZVJhbmdlIH0pO1xuICB9XG5cbiAgY2xvc2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZUV2ZW50LmVtaXQoZXZlbnQpO1xuXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH1cblxuICByZXNldChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLnJlc2V0RXZlbnQuZW1pdChldmVudCk7XG5cbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG4gIGFwcGx5KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuYXBwbHlFdmVudC5lbWl0KGV2ZW50KTtcblxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICB9XG5cbn1cbiJdfQ==