ng-materialgrammi
Version:
An Angular framework which follows
76 lines • 10.7 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../date-input/date-input.component";
export class DateRangeComponent {
constructor() {
this.dark = false;
this.labels = {
start: "start date",
end: "end date"
};
this.startTheme = "primary";
this.startStyle = "control";
this.startClass = "";
this.endTheme = "primary";
this.endStyle = "control";
this.endClass = "";
this.info = {
type: "success",
msg: ""
};
this.disable_range_start = {
before: false,
after: false
};
this.disable_range_end = {
before: false,
after: false
};
this.selected = {
startdate: false,
enddate: false
};
this.range = new EventEmitter();
}
ngOnInit() {
}
ngOnChanges() {
}
selectedStartDate(event) {
this.disable_range_end.before = event;
this.selected.startdate = event;
this.range.emit(this.selected);
}
selectedEndDate(event) {
this.disable_range_start.after = event;
this.selected.enddate = event;
this.range.emit(this.selected);
}
}
DateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: DateRangeComponent, selector: "mg-daterange", inputs: { dark: "dark", labels: "labels", startTheme: "startTheme", startStyle: "startStyle", startClass: "startClass", endTheme: "endTheme", endStyle: "endStyle", endClass: "endClass", info: "info" }, outputs: { range: "range" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\n <div class=\"col m6 l6 s12\">\n <div class=\"padR-3\">\n <mg-date [theme]=\"startTheme\"\n [disabledRange] = \"disable_range_start\"\n [style]=\"startStyle\"\n [dark]=\"dark\"\n [class]=\"startClass\"\n (getdate)=\"selectedStartDate($event)\" [info]=\"info\">\n <span [innerHtml]=\"labels.start\"></span>\n </mg-date>\n </div>\n </div>\n <div class=\"col m6 l6 s12\">\n <div class=\"padL-3\">\n <mg-date [theme]=\"endTheme\" \n [disabledRange] = \"disable_range_end\"\n [style]=\"endStyle\"\n [dark]=\"dark\"\n [class]=\"endClass\"\n (getdate)=\"selectedEndDate($event)\" [info]=\"info\">\n <span [innerHtml]=\"labels.end\"></span>\n </mg-date>\n </div>\n </div>\n</div>", styles: [""], components: [{ type: i1.DateInputComponent, selector: "mg-date", inputs: ["theme", "style", "control", "dark", "class", "calendar", "info", "disabledRange", "icons", "format"], outputs: ["getdate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: DateRangeComponent, decorators: [{
type: Component,
args: [{ selector: 'mg-daterange', template: "<div class=\"row\">\n <div class=\"col m6 l6 s12\">\n <div class=\"padR-3\">\n <mg-date [theme]=\"startTheme\"\n [disabledRange] = \"disable_range_start\"\n [style]=\"startStyle\"\n [dark]=\"dark\"\n [class]=\"startClass\"\n (getdate)=\"selectedStartDate($event)\" [info]=\"info\">\n <span [innerHtml]=\"labels.start\"></span>\n </mg-date>\n </div>\n </div>\n <div class=\"col m6 l6 s12\">\n <div class=\"padL-3\">\n <mg-date [theme]=\"endTheme\" \n [disabledRange] = \"disable_range_end\"\n [style]=\"endStyle\"\n [dark]=\"dark\"\n [class]=\"endClass\"\n (getdate)=\"selectedEndDate($event)\" [info]=\"info\">\n <span [innerHtml]=\"labels.end\"></span>\n </mg-date>\n </div>\n </div>\n</div>", styles: [""] }]
}], ctorParameters: function () { return []; }, propDecorators: { dark: [{
type: Input
}], labels: [{
type: Input
}], startTheme: [{
type: Input
}], startStyle: [{
type: Input
}], startClass: [{
type: Input
}], endTheme: [{
type: Input
}], endStyle: [{
type: Input
}], endClass: [{
type: Input
}], info: [{
type: Input
}], range: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXRlcmlhbGdyYW1taS9zcmMvbGliL2NvbXBvbmVudHMvZGF0ZS1yYW5nZS9kYXRlLXJhbmdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hdGVyaWFsZ3JhbW1pL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXJhbmdlL2RhdGUtcmFuZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7QUFlekcsTUFBTSxPQUFPLGtCQUFrQjtJQXlDN0I7UUF2Q1MsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUViLFdBQU0sR0FBRztZQUNoQixLQUFLLEVBQUUsWUFBWTtZQUNuQixHQUFHLEVBQUUsVUFBVTtTQUNoQixDQUFDO1FBRU8sZUFBVSxHQUFVLFNBQVMsQ0FBQztRQUM5QixlQUFVLEdBQWUsU0FBUyxDQUFDO1FBQ25DLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFFaEIsYUFBUSxHQUFVLFNBQVMsQ0FBQztRQUM1QixhQUFRLEdBQWUsU0FBUyxDQUFDO1FBQ2pDLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFFZCxTQUFJLEdBQUc7WUFDZCxJQUFJLEVBQUUsU0FBUztZQUNmLEdBQUcsRUFBRSxFQUFFO1NBQ1IsQ0FBQztRQUtGLHdCQUFtQixHQUFrQjtZQUNuQyxNQUFNLEVBQUUsS0FBSztZQUNiLEtBQUssRUFBRSxLQUFLO1NBQ2IsQ0FBQztRQUVGLHNCQUFpQixHQUFrQjtZQUNqQyxNQUFNLEVBQUUsS0FBSztZQUNiLEtBQUssRUFBRSxLQUFLO1NBQ2IsQ0FBQztRQUVGLGFBQVEsR0FBa0I7WUFDeEIsU0FBUyxFQUFFLEtBQUs7WUFDaEIsT0FBTyxFQUFFLEtBQUs7U0FDZixDQUFBO1FBRVMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFdBQVc7SUFDWCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBVTtRQUMxQixJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBVTtRQUN4QixJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2pDLENBQUM7OytHQTNEVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixnVENmL0IsazRCQXlCTTsyRkRWTyxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsY0FBYzswRUFNZixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkF1QkksS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJhbmdlU2VsZWN0ZWQgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcbmltcG9ydCB7IElucHV0U3R5bGUsIFRoZW1lIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERpc2FibGVkUmFuZ2Uge1xuICBiZWZvcmU6IGZhbHNlIHwgc3RyaW5nIHwgRGF0ZSxcbiAgYWZ0ZXI6IGZhbHNlIHwgc3RyaW5nIHwgRGF0ZVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtZy1kYXRlcmFuZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0ZS1yYW5nZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGUtcmFuZ2UuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcblxuICBASW5wdXQoKSBkYXJrID0gZmFsc2U7XG5cbiAgQElucHV0KCkgbGFiZWxzID0ge1xuICAgIHN0YXJ0OiBcInN0YXJ0IGRhdGVcIixcbiAgICBlbmQ6IFwiZW5kIGRhdGVcIlxuICB9O1xuXG4gIEBJbnB1dCgpIHN0YXJ0VGhlbWU6IFRoZW1lID0gXCJwcmltYXJ5XCI7XG4gIEBJbnB1dCgpIHN0YXJ0U3R5bGU6IElucHV0U3R5bGUgPSBcImNvbnRyb2xcIjtcbiAgQElucHV0KCkgc3RhcnRDbGFzcyA9IFwiXCI7XG5cbiAgQElucHV0KCkgZW5kVGhlbWU6IFRoZW1lID0gXCJwcmltYXJ5XCI7XG4gIEBJbnB1dCgpIGVuZFN0eWxlOiBJbnB1dFN0eWxlID0gXCJjb250cm9sXCI7XG4gIEBJbnB1dCgpIGVuZENsYXNzID0gXCJcIjtcblxuICBASW5wdXQoKSBpbmZvID0ge1xuICAgIHR5cGU6IFwic3VjY2Vzc1wiLFxuICAgIG1zZzogXCJcIlxuICB9O1xuXG4gIGZvcm1hdHRlZElucHV0Pzphbnk7XG5cblxuICBkaXNhYmxlX3JhbmdlX3N0YXJ0OiBEaXNhYmxlZFJhbmdlID0ge1xuICAgIGJlZm9yZTogZmFsc2UsXG4gICAgYWZ0ZXI6IGZhbHNlXG4gIH07XG5cbiAgZGlzYWJsZV9yYW5nZV9lbmQ6IERpc2FibGVkUmFuZ2UgPSB7XG4gICAgYmVmb3JlOiBmYWxzZSxcbiAgICBhZnRlcjogZmFsc2VcbiAgfTtcblxuICBzZWxlY3RlZDogUmFuZ2VTZWxlY3RlZCA9IHtcbiAgICBzdGFydGRhdGU6IGZhbHNlLFxuICAgIGVuZGRhdGU6IGZhbHNlXG4gIH1cblxuICBAT3V0cHV0KCkgcmFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgfVxuXG4gIHNlbGVjdGVkU3RhcnREYXRlKGV2ZW50OiBhbnkpe1xuICAgIHRoaXMuZGlzYWJsZV9yYW5nZV9lbmQuYmVmb3JlID0gZXZlbnQ7XG4gICAgdGhpcy5zZWxlY3RlZC5zdGFydGRhdGUgPSBldmVudDtcbiAgICB0aGlzLnJhbmdlLmVtaXQodGhpcy5zZWxlY3RlZCk7XG4gIH1cblxuICBzZWxlY3RlZEVuZERhdGUoZXZlbnQ6IGFueSl7XG4gICAgdGhpcy5kaXNhYmxlX3JhbmdlX3N0YXJ0LmFmdGVyID0gZXZlbnQ7XG4gICAgdGhpcy5zZWxlY3RlZC5lbmRkYXRlID0gZXZlbnQ7XG4gICAgdGhpcy5yYW5nZS5lbWl0KHRoaXMuc2VsZWN0ZWQpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sIG02IGw2IHMxMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGFkUi0zXCI+XG4gICAgICAgICAgICA8bWctZGF0ZSBbdGhlbWVdPVwic3RhcnRUaGVtZVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRSYW5nZV0gPSBcImRpc2FibGVfcmFuZ2Vfc3RhcnRcIlxuICAgICAgICAgICAgW3N0eWxlXT1cInN0YXJ0U3R5bGVcIlxuICAgICAgICAgICAgW2RhcmtdPVwiZGFya1wiXG4gICAgICAgICAgICBbY2xhc3NdPVwic3RhcnRDbGFzc1wiXG4gICAgICAgICAgICAoZ2V0ZGF0ZSk9XCJzZWxlY3RlZFN0YXJ0RGF0ZSgkZXZlbnQpXCIgW2luZm9dPVwiaW5mb1wiPlxuICAgICAgICA8c3BhbiBbaW5uZXJIdG1sXT1cImxhYmVscy5zdGFydFwiPjwvc3Bhbj5cbiAgICAgICAgPC9tZy1kYXRlPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sIG02IGw2IHMxMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicGFkTC0zXCI+XG4gICAgICAgICAgICA8bWctZGF0ZSBbdGhlbWVdPVwiZW5kVGhlbWVcIiBcbiAgICAgICAgICAgIFtkaXNhYmxlZFJhbmdlXSA9IFwiZGlzYWJsZV9yYW5nZV9lbmRcIlxuICAgICAgICAgICAgW3N0eWxlXT1cImVuZFN0eWxlXCJcbiAgICAgICAgICAgIFtkYXJrXT1cImRhcmtcIlxuICAgICAgICAgICAgW2NsYXNzXT1cImVuZENsYXNzXCJcbiAgICAgICAgICAgIChnZXRkYXRlKT1cInNlbGVjdGVkRW5kRGF0ZSgkZXZlbnQpXCIgW2luZm9dPVwiaW5mb1wiPlxuICAgICAgICAgICAgPHNwYW4gW2lubmVySHRtbF09XCJsYWJlbHMuZW5kXCI+PC9zcGFuPlxuICAgICAgICA8L21nLWRhdGU+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19