[{"__symbolic":"module","version":3,"metadata":{"SkyContribDateRangePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-date-range-picker","template":"<div>\n  <form [formGroup]=\"rangeFormGroup\">\n    <div class=\"range-type-section\">\n      <label class=\"sky-control-label\">{{ rangePickerLabel }}</label>\n      <select formControlName=\"dateRangeType\" [(ngModel)]=\"selectedOption\" (change)=\"rangeChanged($event.target.value)\">\n        <option *ngFor=\"let key of objectKeys(DRT.dateRangeTypeTransLATED || {})\" [value]=\"key\">{{\n          DRT.dateRangeTypeTransLATED[key]\n        }}</option>\n      </select>\n    </div>\n    <div [hidden]=\"selectedOption !== TYPES.SPECIFIC_RANGE\" class=\"range-picker-section\">\n      <div class=\"date-picker-row\">\n        <label>{{ localizations.dateRangeFromLabel }}</label>\n        <sky-datepicker #fromDatePicker>\n          <input\n            [(ngModel)]=\"selectedFromDate\"\n            [skyDatepickerInput]=\"fromDatePicker\"\n            [minDate]=\"fromMinDate\"\n            [maxDate]=\"fromMaxDate\"\n            formControlName=\"fromDate\"\n            (ngModelChange)=\"onFromDateChanged($event)\"\n            class=\"date-range-from\"\n          />\n        </sky-datepicker>\n      </div>\n      <div class=\"date-picker-row\">\n        <label>{{ localizations.dateRangeToLabel }}</label>\n        <sky-datepicker #toDatePicker>\n          <input\n            [(ngModel)]=\"selectedToDate\"\n            [skyDatepickerInput]=\"toDatePicker\"\n            [minDate]=\"toMinDate\"\n            [maxDate]=\"toMaxDate\"\n            formControlName=\"toDate\"\n            (ngModelChange)=\"onToDateChanged($event)\"\n            class=\"date-range-to\"\n          />\n        </sky-datepicker>\n      </div>\n    </div>\n  </form>\n</div>\n","styles":[":host{display:block;width:100%}:host .range-type-section label{display:block}:host select{width:200px}:host .range-picker-section .date-picker-row{width:250px;padding:10px 10px 0px 10px}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"rangePickerLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"initialSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeSelectionLabelOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"fromDateOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toDateOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"fromDatePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/datepicker","name":"SkyDatepickerComponent"}]}]}],"toDatePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/datepicker","name":"SkyDatepickerComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"rangeChanged":[{"__symbolic":"method"}],"dateEventEmitter":[{"__symbolic":"method"}],"onToDateChanged":[{"__symbolic":"method"}],"onFromDateChanged":[{"__symbolic":"method"}],"getToDate":[{"__symbolic":"method"}],"getFromDate":[{"__symbolic":"method"}],"getSelectionLabel":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyContribDateRangePickerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-contrib-date-range-picker","template":"<div>\n  <form [formGroup]=\"rangeFormGroup\">\n    <div class=\"range-type-section\">\n      <label class=\"sky-control-label\">{{ rangePickerLabel }}</label>\n      <select formControlName=\"dateRangeType\" [(ngModel)]=\"selectedOption\" (change)=\"rangeChanged($event.target.value)\">\n        <option *ngFor=\"let key of objectKeys(DRT.dateRangeTypeTransLATED || {})\" [value]=\"key\">{{\n          DRT.dateRangeTypeTransLATED[key]\n        }}</option>\n      </select>\n    </div>\n    <div [hidden]=\"selectedOption !== TYPES.SPECIFIC_RANGE\" class=\"range-picker-section\">\n      <div class=\"date-picker-row\">\n        <label>{{ localizations.dateRangeFromLabel }}</label>\n        <sky-datepicker #fromDatePicker>\n          <input\n            [(ngModel)]=\"selectedFromDate\"\n            [skyDatepickerInput]=\"fromDatePicker\"\n            [minDate]=\"fromMinDate\"\n            [maxDate]=\"fromMaxDate\"\n            formControlName=\"fromDate\"\n            (ngModelChange)=\"onFromDateChanged($event)\"\n            class=\"date-range-from\"\n          />\n        </sky-datepicker>\n      </div>\n      <div class=\"date-picker-row\">\n        <label>{{ localizations.dateRangeToLabel }}</label>\n        <sky-datepicker #toDatePicker>\n          <input\n            [(ngModel)]=\"selectedToDate\"\n            [skyDatepickerInput]=\"toDatePicker\"\n            [minDate]=\"toMinDate\"\n            [maxDate]=\"toMaxDate\"\n            formControlName=\"toDate\"\n            (ngModelChange)=\"onToDateChanged($event)\"\n            class=\"date-range-to\"\n          />\n        </sky-datepicker>\n      </div>\n    </div>\n  </form>\n</div>\n","styles":[":host{display:block;width:100%}:host .range-type-section label{display:block}:host select{width:200px}:host .range-picker-section .date-picker-row{width:250px;padding:10px 10px 0px 10px}\n"],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"rangePickerLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"initialSelection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rangeSelectionLabelOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"fromDateOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toDateOutput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"fromDatePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/datepicker","name":"SkyDatepickerComponent"}]}]}],"toDatePicker":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@blackbaud/skyux/dist/modules/datepicker","name":"SkyDatepickerComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../locale/locale.service","name":"SkyContribLocaleService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"rangeChanged":[{"__symbolic":"method"}],"dateEventEmitter":[{"__symbolic":"method"}],"onToDateChanged":[{"__symbolic":"method"}],"onFromDateChanged":[{"__symbolic":"method"}],"getToDate":[{"__symbolic":"method"}],"getFromDate":[{"__symbolic":"method"}],"getSelectionLabel":[{"__symbolic":"method"}],"isValid":[{"__symbolic":"method"}]}}}}]