@skyux/datetime 5.1.4 → 5.5.0

package/esm2015/lib/modules/date-range-picker/date-range-picker.component.js

@@ -0,0 +1,464 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, forwardRef, Input, Optional, } from '@angular/core';
+import { FormBuilder, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
+import { SkyAppWindowRef } from '@skyux/core';
+import { SkyAppLocaleProvider } from '@skyux/i18n';
+import { SkyThemeService } from '@skyux/theme';
+import { combineLatest, Subject } from 'rxjs';
+import { distinctUntilChanged, first, takeUntil } from 'rxjs/operators';
+import { SkyDateFormatter } from '../datepicker/date-formatter';
+import { SkyDateRangeCalculatorId } from './types/date-range-calculator-id';
+import { SkyDateRangeCalculatorType } from './types/date-range-calculator-type';
+import { SkyDateRangeService } from './date-range.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./date-range.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "@skyux/i18n";
+import * as i4 from "@skyux/core";
+import * as i5 from "@skyux/theme";
+import * as i6 from "@skyux/forms";
+import * as i7 from "../datepicker/datepicker.component";
+import * as i8 from "@angular/common";
+import * as i9 from "../datepicker/datepicker-input.directive";
+/* tslint:disable:no-forward-ref no-use-before-declare */
+const SKY_DATE_RANGE_PICKER_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => SkyDateRangePickerComponent),
+    multi: true,
+};
+const SKY_DATE_RANGE_PICKER_VALIDATOR = {
+    provide: NG_VALIDATORS,
+    useExisting: forwardRef(() => SkyDateRangePickerComponent),
+    multi: true,
+};
+/* tslint:enable */
+let uniqueId = 0;
+/**
+ * Acts as a form control with a form model of type `SkyDateRangeCalculation`.
+ * @example
+ * ```
+ * <sky-date-range-picker
+ *   formControlName="myPicker"
+ * >
+ * </sky-date-range-picker>
+ * ```
+ */
+export class SkyDateRangePickerComponent {
+    constructor(changeDetector, dateRangeService, formBuilder, localeProvider, windowRef, themeSvc) {
+        this.changeDetector = changeDetector;
+        this.dateRangeService = dateRangeService;
+        this.formBuilder = formBuilder;
+        this.localeProvider = localeProvider;
+        this.windowRef = windowRef;
+        /**
+         * Indicates whether to require users to specify a start date.
+         * @default false
+         */
+        this.startDateRequired = false;
+        /**
+         * Indicates whether to require users to specify a end date.
+         * @default false
+         */
+        this.endDateRequired = false;
+        this.dateRangePickerId = `sky-date-range-picker-${uniqueId++}`;
+        this.isReady = false;
+        this.showEndDatePicker = false;
+        this.showStartDatePicker = false;
+        this.ngUnsubscribe = new Subject();
+        this._disabled = false;
+        /* istanbul ignore next */
+        this.onChange = (_) => { };
+        /* istanbul ignore next */
+        this.onTouched = () => { };
+        /* istanbul ignore next */
+        this.onValidatorChange = () => { };
+        this.localeProvider
+            .getLocaleInfo()
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((localeInfo) => {
+            SkyDateFormatter.setLocale(localeInfo.locale);
+            this.preferredShortDateFormat =
+                SkyDateFormatter.getPreferredShortDateFormat();
+        });
+        // Update icons when theme changes.
+        /* istanbul ignore next */
+        themeSvc === null || themeSvc === void 0 ? void 0 : themeSvc.settingsChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.changeDetector.markForCheck();
+        });
+    }
+    /**
+     * Specifies IDs for the date range options to include in the picker's dropdown.
+     * The options specify calculator objects that return two `Date` objects to represent date ranges.
+     * By default, this property includes all `SkyDateRangeCalculatorId` values.
+     */
+    set calculatorIds(value) {
+        this._calculatorIds = value;
+    }
+    get calculatorIds() {
+        return (this._calculatorIds || [
+            SkyDateRangeCalculatorId.AnyTime,
+            SkyDateRangeCalculatorId.Before,
+            SkyDateRangeCalculatorId.After,
+            SkyDateRangeCalculatorId.SpecificRange,
+            SkyDateRangeCalculatorId.Yesterday,
+            SkyDateRangeCalculatorId.Today,
+            SkyDateRangeCalculatorId.Tomorrow,
+            SkyDateRangeCalculatorId.LastWeek,
+            SkyDateRangeCalculatorId.ThisWeek,
+            SkyDateRangeCalculatorId.NextWeek,
+            SkyDateRangeCalculatorId.LastMonth,
+            SkyDateRangeCalculatorId.ThisMonth,
+            SkyDateRangeCalculatorId.NextMonth,
+            SkyDateRangeCalculatorId.LastQuarter,
+            SkyDateRangeCalculatorId.ThisQuarter,
+            SkyDateRangeCalculatorId.NextQuarter,
+            SkyDateRangeCalculatorId.LastCalendarYear,
+            SkyDateRangeCalculatorId.ThisCalendarYear,
+            SkyDateRangeCalculatorId.NextCalendarYear,
+            SkyDateRangeCalculatorId.LastFiscalYear,
+            SkyDateRangeCalculatorId.ThisFiscalYear,
+            SkyDateRangeCalculatorId.NextFiscalYear,
+        ]);
+    }
+    /**
+     * Specifies a date format for
+     * [the `sky-datepicker` components](https://developer.blackbaud.com/skyux/components/datepicker)
+     * that make up the date range picker. The text input is a composite component of
+     * up to two `sky-datepicker` components.
+     * @default "MM/DD/YYYY"
+     */
+    set dateFormat(value) {
+        this._dateFormat = value;
+    }
+    get dateFormat() {
+        return this._dateFormat || this.preferredShortDateFormat;
+    }
+    /**
+     * Indicates whether to disable the date range picker.
+     * @default false
+     */
+    set disabled(value) {
+        this._disabled = value;
+        if (this.formGroup) {
+            if (this._disabled) {
+                this.formGroup.disable();
+            }
+            else {
+                this.formGroup.enable();
+            }
+        }
+        this.changeDetector.markForCheck();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    get startDateLabelResourceKey() {
+        if (this.selectedCalculator.type === SkyDateRangeCalculatorType.Range) {
+            return 'skyux_date_range_picker_start_date_label';
+        }
+        return 'skyux_date_range_picker_after_date_label';
+    }
+    get endDateLabelResourceKey() {
+        if (this.selectedCalculator.type === SkyDateRangeCalculatorType.Range) {
+            return 'skyux_date_range_picker_end_date_label';
+        }
+        return 'skyux_date_range_picker_before_date_label';
+    }
+    get selectedCalculator() {
+        return this.getCalculatorById(this.value.calculatorId);
+    }
+    get calculatorIdControl() {
+        return this.formGroup.get('calculatorId');
+    }
+    get defaultCalculator() {
+        return this.calculators[0];
+    }
+    get defaultValue() {
+        return this.defaultCalculator.getValue();
+    }
+    get endDateControl() {
+        return this.formGroup.get('endDate');
+    }
+    get startDateControl() {
+        return this.formGroup.get('startDate');
+    }
+    get value() {
+        if (this._value && this._value.calculatorId !== undefined) {
+            return this._value;
+        }
+        return this.defaultValue;
+    }
+    ngOnInit() {
+        this.createForm();
+        this.updateCalculators().then(() => {
+            this.addEventListeners();
+            this.isReady = true;
+            this.resetFormGroupValue();
+            this.showRelevantFormFields();
+            // Fill in any unprovided values after the calculators have been initialized.
+            // For example, if the control is initialized with only the `calculatorId`,
+            // allow the calculator to fill in the missing start and end dates.
+            const { startDate, endDate } = this.value;
+            const defaultValue = this.selectedCalculator.getValue(startDate, endDate);
+            const newValue = Object.assign({}, defaultValue, this.value);
+            this.setValue(newValue, false);
+            // This is needed to address a bug in Angular 4.
+            // When a control value is set intially, its value is not represented on the view.
+            // See: https://github.com/angular/angular/issues/13792
+            /* istanbul ignore else */
+            if (this.control) {
+                this.control.setValue(this.value, {
+                    emitEvent: false,
+                });
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes.calculatorIds && changes.calculatorIds.firstChange === false) {
+            this.updateCalculators().then(() => {
+                const id = this.calculatorIdControl.value;
+                // Maintain the currently selected values if the calculators change after
+                // a value has been chosen.
+                const found = this.calculators.find((calculator) => {
+                    return calculator.calculatorId === id;
+                });
+                /* istanbul ignore else */
+                if (!found) {
+                    const newValue = this.defaultCalculator.getValue();
+                    this.setValue(newValue);
+                    this.resetFormGroupValue(newValue);
+                    this.showRelevantFormFields();
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    onFieldBlur() {
+        this.onTouched();
+    }
+    writeValue(value) {
+        // Only update the underlying controls when the calculators are ready.
+        const notifyChange = false;
+        // (We still need to save the initial value set by the consumer's form, however.)
+        this.setValue(value, notifyChange);
+        if (this.isReady) {
+            // When the control's value is set to `null`,
+            // set it to the default value.
+            if (!value) {
+                this.onChange(this.defaultValue);
+            }
+            this.resetFormGroupValue();
+            this.showRelevantFormFields();
+        }
+    }
+    validate(control) {
+        if (!this.control) {
+            this.control = control;
+        }
+        if (!this.isReady) {
+            return;
+        }
+        const value = control.value;
+        const idControl = this.calculatorIdControl;
+        const result = this.selectedCalculator.validate(value);
+        let errors;
+        if (result) {
+            errors = {
+                skyDateRange: {
+                    calculatorId: idControl.value,
+                    errors: result,
+                },
+            };
+        }
+        else {
+            errors = this.startDateControl.errors || this.endDateControl.errors;
+        }
+        if (!errors) {
+            // Clear any errors on the calculator select.
+            // tslint:disable-next-line:no-null-keyword
+            idControl.setErrors(null);
+            return;
+        }
+        idControl.setErrors(errors);
+        idControl.markAsTouched();
+        idControl.markAsDirty();
+        // Need to mark the control as touched for the error messages to appear.
+        this.control.markAsTouched();
+        // Notify the view to display any errors.
+        this.changeDetector.markForCheck();
+        return errors;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    registerOnValidatorChange(fn) {
+        this.onValidatorChange = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    setValue(value, notifyChange = true) {
+        const isNewValue = !this.dateRangesEqual(this._value, value);
+        if (isNewValue) {
+            this._value = value;
+            if (notifyChange) {
+                this.onChange(this.value);
+            }
+        }
+    }
+    patchValue(value) {
+        const newValue = Object.assign({}, this.value, value);
+        this.setValue(newValue);
+    }
+    createForm() {
+        this.formGroup = this.formBuilder.group({
+            calculatorId: new FormControl(),
+            startDate: new FormControl(),
+            endDate: new FormControl(),
+        });
+        if (this.disabled) {
+            this.formGroup.disable();
+        }
+    }
+    showRelevantFormFields() {
+        const calculator = this.selectedCalculator;
+        let showEndDatePicker = false;
+        let showStartDatePicker = false;
+        switch (calculator.type) {
+            case SkyDateRangeCalculatorType.Before:
+                showEndDatePicker = true;
+                break;
+            case SkyDateRangeCalculatorType.After:
+                showStartDatePicker = true;
+                break;
+            case SkyDateRangeCalculatorType.Range:
+                showEndDatePicker = true;
+                showStartDatePicker = true;
+                break;
+            default:
+                break;
+        }
+        this.showEndDatePicker = showEndDatePicker;
+        this.showStartDatePicker = showStartDatePicker;
+        this.changeDetector.markForCheck();
+    }
+    resetFormGroupValue(value) {
+        // Do not emit a value change event on the underlying form group
+        // because we're already watching for changes that are triggered by the end user.
+        // For example, if we change the value of the form group internally, we don't want the event
+        // listeners to be triggered, as those are reserved for user interactions.
+        // (See the event listeners listed below.)
+        this.formGroup.reset(value || this.value, {
+            emitEvent: false,
+        });
+    }
+    addEventListeners() {
+        // Detect errors from the date pickers
+        // when control is initialized with a value.
+        combineLatest([
+            this.startDateControl.statusChanges,
+            this.endDateControl.statusChanges,
+        ])
+            .pipe(first())
+            .subscribe((status) => {
+            if (status.indexOf('INVALID') > -1) {
+                // Wait for initial validation to complete.
+                this.windowRef.nativeWindow.setTimeout(() => {
+                    this.onValidatorChange();
+                });
+            }
+        });
+        // Watch for selected calculator change.
+        this.calculatorIdControl.valueChanges
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((value) => {
+            const id = parseInt(value, 10);
+            // if the component is disabled during form creation, null is passed
+            // as the value of the calculator id control
+            // only handle the value changes if the calculator id is a number
+            /* istanbul ignore else */
+            if (!isNaN(id)) {
+                const calculator = this.getCalculatorById(id);
+                const newValue = calculator.getValue();
+                this.setValue(newValue);
+                this.resetFormGroupValue(newValue);
+                this.showRelevantFormFields();
+            }
+        });
+        // Watch for start date value changes.
+        this.startDateControl.valueChanges
+            .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))
+            .subscribe((startDate) => {
+            this.patchValue({ startDate });
+        });
+        // Watch for end date value changes.
+        this.endDateControl.valueChanges
+            .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))
+            .subscribe((endDate) => {
+            this.patchValue({ endDate });
+        });
+        // Detect errors from the date inputs and update ng- classes on picker.
+        combineLatest([
+            this.startDateControl.statusChanges,
+            this.endDateControl.statusChanges,
+        ])
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.changeDetector.markForCheck();
+        });
+    }
+    updateCalculators() {
+        return this.dateRangeService
+            .getCalculators(this.calculatorIds)
+            .then((calculators) => {
+            this.calculators = calculators;
+            this.changeDetector.markForCheck();
+        });
+    }
+    getCalculatorById(id) {
+        return this.calculators.find((calculator) => {
+            return calculator.calculatorId === id;
+        });
+    }
+    dateRangesEqual(rangeA, rangeB) {
+        return JSON.stringify(rangeA) === JSON.stringify(rangeB);
+    }
+}
+SkyDateRangePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDateRangePickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDateRangeService }, { token: i2.FormBuilder }, { token: i3.SkyAppLocaleProvider }, { token: i4.SkyAppWindowRef }, { token: i5.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyDateRangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDateRangePickerComponent, selector: "sky-date-range-picker", inputs: { calculatorIds: "calculatorIds", dateFormat: "dateFormat", disabled: "disabled", label: "label", startDateRequired: "startDateRequired", endDateRequired: "endDateRequired" }, providers: [
+        SKY_DATE_RANGE_PICKER_VALUE_ACCESSOR,
+        SKY_DATE_RANGE_PICKER_VALIDATOR,
+    ], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isReady\" class=\"sky-date-range-picker\" [formGroup]=\"formGroup\">\n  <div class=\"sky-date-range-picker-form-group\">\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        [attr.for]=\"dateRangePickerId + '-select-calculator'\"\n      >\n        {{ label || 'skyux_date_range_picker_default_label' | skyLibResources }}\n      </label>\n      <select\n        class=\"sky-form-control\"\n        formControlName=\"calculatorId\"\n        [attr.id]=\"dateRangePickerId + '-select-calculator'\"\n        (blur)=\"onFieldBlur()\"\n      >\n        <option\n          *ngFor=\"let calculator of calculators\"\n          [value]=\"calculator.calculatorId\"\n        >\n          {{ calculator.shortDescription }}\n        </option>\n      </select>\n    </sky-input-box>\n  </div>\n\n  <div class=\"sky-date-range-picker-form-group\" [hidden]=\"!showStartDatePicker\">\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        [attr.for]=\"dateRangePickerId + '-start-date'\"\n        [ngClass]=\"{ 'sky-control-label-required': startDateRequired }\"\n      >\n        {{ startDateLabelResourceKey | skyLibResources }}\n      </label>\n\n      <sky-datepicker>\n        <input\n          formControlName=\"startDate\"\n          [attr.aria-label]=\"startDateLabelResourceKey | skyLibResources\"\n          [attr.id]=\"dateRangePickerId + '-start-date'\"\n          [attr.placeholder]=\"dateFormat\"\n          [required]=\"startDateRequired\"\n          [dateFormat]=\"dateFormat\"\n          (blur)=\"onFieldBlur()\"\n          skyDatepickerInput\n        />\n      </sky-datepicker>\n    </sky-input-box>\n  </div>\n\n  <div class=\"sky-date-range-picker-form-group\" [hidden]=\"!showEndDatePicker\">\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        [attr.for]=\"dateRangePickerId + '-end-date'\"\n        [ngClass]=\"{ 'sky-control-label-required': endDateRequired }\"\n      >\n        {{ endDateLabelResourceKey | skyLibResources }}\n      </label>\n\n      <sky-datepicker>\n        <input\n          formControlName=\"endDate\"\n          skyDatepickerInput\n          [attr.aria-label]=\"endDateLabelResourceKey | skyLibResources\"\n          [attr.id]=\"dateRangePickerId + '-end-date'\"\n          [attr.placeholder]=\"dateFormat\"\n          [dateFormat]=\"dateFormat\"\n          [required]=\"endDateRequired\"\n          (blur)=\"onFieldBlur()\"\n        />\n      </sky-datepicker>\n    </sky-input-box>\n  </div>\n</div>\n", styles: [".sky-date-range-picker{display:flex;margin-left:-5px;margin-right:-5px}.sky-date-range-picker-form-group{padding-left:5px;padding-right:5px}.sky-date-range-picker-form-group:last-child{margin-bottom:0}:host .sky-date-range-picker{flex-direction:column}:host .sky-date-range-picker-form-group{flex-basis:100%}:host-context(.sky-responsive-container-xs) .sky-date-range-picker,:host-context(.sky-responsive-container-sm) .sky-date-range-picker,:host-context(.sky-responsive-container-md) .sky-date-range-picker,:host-context(.sky-responsive-container-lg) .sky-date-range-picker{flex-direction:column}:host-context(.sky-responsive-container-xs) .sky-date-range-picker-form-group,:host-context(.sky-responsive-container-sm) .sky-date-range-picker-form-group,:host-context(.sky-responsive-container-md) .sky-date-range-picker-form-group,:host-context(.sky-responsive-container-lg) .sky-date-range-picker-form-group{flex-basis:100%}@media (min-width: 768px){:host .sky-date-range-picker{flex-direction:initial}:host .sky-date-range-picker-form-group{flex-basis:calc(100% / 3);margin-bottom:0}}:host-context(.sky-responsive-container-sm) .sky-date-range-picker,:host-context(.sky-responsive-container-md) .sky-date-range-picker,:host-context(.sky-responsive-container-lg) .sky-date-range-picker{flex-direction:initial}:host-context(.sky-responsive-container-sm) .sky-date-range-picker-form-group,:host-context(.sky-responsive-container-md) .sky-date-range-picker-form-group,:host-context(.sky-responsive-container-lg) .sky-date-range-picker-form-group{flex-basis:calc(100% / 3);margin-bottom:0}:host-context(.sky-theme-modern) .sky-date-range-picker-form-group{padding:0;margin:0 0 20px}@media (min-width: 768px){:host-context(.sky-theme-modern) .sky-date-range-picker-form-group{margin:0 20px 0 0}}.sky-theme-modern .sky-date-range-picker-form-group{padding:0;margin:0 0 20px}@media (min-width: 768px){.sky-theme-modern .sky-date-range-picker-form-group{margin:0 20px 0 0}}:host-context(.sky-theme-modern .sky-responsive-container-xs) .sky-date-range-picker-form-group{margin:0 0 20px}:host-context(.sky-theme-modern .sky-responsive-container-sm) .sky-date-range-picker-form-group,:host-context(.sky-theme-modern .sky-responsive-container-md) .sky-date-range-picker-form-group,:host-context(.sky-theme-modern .sky-responsive-container-lg) .sky-date-range-picker-form-group{margin:0 20px 0 0}\n"], components: [{ type: i6.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i7.SkyDatepickerComponent, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.SkyDatepickerInputDirective, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDateRangePickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-date-range-picker',
+                    templateUrl: './date-range-picker.component.html',
+                    styleUrls: ['./date-range-picker.component.scss'],
+                    providers: [
+                        SKY_DATE_RANGE_PICKER_VALUE_ACCESSOR,
+                        SKY_DATE_RANGE_PICKER_VALIDATOR,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDateRangeService }, { type: i2.FormBuilder }, { type: i3.SkyAppLocaleProvider }, { type: i4.SkyAppWindowRef }, { type: i5.SkyThemeService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { calculatorIds: [{
+                type: Input
+            }], dateFormat: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], startDateRequired: [{
+                type: Input
+            }], endDateRequired: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=date-range-picker.component.js.map

package/esm2015/lib/modules/date-range-picker/date-range-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/date-range-picker/date-range-picker.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/date-range-picker/date-range-picker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  forwardRef,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Optional,\n  SimpleChanges,\n} from '@angular/core';\n\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkyAppLocaleProvider } from '@skyux/i18n';\n\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { combineLatest, Subject } from 'rxjs';\n\nimport { distinctUntilChanged, first, takeUntil } from 'rxjs/operators';\n\nimport { SkyDateFormatter } from '../datepicker/date-formatter';\n\nimport { SkyDateRangeCalculation } from './types/date-range-calculation';\n\nimport { SkyDateRangeCalculatorId } from './types/date-range-calculator-id';\n\nimport { SkyDateRangeCalculatorType } from './types/date-range-calculator-type';\n\nimport { SkyDateRangeCalculator } from './types/date-range-calculator';\n\nimport { SkyDateRangeService } from './date-range.service';\n\n/* tslint:disable:no-forward-ref no-use-before-declare */\nconst SKY_DATE_RANGE_PICKER_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyDateRangePickerComponent),\n  multi: true,\n};\n\nconst SKY_DATE_RANGE_PICKER_VALIDATOR = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyDateRangePickerComponent),\n  multi: true,\n};\n/* tslint:enable */\n\nlet uniqueId = 0;\n\n/**\n * Acts as a form control with a form model of type `SkyDateRangeCalculation`.\n * @example\n * ```\n * <sky-date-range-picker\n *   formControlName=\"myPicker\"\n * >\n * </sky-date-range-picker>\n * ```\n */\n@Component({\n  selector: 'sky-date-range-picker',\n  templateUrl: './date-range-picker.component.html',\n  styleUrls: ['./date-range-picker.component.scss'],\n  providers: [\n    SKY_DATE_RANGE_PICKER_VALUE_ACCESSOR,\n    SKY_DATE_RANGE_PICKER_VALIDATOR,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDateRangePickerComponent\n  implements OnInit, OnChanges, OnDestroy, ControlValueAccessor, Validator\n{\n  /**\n   * Specifies IDs for the date range options to include in the picker's dropdown.\n   * The options specify calculator objects that return two `Date` objects to represent date ranges.\n   * By default, this property includes all `SkyDateRangeCalculatorId` values.\n   */\n  @Input()\n  public set calculatorIds(value: SkyDateRangeCalculatorId[]) {\n    this._calculatorIds = value;\n  }\n\n  public get calculatorIds(): SkyDateRangeCalculatorId[] {\n    return (\n      this._calculatorIds || [\n        SkyDateRangeCalculatorId.AnyTime,\n        SkyDateRangeCalculatorId.Before,\n        SkyDateRangeCalculatorId.After,\n        SkyDateRangeCalculatorId.SpecificRange,\n        SkyDateRangeCalculatorId.Yesterday,\n        SkyDateRangeCalculatorId.Today,\n        SkyDateRangeCalculatorId.Tomorrow,\n        SkyDateRangeCalculatorId.LastWeek,\n        SkyDateRangeCalculatorId.ThisWeek,\n        SkyDateRangeCalculatorId.NextWeek,\n        SkyDateRangeCalculatorId.LastMonth,\n        SkyDateRangeCalculatorId.ThisMonth,\n        SkyDateRangeCalculatorId.NextMonth,\n        SkyDateRangeCalculatorId.LastQuarter,\n        SkyDateRangeCalculatorId.ThisQuarter,\n        SkyDateRangeCalculatorId.NextQuarter,\n        SkyDateRangeCalculatorId.LastCalendarYear,\n        SkyDateRangeCalculatorId.ThisCalendarYear,\n        SkyDateRangeCalculatorId.NextCalendarYear,\n        SkyDateRangeCalculatorId.LastFiscalYear,\n        SkyDateRangeCalculatorId.ThisFiscalYear,\n        SkyDateRangeCalculatorId.NextFiscalYear,\n      ]\n    );\n  }\n\n  /**\n   * Specifies a date format for\n   * [the `sky-datepicker` components](https://developer.blackbaud.com/skyux/components/datepicker)\n   * that make up the date range picker. The text input is a composite component of\n   * up to two `sky-datepicker` components.\n   * @default \"MM/DD/YYYY\"\n   */\n  @Input()\n  public set dateFormat(value: string) {\n    this._dateFormat = value;\n  }\n\n  public get dateFormat(): string {\n    return this._dateFormat || this.preferredShortDateFormat;\n  }\n\n  /**\n   * Indicates whether to disable the date range picker.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n\n    if (this.formGroup) {\n      if (this._disabled) {\n        this.formGroup.disable();\n      } else {\n        this.formGroup.enable();\n      }\n    }\n\n    this.changeDetector.markForCheck();\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Specifies a label for the date range picker.\n   * @required\n   */\n  @Input()\n  public label: string;\n\n  /**\n   * Indicates whether to require users to specify a start date.\n   * @default false\n   */\n  @Input()\n  public startDateRequired: boolean = false;\n\n  /**\n   * Indicates whether to require users to specify a end date.\n   * @default false\n   */\n  @Input()\n  public endDateRequired: boolean = false;\n\n  public get startDateLabelResourceKey(): string {\n    if (this.selectedCalculator.type === SkyDateRangeCalculatorType.Range) {\n      return 'skyux_date_range_picker_start_date_label';\n    }\n\n    return 'skyux_date_range_picker_after_date_label';\n  }\n\n  public get endDateLabelResourceKey(): string {\n    if (this.selectedCalculator.type === SkyDateRangeCalculatorType.Range) {\n      return 'skyux_date_range_picker_end_date_label';\n    }\n\n    return 'skyux_date_range_picker_before_date_label';\n  }\n\n  public get selectedCalculator(): SkyDateRangeCalculator {\n    return this.getCalculatorById(this.value.calculatorId);\n  }\n\n  public readonly dateRangePickerId = `sky-date-range-picker-${uniqueId++}`;\n\n  public calculators: SkyDateRangeCalculator[];\n  public formGroup: FormGroup;\n  public isReady = false;\n  public showEndDatePicker = false;\n  public showStartDatePicker = false;\n\n  private get calculatorIdControl(): AbstractControl {\n    return this.formGroup.get('calculatorId');\n  }\n\n  private get defaultCalculator(): SkyDateRangeCalculator {\n    return this.calculators[0];\n  }\n\n  private get defaultValue(): SkyDateRangeCalculation {\n    return this.defaultCalculator.getValue();\n  }\n\n  private get endDateControl(): AbstractControl {\n    return this.formGroup.get('endDate');\n  }\n\n  private get startDateControl(): AbstractControl {\n    return this.formGroup.get('startDate');\n  }\n\n  private get value(): SkyDateRangeCalculation {\n    if (this._value && this._value.calculatorId !== undefined) {\n      return this._value;\n    }\n\n    return this.defaultValue;\n  }\n\n  private control: AbstractControl;\n  private preferredShortDateFormat: string;\n  private ngUnsubscribe = new Subject<void>();\n\n  private _calculatorIds: SkyDateRangeCalculatorId[];\n  private _dateFormat: string;\n  private _disabled = false;\n  private _value: SkyDateRangeCalculation;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private dateRangeService: SkyDateRangeService,\n    private formBuilder: FormBuilder,\n    private localeProvider: SkyAppLocaleProvider,\n    private windowRef: SkyAppWindowRef,\n    @Optional() themeSvc?: SkyThemeService\n  ) {\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        SkyDateFormatter.setLocale(localeInfo.locale);\n        this.preferredShortDateFormat =\n          SkyDateFormatter.getPreferredShortDateFormat();\n      });\n\n    // Update icons when theme changes.\n    /* istanbul ignore next */\n    themeSvc?.settingsChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnInit(): void {\n    this.createForm();\n\n    this.updateCalculators().then(() => {\n      this.addEventListeners();\n\n      this.isReady = true;\n\n      this.resetFormGroupValue();\n      this.showRelevantFormFields();\n\n      // Fill in any unprovided values after the calculators have been initialized.\n      // For example, if the control is initialized with only the `calculatorId`,\n      // allow the calculator to fill in the missing start and end dates.\n      const { startDate, endDate } = this.value;\n      const defaultValue = this.selectedCalculator.getValue(startDate, endDate);\n      const newValue = Object.assign({}, defaultValue, this.value);\n\n      this.setValue(newValue, false);\n\n      // This is needed to address a bug in Angular 4.\n      // When a control value is set intially, its value is not represented on the view.\n      // See: https://github.com/angular/angular/issues/13792\n      /* istanbul ignore else */\n      if (this.control) {\n        this.control.setValue(this.value, {\n          emitEvent: false,\n        });\n      }\n    });\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (changes.calculatorIds && changes.calculatorIds.firstChange === false) {\n      this.updateCalculators().then(() => {\n        const id = this.calculatorIdControl.value;\n\n        // Maintain the currently selected values if the calculators change after\n        // a value has been chosen.\n        const found = this.calculators.find((calculator) => {\n          return calculator.calculatorId === id;\n        });\n\n        /* istanbul ignore else */\n        if (!found) {\n          const newValue = this.defaultCalculator.getValue();\n          this.setValue(newValue);\n          this.resetFormGroupValue(newValue);\n          this.showRelevantFormFields();\n        }\n      });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public onFieldBlur(): void {\n    this.onTouched();\n  }\n\n  public writeValue(value: SkyDateRangeCalculation): void {\n    // Only update the underlying controls when the calculators are ready.\n    const notifyChange = false;\n\n    // (We still need to save the initial value set by the consumer's form, however.)\n    this.setValue(value, notifyChange);\n\n    if (this.isReady) {\n      // When the control's value is set to `null`,\n      // set it to the default value.\n      if (!value) {\n        this.onChange(this.defaultValue);\n      }\n\n      this.resetFormGroupValue();\n      this.showRelevantFormFields();\n    }\n  }\n\n  public validate(control: AbstractControl): ValidationErrors {\n    if (!this.control) {\n      this.control = control;\n    }\n\n    if (!this.isReady) {\n      return;\n    }\n\n    const value = control.value;\n    const idControl = this.calculatorIdControl;\n    const result = this.selectedCalculator.validate(value);\n\n    let errors: ValidationErrors;\n\n    if (result) {\n      errors = {\n        skyDateRange: {\n          calculatorId: idControl.value,\n          errors: result,\n        },\n      };\n    } else {\n      errors = this.startDateControl.errors || this.endDateControl.errors;\n    }\n\n    if (!errors) {\n      // Clear any errors on the calculator select.\n      // tslint:disable-next-line:no-null-keyword\n      idControl.setErrors(null);\n      return;\n    }\n\n    idControl.setErrors(errors);\n    idControl.markAsTouched();\n    idControl.markAsDirty();\n\n    // Need to mark the control as touched for the error messages to appear.\n    this.control.markAsTouched();\n\n    // Notify the view to display any errors.\n    this.changeDetector.markForCheck();\n\n    return errors;\n  }\n\n  public registerOnChange(\n    fn: (value: SkyDateRangeCalculation) => SkyDateRangeCalculation\n  ): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => SkyDateRangeCalculation): void {\n    this.onTouched = fn;\n  }\n\n  public registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n\n  public setDisabledState(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n\n  private setValue(value: SkyDateRangeCalculation, notifyChange = true): void {\n    const isNewValue = !this.dateRangesEqual(this._value, value);\n\n    if (isNewValue) {\n      this._value = value;\n\n      if (notifyChange) {\n        this.onChange(this.value);\n      }\n    }\n  }\n\n  private patchValue(value: any): void {\n    const newValue = Object.assign({}, this.value, value);\n\n    this.setValue(newValue);\n  }\n\n  private createForm(): void {\n    this.formGroup = this.formBuilder.group({\n      calculatorId: new FormControl(),\n      startDate: new FormControl(),\n      endDate: new FormControl(),\n    });\n\n    if (this.disabled) {\n      this.formGroup.disable();\n    }\n  }\n\n  private showRelevantFormFields(): void {\n    const calculator = this.selectedCalculator;\n\n    let showEndDatePicker = false;\n    let showStartDatePicker = false;\n\n    switch (calculator.type) {\n      case SkyDateRangeCalculatorType.Before:\n        showEndDatePicker = true;\n        break;\n\n      case SkyDateRangeCalculatorType.After:\n        showStartDatePicker = true;\n        break;\n\n      case SkyDateRangeCalculatorType.Range:\n        showEndDatePicker = true;\n        showStartDatePicker = true;\n        break;\n\n      default:\n        break;\n    }\n\n    this.showEndDatePicker = showEndDatePicker;\n    this.showStartDatePicker = showStartDatePicker;\n    this.changeDetector.markForCheck();\n  }\n\n  private resetFormGroupValue(value?: SkyDateRangeCalculation): void {\n    // Do not emit a value change event on the underlying form group\n    // because we're already watching for changes that are triggered by the end user.\n    // For example, if we change the value of the form group internally, we don't want the event\n    // listeners to be triggered, as those are reserved for user interactions.\n    // (See the event listeners listed below.)\n    this.formGroup.reset(value || this.value, {\n      emitEvent: false,\n    });\n  }\n\n  private addEventListeners(): void {\n    // Detect errors from the date pickers\n    // when control is initialized with a value.\n    combineLatest([\n      this.startDateControl.statusChanges,\n      this.endDateControl.statusChanges,\n    ])\n      .pipe(first())\n      .subscribe((status: string[]) => {\n        if (status.indexOf('INVALID') > -1) {\n          // Wait for initial validation to complete.\n          this.windowRef.nativeWindow.setTimeout(() => {\n            this.onValidatorChange();\n          });\n        }\n      });\n\n    // Watch for selected calculator change.\n    this.calculatorIdControl.valueChanges\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value) => {\n        const id = parseInt(value, 10);\n        // if the component is disabled during form creation, null is passed\n        // as the value of the calculator id control\n        // only handle the value changes if the calculator id is a number\n        /* istanbul ignore else */\n        if (!isNaN(id)) {\n          const calculator = this.getCalculatorById(id);\n          const newValue = calculator.getValue();\n\n          this.setValue(newValue);\n          this.resetFormGroupValue(newValue);\n          this.showRelevantFormFields();\n        }\n      });\n\n    // Watch for start date value changes.\n    this.startDateControl.valueChanges\n      .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))\n      .subscribe((startDate) => {\n        this.patchValue({ startDate });\n      });\n\n    // Watch for end date value changes.\n    this.endDateControl.valueChanges\n      .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))\n      .subscribe((endDate) => {\n        this.patchValue({ endDate });\n      });\n\n    // Detect errors from the date inputs and update ng- classes on picker.\n    combineLatest([\n      this.startDateControl.statusChanges,\n      this.endDateControl.statusChanges,\n    ])\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  private updateCalculators(): Promise<void> {\n    return this.dateRangeService\n      .getCalculators(this.calculatorIds)\n      .then((calculators) => {\n        this.calculators = calculators;\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  private getCalculatorById(\n    id: SkyDateRangeCalculatorId\n  ): SkyDateRangeCalculator {\n    return this.calculators.find((calculator) => {\n      return calculator.calculatorId === id;\n    });\n  }\n\n  private dateRangesEqual(\n    rangeA: SkyDateRangeCalculation,\n    rangeB: SkyDateRangeCalculation\n  ): boolean {\n    return JSON.stringify(rangeA) === JSON.stringify(rangeB);\n  }\n\n  /* istanbul ignore next */\n  private onChange = (_: SkyDateRangeCalculation) => {};\n  /* istanbul ignore next */\n  private onTouched = () => {};\n  /* istanbul ignore next */\n  private onValidatorChange = () => {};\n}\n","<div *ngIf=\"isReady\" class=\"sky-date-range-picker\" [formGroup]=\"formGroup\">\n  <div class=\"sky-date-range-picker-form-group\">\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        [attr.for]=\"dateRangePickerId + '-select-calculator'\"\n      >\n        {{ label || 'skyux_date_range_picker_default_label' | skyLibResources }}\n      </label>\n      <select\n        class=\"sky-form-control\"\n        formControlName=\"calculatorId\"\n        [attr.id]=\"dateRangePickerId + '-select-calculator'\"\n        (blur)=\"onFieldBlur()\"\n      >\n        <option\n          *ngFor=\"let calculator of calculators\"\n          [value]=\"calculator.calculatorId\"\n        >\n          {{ calculator.shortDescription }}\n        </option>\n      </select>\n    </sky-input-box>\n  </div>\n\n  <div class=\"sky-date-range-picker-form-group\" [hidden]=\"!showStartDatePicker\">\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        [attr.for]=\"dateRangePickerId + '-start-date'\"\n        [ngClass]=\"{ 'sky-control-label-required': startDateRequired }\"\n      >\n        {{ startDateLabelResourceKey | skyLibResources }}\n      </label>\n\n      <sky-datepicker>\n        <input\n          formControlName=\"startDate\"\n          [attr.aria-label]=\"startDateLabelResourceKey | skyLibResources\"\n          [attr.id]=\"dateRangePickerId + '-start-date'\"\n          [attr.placeholder]=\"dateFormat\"\n          [required]=\"startDateRequired\"\n          [dateFormat]=\"dateFormat\"\n          (blur)=\"onFieldBlur()\"\n          skyDatepickerInput\n        />\n      </sky-datepicker>\n    </sky-input-box>\n  </div>\n\n  <div class=\"sky-date-range-picker-form-group\" [hidden]=\"!showEndDatePicker\">\n    <sky-input-box>\n      <label\n        class=\"sky-control-label\"\n        [attr.for]=\"dateRangePickerId + '-end-date'\"\n        [ngClass]=\"{ 'sky-control-label-required': endDateRequired }\"\n      >\n        {{ endDateLabelResourceKey | skyLibResources }}\n      </label>\n\n      <sky-datepicker>\n        <input\n          formControlName=\"endDate\"\n          skyDatepickerInput\n          [attr.aria-label]=\"endDateLabelResourceKey | skyLibResources\"\n          [attr.id]=\"dateRangePickerId + '-end-date'\"\n          [attr.placeholder]=\"dateFormat\"\n          [dateFormat]=\"dateFormat\"\n          [required]=\"endDateRequired\"\n          (blur)=\"onFieldBlur()\"\n        />\n      </sky-datepicker>\n    </sky-input-box>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/date-range-picker/date-range-picker.module.js

@@ -0,0 +1,47 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { SkyInputBoxModule } from '@skyux/forms';
+import { SkyI18nModule } from '@skyux/i18n';
+import { SkyDatepickerModule } from '../datepicker/datepicker.module';
+import { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';
+import { SkyDateRangePickerComponent } from './date-range-picker.component';
+import { SkyDateRangeService } from './date-range.service';
+import * as i0 from "@angular/core";
+export class SkyDateRangePickerModule {
+}
+SkyDateRangePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDateRangePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyDateRangePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDateRangePickerModule, declarations: [SkyDateRangePickerComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        SkyI18nModule,
+        SkyDatepickerModule,
+        SkyDatetimeResourcesModule,
+        SkyInputBoxModule], exports: [SkyDateRangePickerComponent] });
+SkyDateRangePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDateRangePickerModule, providers: [SkyDateRangeService], imports: [[
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            SkyI18nModule,
+            SkyDatepickerModule,
+            SkyDatetimeResourcesModule,
+            SkyInputBoxModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDateRangePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyDateRangePickerComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        SkyI18nModule,
+                        SkyDatepickerModule,
+                        SkyDatetimeResourcesModule,
+                        SkyInputBoxModule,
+                    ],
+                    exports: [SkyDateRangePickerComponent],
+                    providers: [SkyDateRangeService],
+                }]
+        }] });
+//# sourceMappingURL=date-range-picker.module.js.map

package/esm2015/lib/modules/date-range-picker/date-range-picker.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/date-range-picker/date-range-picker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAgB3D,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,iBAbpB,2BAA2B,aAExC,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,aAAa;QACb,mBAAmB;QACnB,0BAA0B;QAC1B,iBAAiB,aAET,2BAA2B;uHAG1B,wBAAwB,aAFxB,CAAC,mBAAmB,CAAC,YAVvB;YACP,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,aAAa;YACb,mBAAmB;YACnB,0BAA0B;YAC1B,iBAAiB;SAClB;4FAIU,wBAAwB;kBAdpC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,aAAa;wBACb,mBAAmB;wBACnB,0BAA0B;wBAC1B,iBAAiB;qBAClB;oBACD,OAAO,EAAE,CAAC,2BAA2B,CAAC;oBACtC,SAAS,EAAE,CAAC,mBAAmB,CAAC;iBACjC","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyDatepickerModule } from '../datepicker/datepicker.module';\n\nimport { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';\n\nimport { SkyDateRangePickerComponent } from './date-range-picker.component';\n\nimport { SkyDateRangeService } from './date-range.service';\n\n@NgModule({\n  declarations: [SkyDateRangePickerComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyI18nModule,\n    SkyDatepickerModule,\n    SkyDatetimeResourcesModule,\n    SkyInputBoxModule,\n  ],\n  exports: [SkyDateRangePickerComponent],\n  providers: [SkyDateRangeService],\n})\nexport class SkyDateRangePickerModule {}\n"]}