@dereekb/dbx-form 9.25.16 → 10.0.1

package/fesm2015/dereekb-dbx-form-calendar.mjs

@@ -1,1955 +0,0 @@
-import * as i4$1 from '@dereekb/dbx-form';
-import { formlyField, propsAndConfigForFieldConfig, flexLayoutWrapper, toggleField, AbstractSyncFormlyFormDirective, provideFormlyContext, DbxFormModule, DbxFormlyModule } from '@dereekb/dbx-form';
-import * as i0 from '@angular/core';
-import { Injectable, SkipSelf, Directive, Injector, Optional, Component, Inject, Input, ViewChild, ElementRef, ChangeDetectionStrategy, EventEmitter, Output, InjectionToken, NgModule } from '@angular/core';
-import { FieldType } from '@ngx-formly/material';
-import { switchMap, first, tap, map, distinctUntilChanged, shareReplay, of, combineLatestWith, BehaviorSubject, filter, combineLatest, EMPTY, startWith, throttleTime } from 'rxjs';
-import { filterMaybe, distinctUntilHasDifferentValues, SubscriptionObject, asObservableFromGetter, asObservable } from '@dereekb/rxjs';
-import { DateCellScheduleDayCode, expandDateCellScheduleDayCodesToDayOfWeekSet, dateCellTimingStartsAtForStartOfDay, dateCellTimingRelativeIndexFactory, dateCellDayOfWeekFactory, dateTimezoneUtcNormal, findMaxDate, findMinDate, isSameDateRange, isSameDateDay, isSameDate, dateCellTimingDateFactory, expandDateCellScheduleRange, formatToISO8601DayString, changeDateCellScheduleDateRangeToTimezone, isSameDateCellScheduleDateRange, dateCellTimingRelativeIndexArrayFactory, isInfiniteDateRange, copyDateCellScheduleDateFilterConfig, SYSTEM_DATE_TIMEZONE_UTC_NORMAL_INSTANCE, dateCellScheduleDateFilter, fullDateCellScheduleRange, dateCellTimingTimezoneNormalInstance, expandDateCellScheduleDayCodes, fullWeekDateCellScheduleDayCodes, dateCellScheduleDayCodesAreSetsEquivalent, simplifyDateCellScheduleDayCodes, dateCellTimingStartDateFactory, isDateInDateRangeFunction, isDateWithinDateCellRangeFunction, dateCellScheduleEncodedWeek, enabledDaysFromDateCellScheduleDayCodes, dateCellScheduleDayCodesFromEnabledDays, formatToMonthDayString, dateRange, DateRangeType } from '@dereekb/date';
-import { isInAllowedDaysOfWeekSet, mapValuesToSet, unique, mergeArrays, iterableToArray, isIterable, firstValueFromIterable, minAndMaxNumber, range, toggleInSet, removeFromSet, addToSet, isIndexNumberInIndexRangeFunction, getDaysOfWeekNames, reduceBooleansWithAnd, mergeObjects, KeyValueTypleValueFilter } from '@dereekb/util';
-import { ComponentStore } from '@ngrx/component-store';
-import { startOfDay, endOfDay, isBefore, endOfWeek } from 'date-fns';
-import * as i1$1 from '@dereekb/dbx-web';
-import { AbstractPopoverDirective, AbstractDialogDirective, sanitizeDbxDialogContentConfig, DbxContentLayoutModule, DbxTextModule, DbxActionModule, DbxButtonModule, DbxDialogInteractionModule, DbxPopoverInteractionModule } from '@dereekb/dbx-web';
-import * as i3$1 from '@dereekb/dbx-core';
-import { switchMapDbxInjectionComponentConfig, DbxInjectionComponentModule, DbxDatePipeModule } from '@dereekb/dbx-core';
-import * as i3 from '@angular/forms';
-import { FormGroup, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i5 from '@angular/material/form-field';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS, MatFormFieldModule } from '@angular/material/form-field';
-import * as i1 from '@dereekb/dbx-web/calendar';
-import { prepareAndSortCalendarEvents, DbxCalendarStore, DbxCalendarModule } from '@dereekb/dbx-web/calendar';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i7 from '@angular/material/datepicker';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i6 from 'angular-calendar';
-import { CalendarModule, CalendarDayModule, CalendarWeekModule } from 'angular-calendar';
-import * as i7$1 from '@angular/flex-layout/extended';
-import * as i3$2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i1$2 from '@angular/material/dialog';
-import * as i1$3 from '@ngx-formly/core';
-import { FormlyModule } from '@ngx-formly/core';
-import { MatInputModule } from '@angular/material/input';
-import { MatButtonModule } from '@angular/material/button';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { FlexLayoutModule } from '@angular/flex-layout';
-
-function dateScheduleRangeField(config = {}) {
-    var _a;
-    const { key = 'schedule', appearance, hideCustomize, allowTextInput, filter, outputTimezone, timezone, initialSelectionState, computeSelectionResultRelativeToFilter, exclusions, defaultScheduleDays, minMaxDateRange, cellContentFactory, dialogContentConfig, customDetailsConfig } = config;
-    const fieldConfig = Object.assign({}, formlyField(Object.assign({ key, type: 'date-schedule-range' }, propsAndConfigForFieldConfig(config, {
-        label: (_a = config.label) !== null && _a !== void 0 ? _a : 'Schedule',
-        allowTextInput,
-        appearance,
-        hideCustomize,
-        outputTimezone,
-        timezone,
-        defaultScheduleDays,
-        minMaxDateRange,
-        filter,
-        exclusions,
-        dialogContentConfig,
-        computeSelectionResultRelativeToFilter,
-        initialSelectionState,
-        cellContentFactory,
-        customDetailsConfig
-    }))));
-    return fieldConfig;
-}
-
-var CalendarScheduleSelectionDayState;
-(function (CalendarScheduleSelectionDayState) {
-    CalendarScheduleSelectionDayState[CalendarScheduleSelectionDayState["NOT_APPLICABLE"] = 0] = "NOT_APPLICABLE";
-    CalendarScheduleSelectionDayState[CalendarScheduleSelectionDayState["DISABLED"] = 1] = "DISABLED";
-    CalendarScheduleSelectionDayState[CalendarScheduleSelectionDayState["NOT_SELECTED"] = 2] = "NOT_SELECTED";
-    CalendarScheduleSelectionDayState[CalendarScheduleSelectionDayState["SELECTED"] = 3] = "SELECTED";
-})(CalendarScheduleSelectionDayState || (CalendarScheduleSelectionDayState = {}));
-const defaultCalendarScheduleSelectionCellContentFactory = (day) => {
-    var _a;
-    let icon;
-    let text;
-    switch ((_a = day.meta) === null || _a === void 0 ? void 0 : _a.state) {
-        case CalendarScheduleSelectionDayState.SELECTED:
-            icon = 'check_box';
-            break;
-        case CalendarScheduleSelectionDayState.DISABLED:
-            icon = 'block';
-            break;
-        case CalendarScheduleSelectionDayState.NOT_APPLICABLE:
-            break;
-        case CalendarScheduleSelectionDayState.NOT_SELECTED:
-            icon = 'check_box_outline_blank';
-            text = 'Add';
-            break;
-    }
-    return {
-        icon,
-        text
-    };
-};
-
-function initialCalendarScheduleSelectionState() {
-    const defaultScheduleDays = new Set([DateCellScheduleDayCode.WEEKDAY, DateCellScheduleDayCode.WEEKEND]);
-    const allowedDaysOfWeek = expandDateCellScheduleDayCodesToDayOfWeekSet(defaultScheduleDays);
-    const defaultStartsAt = dateCellTimingStartsAtForStartOfDay(); // get midnight of the current timezone
-    const { startsAt, timezone: systemTimezone } = defaultStartsAt;
-    const indexFactory = dateCellTimingRelativeIndexFactory(defaultStartsAt);
-    const indexDayOfWeek = dateCellDayOfWeekFactory(startsAt);
-    return {
-        selectionMode: 'multiple',
-        start: startsAt,
-        systemTimezone,
-        indexFactory,
-        toggledIndexes: new Set(),
-        defaultScheduleDays,
-        effectiveScheduleDays: defaultScheduleDays,
-        allowedDaysOfWeek,
-        indexDayOfWeek,
-        isEnabledFilterDay: () => true,
-        isEnabledDay: () => false,
-        computeSelectionResultRelativeToFilter: true,
-        cellContentFactory: defaultCalendarScheduleSelectionCellContentFactory
-    };
-}
-/**
- * This is used in cases where the dates in the min/max date range need to be shifted to the filter's timezone.
- *
- * This is because the index factory is always in system timezone, but when selecting all/none with a filter we need to use the filter's timezone.
- *
- * @param x
- * @returns
- */
-function calendarScheduleMinAndMaxDateRangeRelativeToFilter(x) {
-    var _a;
-    let input = x;
-    if (((_a = x.filter) === null || _a === void 0 ? void 0 : _a.timezone) && x.minMaxDateRange != null) {
-        const filterNormal = dateTimezoneUtcNormal(x.filter.timezone);
-        const transformFn = filterNormal.transformFunction('systemDateToTargetDate');
-        input = {
-            filter: x.filter,
-            minMaxDateRange: {
-                start: x.minMaxDateRange.start ? transformFn(x.minMaxDateRange.start) : undefined,
-                end: x.minMaxDateRange.end ? transformFn(x.minMaxDateRange.end) : undefined
-            }
-        };
-    }
-    return calendarScheduleMinAndMaxDateRange(input);
-}
-function calendarScheduleMinAndMaxDateRange(x) {
-    return {
-        start: calendarScheduleMinDate(x) || undefined,
-        end: calendarScheduleMaxDate(x) || undefined
-    };
-}
-function calendarScheduleMinDate(x) {
-    var _a, _b;
-    return findMaxDate([(_a = x.filter) === null || _a === void 0 ? void 0 : _a.start, (_b = x.minMaxDateRange) === null || _b === void 0 ? void 0 : _b.start]);
-}
-function calendarScheduleMaxDate(x) {
-    var _a, _b;
-    return findMinDate([(_a = x.filter) === null || _a === void 0 ? void 0 : _a.end, (_b = x.minMaxDateRange) === null || _b === void 0 ? void 0 : _b.end]);
-}
-function calendarScheduleStartBeingUsedFromFilter(x) {
-    var _a;
-    return x.computeSelectionResultRelativeToFilter && ((_a = x.filter) === null || _a === void 0 ? void 0 : _a.start) != null; // may be using either
-}
-class DbxCalendarScheduleSelectionStore extends ComponentStore {
-    constructor() {
-        super(initialCalendarScheduleSelectionState());
-        // MARK:
-        this.toggleSelection = this.effect((input) => {
-            return input.pipe(switchMap(() => this.nextToggleSelection$.pipe(first(), filterMaybe(), tap((x) => {
-                this.selectAllDates(x);
-            }))));
-        });
-        // MARK: Accessors
-        this.selectionMode$ = this.state$.pipe(map((x) => x.selectionMode), distinctUntilChanged(), shareReplay(1));
-        this.filter$ = this.state$.pipe(map((x) => x.filter), distinctUntilChanged(), shareReplay(1));
-        this.minMaxDateRange$ = this.state$.pipe(map(calendarScheduleMinAndMaxDateRange), distinctUntilChanged(isSameDateRange), shareReplay(1));
-        this.minDate$ = this.minMaxDateRange$.pipe(map((x) => x === null || x === void 0 ? void 0 : x.start), distinctUntilChanged(isSameDateDay), shareReplay(1));
-        this.maxDate$ = this.minMaxDateRange$.pipe(map((x) => x === null || x === void 0 ? void 0 : x.end), distinctUntilChanged(isSameDateDay), shareReplay(1));
-        this.hasConfiguredMinMaxRange$ = this.minMaxDateRange$.pipe(map((x) => x != null && x.start != null && x.end != null), distinctUntilChanged(), shareReplay(1));
-        this.inputStart$ = this.state$.pipe(map((x) => x.inputStart), distinctUntilChanged(isSameDate), shareReplay(1));
-        this.inputEnd$ = this.state$.pipe(map((x) => x.inputEnd), distinctUntilChanged(isSameDate), shareReplay(1));
-        this.currentInputRange$ = this.state$.pipe(map(({ inputStart, inputEnd }) => ({ start: inputStart, end: inputEnd })), distinctUntilChanged((a, b) => isSameDateRange(a, b)), map((x) => ({ inputStart: x.start, inputEnd: x.end })), map((x) => {
-            if (x.inputStart && x.inputEnd) {
-                return x;
-            }
-            else {
-                return undefined;
-            }
-        }), shareReplay(1));
-        this.inputRange$ = this.currentInputRange$.pipe(filterMaybe(), shareReplay(1));
-        /**
-         * @deprecated This is not the same as the current selection value. This is the set of manually togged off dates. It will be removed in a future update.
-         */
-        this.selectedDates$ = this.state$.pipe(map((x) => x.toggledIndexes), distinctUntilChanged(), shareReplay(1));
-        this.isEnabledFilterDayFunction$ = this.state$.pipe(map((x) => x.isEnabledFilterDay), distinctUntilChanged(), shareReplay(1));
-        this.isEnabledDayFunction$ = this.state$.pipe(map((x) => x.isEnabledDay), distinctUntilChanged(), shareReplay(1));
-        this.currentDateRange$ = this.state$.pipe(map(computeCalendarScheduleSelectionRange), distinctUntilChanged((a, b) => isSameDateRange(a, b)), shareReplay(1));
-        this.computeSelectionResultRelativeToFilter$ = this.state$.pipe(map((x) => x.computeSelectionResultRelativeToFilter), shareReplay(1));
-        this.startBeingUsedFromFilter$ = this.state$.pipe(
-        //
-        map(calendarScheduleStartBeingUsedFromFilter), distinctUntilChanged(), shareReplay(1));
-        this.dateRange$ = this.currentDateRange$.pipe(filterMaybe(), shareReplay(1));
-        this.allowedDaysOfWeek$ = this.state$.pipe(map((x) => x.allowedDaysOfWeek), distinctUntilHasDifferentValues(), shareReplay(1));
-        this.isInAllowedDaysOfWeekFunction$ = this.allowedDaysOfWeek$.pipe(map((x) => isInAllowedDaysOfWeekSet(x)), shareReplay(1));
-        this.scheduleDays$ = this.state$.pipe(map((x) => x.effectiveScheduleDays), distinctUntilHasDifferentValues(), shareReplay(1));
-        this.outputTimezone$ = this.state$.pipe(map((x) => x.outputTimezone), distinctUntilChanged(), shareReplay(1));
-        /**
-         * The timezone of the output values.
-         *
-         * If an outputTimezone is not specified, this defaults to the system timezone.
-         */
-        this.effectiveOutputTimezone$ = this.state$.pipe(map((x) => x.outputTimezone || x.systemTimezone), distinctUntilChanged(), shareReplay(1));
-        /**
-         * An outputTimezoneNormal to use.
-         *
-         * If an outputTimezone is not specified, this is undefined.
-         */
-        this.effectiveOutputTimezoneNormal$ = this.state$.pipe(map((x) => (x.outputTimezoneNormal ? x.outputTimezoneNormal : undefined)), distinctUntilChanged(), shareReplay(1));
-        this.currentSelectionValue$ = this.state$.pipe(map((x) => x.currentSelectionValue), distinctUntilChanged(), shareReplay(1));
-        this.currentSelectionValueStart$ = this.currentSelectionValue$.pipe(map((x) => x === null || x === void 0 ? void 0 : x.dateScheduleRange.start), distinctUntilChanged(isSameDate), shareReplay(1));
-        this.currentSelectionValueDateCellTimingDateFactory$ = this.currentSelectionValue$.pipe(map((x) => (x ? dateCellTimingDateFactory({ startsAt: x.dateScheduleRange.start, timezone: x.dateScheduleRange.timezone }) : undefined)), shareReplay(1));
-        this.currentSelectionValueDateCellDurationSpanExpansion$ = this.currentSelectionValue$.pipe(map((x) => (x ? expandDateCellScheduleRange({ dateCellScheduleRange: x.dateScheduleRange }) : [])), shareReplay(1));
-        this.selectionValueSelectedIndexes$ = this.currentSelectionValueDateCellDurationSpanExpansion$.pipe(map((x) => new Set(x.map((y) => y.i))), distinctUntilHasDifferentValues(), shareReplay(1));
-        this.selectionValueSelectedDates$ = this.currentSelectionValueDateCellTimingDateFactory$.pipe(switchMap((dateFactory) => {
-            return dateFactory ? this.selectionValueSelectedIndexes$.pipe(map((x) => mapValuesToSet(x, (y) => formatToISO8601DayString(dateFactory(y))))) : of(new Set());
-        }), shareReplay(1));
-        this.selectionValue$ = this.currentSelectionValue$.pipe(filterMaybe(), shareReplay(1));
-        this.currentSelectionValueWithTimezone$ = this.currentSelectionValue$.pipe(combineLatestWith(this.effectiveOutputTimezoneNormal$), map(([x, timezoneNormal]) => {
-            let currentValueWithTimezone = x;
-            if (x && timezoneNormal) {
-                currentValueWithTimezone = {
-                    dateScheduleRange: changeDateCellScheduleDateRangeToTimezone(x.dateScheduleRange, timezoneNormal),
-                    minMaxRange: x.minMaxRange
-                };
-            }
-            return currentValueWithTimezone;
-        }), distinctUntilChanged(), shareReplay(1));
-        this.selectionValueWithTimezone$ = this.currentSelectionValueWithTimezone$.pipe(filterMaybe(), shareReplay(1));
-        this.selectionValueWithTimezoneDateCellDurationSpanExpansion$ = this.selectionValueWithTimezone$.pipe(map((x) => expandDateCellScheduleRange({ dateCellScheduleRange: x.dateScheduleRange })), shareReplay(1));
-        this.nextToggleSelection$ = this.hasConfiguredMinMaxRange$.pipe(switchMap((hasConfiguredMinMaxRange) => {
-            let obs;
-            if (hasConfiguredMinMaxRange) {
-                obs = this.currentSelectionValue$.pipe(map((x) => (x ? 'none' : 'all')));
-            }
-            else {
-                obs = this.currentSelectionValue$.pipe(map((x) => (x ? 'none' : undefined)));
-            }
-            return obs;
-        }), shareReplay(1));
-        this.currentDateCellScheduleRangeValue$ = this.currentSelectionValueWithTimezone$.pipe(map((x) => x === null || x === void 0 ? void 0 : x.dateScheduleRange), distinctUntilChanged(isSameDateCellScheduleDateRange), shareReplay(1));
-        this.dateCellScheduleRangeValue$ = this.currentDateCellScheduleRangeValue$.pipe(filterMaybe(), shareReplay(1));
-        this.cellContentFactory$ = this.state$.pipe(map((x) => x.cellContentFactory), distinctUntilChanged(), shareReplay(1));
-        this.isCustomized$ = this.state$.pipe(map((x) => x.toggledIndexes.size > 0), distinctUntilChanged(), shareReplay(1));
-        this.isViewReadonly$ = this.state$.pipe(map((x) => x.isViewReadonly), distinctUntilChanged(), shareReplay(1));
-        // MARK: State Changes
-        this.setMinMaxDateRange = this.updater(updateStateWithMinMaxDateRange);
-        this.setDefaultWeek = this.updater(updateStateWithMinMaxDateRange);
-        this.setFilter = this.updater(updateStateWithFilter);
-        this.setExclusions = this.updater(updateStateWithExclusions);
-        this.setComputeSelectionResultRelativeToFilter = this.updater(updateStateWithComputeSelectionResultRelativeToFilter);
-        this.clearFilter = this.updater((state) => updateStateWithFilter(state, undefined));
-        this.setOutputTimezone = this.updater(updateStateWithTimezoneValue);
-        /**
-         * Sets the "input" date range. This is the range that gets displayed on the date range picker.
-         */
-        this.setInputRange = this.updater(updateStateWithChangedRange);
-        // NOTE: Selected dates are NOT selected indexes. They are the internal selected dates that are excluded from the selection.
-        this.toggleSelectedDates = this.updater((state, toggle) => updateStateWithChangedDates(state, { toggle }));
-        this.addSelectedDates = this.updater((state, add) => updateStateWithChangedDates(state, { add }));
-        this.removeSelectedDates = this.updater((state, remove) => updateStateWithChangedDates(state, { remove }));
-        this.setSelectedDates = this.updater((state, set) => updateStateWithChangedDates(state, { set }));
-        this.selectAllDates = this.updater((state, selectAll = 'all') => updateStateWithChangedDates(state, { selectAll }));
-        // NOTE: Selected indexes are the typical/expected indexes that are selected or not.
-        this.setSelectedIndexes = this.updater((state, set) => updateStateWithChangedDates(state, { set, invertSetBehavior: true }));
-        this.setInitialSelectionState = this.updater(updateStateWithInitialSelectionState);
-        this.setDefaultScheduleDays = this.updater(updateStateWithChangedDefaultScheduleDays);
-        this.setScheduleDays = this.updater(updateStateWithChangedScheduleDays);
-        this.setAllowAllScheduleDays = this.updater((state) => updateStateWithChangedScheduleDays(state, [DateCellScheduleDayCode.WEEKDAY, DateCellScheduleDayCode.WEEKEND]));
-        this.setDateScheduleRangeValue = this.updater((state, value) => updateStateWithDateCellScheduleRangeValue(state, value));
-        this.setCellContentFactory = this.updater((state, cellContentFactory) => (Object.assign(Object.assign({}, state), { cellContentFactory })));
-        /**
-         * Sets the selection mode.
-         */
-        this.setSelectionMode = this.updater(updateStateWithSelectionMode);
-        /**
-         * Used by the parent view to propogate a readonly state.
-         *
-         * Should typically not be used by the user directly with the intention of the parent synchronizing to this state.
-         */
-        this.setViewReadonlyState = this.updater((state, isViewReadonly) => (Object.assign(Object.assign({}, state), { isViewReadonly })));
-        // MARK: Compat
-        /**
-         * @deprecated use setOutputTimezone instead.
-         */
-        this.setTimezone = this.setOutputTimezone;
-        /**
-         * @deprecated use ouputTimezone$
-         */
-        this.currentTimezone$ = this.outputTimezone$;
-        /**
-         * @deprecated use effectiveOuputTimezone$
-         */
-        this.effectiveTimezone$ = this.effectiveOutputTimezone$;
-        /**
-         * @deprecated use effectiveOuputTimezoneNormal$
-         */
-        this.effectiveTimezoneNormal$ = this.effectiveOutputTimezoneNormal$;
-        /**
-         * @deprecated use currentSelectionValueDateCellDurationSpanExpansion$
-         */
-        this.currentSelectionValueDateBlockDurationSpan$ = this.currentSelectionValueDateCellDurationSpanExpansion$;
-        /**
-         * @deprecated use selectionValueWithTimezoneDateCellDurationSpanExpansion$
-         */
-        this.selectionValueWithTimezoneDateBlockDurationSpan$ = this.selectionValueWithTimezoneDateCellDurationSpanExpansion$;
-    }
-}
-DbxCalendarScheduleSelectionStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DbxCalendarScheduleSelectionStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStore });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStore, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-function updateStateWithInitialSelectionState(state, initialSelectionState) {
-    const { toggledIndexes } = state;
-    if (toggledIndexes.size === 0 && initialSelectionState === 'all') {
-        state = updateStateWithChangedDates(state, { selectAll: initialSelectionState });
-    }
-    return Object.assign(Object.assign({}, state), { initialSelectionState });
-}
-function updateStateWithComputeSelectionResultRelativeToFilter(currentState, computeSelectionResultRelativeToFilter) {
-    let state = Object.assign(Object.assign({}, currentState), { computeSelectionResultRelativeToFilter });
-    if (Boolean(currentState.computeSelectionResultRelativeToFilter) !== Boolean(computeSelectionResultRelativeToFilter)) {
-        state = updateStateWithChangedDates(state, {}); // recalculate if change occurs as it will affect the output value
-    }
-    return state;
-}
-function updateStateWithExclusions(state, inputExclusions) {
-    let computedExclusions;
-    if (inputExclusions) {
-        const { indexFactory } = state;
-        const indexArrayFactory = dateCellTimingRelativeIndexArrayFactory(indexFactory);
-        computedExclusions = indexArrayFactory(inputExclusions);
-    }
-    state = Object.assign(Object.assign({}, state), { inputExclusions, computedExclusions });
-    return updateStateWithFilter(state, state.filter);
-}
-function updateStateWithMinMaxDateRange(state, minMaxDateRange) {
-    if (minMaxDateRange != null && !isInfiniteDateRange(minMaxDateRange)) {
-        state = Object.assign(Object.assign({}, state), { minMaxDateRange: {
-                start: minMaxDateRange.start != null ? startOfDay(minMaxDateRange.start) : undefined,
-                end: minMaxDateRange.end != null ? endOfDay(minMaxDateRange.end) : undefined
-            } });
-    }
-    else {
-        state = Object.assign(Object.assign({}, state), { minMaxDateRange: undefined });
-    }
-    return updateStateWithFilter(state, state.filter);
-}
-function updateStateWithFilter(currentState, inputFilter) {
-    const { computedExclusions: exclusions, minMaxDateRange, systemTimezone } = currentState;
-    let isEnabledFilterDay = () => true;
-    let filter = null;
-    // create the filter using inputFilter, exclusions, and minMaxDateRange
-    if (inputFilter || (exclusions === null || exclusions === void 0 ? void 0 : exclusions.length) || minMaxDateRange) {
-        let enabledFilter;
-        let filterStart = null; // the start date that will be used/set on the filter.
-        if (inputFilter) {
-            filter = copyDateCellScheduleDateFilterConfig(inputFilter); // copy filter
-            let nextFilterTimezone; // only set if inputFilter.start or inputFilter.startsAt
-            // configure filter start
-            if (inputFilter.start) {
-                filterStart = inputFilter.start;
-                // if no timezone is specified, then use the system timezone and align filterStart to the start of the day.
-                if (!inputFilter.timezone) {
-                    filterStart = SYSTEM_DATE_TIMEZONE_UTC_NORMAL_INSTANCE.startOfDayInTargetTimezone(inputFilter.startsAt);
-                    nextFilterTimezone = systemTimezone;
-                }
-                else {
-                    nextFilterTimezone = inputFilter.timezone;
-                }
-            }
-            else if (inputFilter.startsAt) {
-                if (inputFilter.timezone) {
-                    // if no timezone is provided, use startsAt as-is
-                    const timezoneNormal = dateTimezoneUtcNormal(inputFilter.timezone);
-                    filterStart = timezoneNormal.startOfDayInTargetTimezone(inputFilter.startsAt);
-                    nextFilterTimezone = inputFilter.timezone;
-                }
-                else {
-                    // set to the start of today in the system timezone.
-                    filterStart = SYSTEM_DATE_TIMEZONE_UTC_NORMAL_INSTANCE.startOfDayInTargetTimezone(inputFilter.startsAt);
-                    nextFilterTimezone = systemTimezone;
-                }
-            }
-            filter.start = filterStart !== null && filterStart !== void 0 ? filterStart : undefined;
-            filter.timezone = nextFilterTimezone;
-            // configure exclusions
-            if (exclusions === null || exclusions === void 0 ? void 0 : exclusions.length) {
-                enabledFilter = Object.assign(Object.assign({}, filter), { ex: unique(mergeArrays([filter.ex, exclusions])) });
-            }
-            else {
-                enabledFilter = filter;
-            }
-        }
-        else {
-            enabledFilter = {
-                w: '89',
-                ex: exclusions
-            };
-        }
-        if (minMaxDateRange) {
-            enabledFilter.minMaxDateRange = minMaxDateRange;
-            enabledFilter.setStartAsMinDate = filterStart ? true : false; // If a start date is set, then it becomes the floor.
-        }
-        /**
-         * If the input filter has a start date, use that as the relative start to ensure indexes are compared the same,
-         * otherwise use the state's start. This is important for the index calculations.
-         */
-        let finalEnabledStart;
-        let finalEnabledTimezone;
-        //  filter?.start ?? state.start;
-        if (!enabledFilter.start) {
-            // use the current state's start, but make sure it is in the proper timezone.
-            if (enabledFilter.timezone) {
-                const timezoneNormal = dateTimezoneUtcNormal(enabledFilter.timezone);
-                finalEnabledStart = timezoneNormal.startOfDayInTargetTimezone(currentState.start); // get the start of the day for the current start
-                finalEnabledTimezone = enabledFilter.timezone;
-            }
-            else {
-                finalEnabledStart = currentState.start;
-                finalEnabledTimezone = systemTimezone;
-            }
-        }
-        else if (!enabledFilter.timezone) {
-            finalEnabledTimezone = systemTimezone;
-            const timezoneNormal = dateTimezoneUtcNormal(finalEnabledTimezone);
-            finalEnabledStart = timezoneNormal.startOfDayInTargetTimezone(enabledFilter.start); // get the start of the day for the target timezone
-        }
-        else {
-            finalEnabledStart = enabledFilter.start;
-            finalEnabledTimezone = enabledFilter.timezone;
-        }
-        enabledFilter.start = finalEnabledStart;
-        enabledFilter.timezone = finalEnabledTimezone;
-        // create the filter
-        isEnabledFilterDay = dateCellScheduleDateFilter(enabledFilter);
-    }
-    let nextState = Object.assign(Object.assign({}, currentState), { filter, isEnabledFilterDay });
-    // For the same reason as above, use the filter's start date as the relative start if applicable.
-    if (filter && filter.start) {
-        let startForSystemTimezone = filter.start;
-        if (filter.timezone) {
-            const timezoneNormal = dateTimezoneUtcNormal(filter.timezone);
-            startForSystemTimezone = timezoneNormal.systemDateToTargetDate(filter.start); // get the start of the day for the system timezone
-        }
-        nextState.start = startForSystemTimezone;
-        nextState.indexFactory = dateCellTimingRelativeIndexFactory({ startsAt: startForSystemTimezone, timezone: systemTimezone });
-        nextState.indexDayOfWeek = dateCellDayOfWeekFactory(startForSystemTimezone);
-    }
-    // attempt to re-apply the initial selection state once filter is applied
-    if (nextState.initialSelectionState) {
-        nextState = updateStateWithInitialSelectionState(nextState, nextState.initialSelectionState);
-    }
-    // re-calculate the selection given the filter
-    const { inputStart, inputEnd } = nextState;
-    if (inputStart && inputEnd) {
-        nextState = updateStateWithChangedRange(nextState, { inputStart, inputEnd });
-    }
-    return nextState;
-}
-function updateStateWithTimezoneValue(state, timezone) {
-    const { currentSelectionValue } = state;
-    const timezoneNormal = timezone ? dateTimezoneUtcNormal({ timezone }) : undefined;
-    if (timezoneNormal && currentSelectionValue) {
-        // update the selection value to reflect the timezone changes.
-        const { dateScheduleRange: currentDateCellScheduleRange } = currentSelectionValue;
-        const start = timezoneNormal.targetDateToSystemDate(currentDateCellScheduleRange.start);
-        const end = timezoneNormal.targetDateToSystemDate(currentDateCellScheduleRange.end);
-        const newRange = Object.assign(Object.assign({}, currentSelectionValue.dateScheduleRange), { start,
-            end });
-        return updateStateWithDateCellScheduleRangeValue(Object.assign(Object.assign({}, state), { outputTimezone: timezone, outputTimezoneNormal: timezoneNormal }), newRange);
-    }
-    else {
-        return Object.assign(Object.assign({}, state), { outputTimezone: timezone, outputTimezoneNormal: timezoneNormal }); // no change in value
-    }
-}
-function updateStateWithDateCellScheduleRangeValue(state, inputChange) {
-    var _a;
-    const { currentSelectionValue, systemTimezone } = state;
-    const currentDateCellScheduleRange = currentSelectionValue === null || currentSelectionValue === void 0 ? void 0 : currentSelectionValue.dateScheduleRange; // current range is always in system time
-    let change;
-    // When using timezones, always return from the start of the day. Inputs are converted to the system time and used as the start of the day.
-    // Outputs remain accurate.
-    if (inputChange) {
-        // make sure a timezone is set. Input may not have a timezone attached. Default to system time.
-        const inputChangeWithTimezoneSet = Object.assign(Object.assign({}, inputChange), { timezone: (_a = inputChange.timezone) !== null && _a !== void 0 ? _a : systemTimezone });
-        // calculate the schedule range
-        const fullChange = fullDateCellScheduleRange({ dateCellScheduleRange: inputChangeWithTimezoneSet });
-        const inputNormal = dateCellTimingTimezoneNormalInstance(fullChange);
-        const startInSystemTz = inputNormal.systemDateToTargetDate(fullChange.start);
-        const endInSystemTz = startOfDay(inputNormal.systemDateToTargetDate(fullChange.end));
-        // convert the start/end to system time
-        change = {
-            start: startInSystemTz,
-            end: endInSystemTz,
-            w: fullChange.w,
-            ex: fullChange.ex,
-            timezone: fullChange.timezone
-        };
-    }
-    const isSameValue = isSameDateCellScheduleDateRange(currentDateCellScheduleRange, change);
-    if (isSameValue) {
-        return state;
-    }
-    else {
-        if (change != null) {
-            const nextState = Object.assign(Object.assign({}, state), { inputStart: change.start, inputEnd: change.end, toggledIndexes: new Set(change.ex) });
-            return updateStateWithChangedScheduleDays(finalizeNewCalendarScheduleSelectionState(nextState), expandDateCellScheduleDayCodes(change.w || '89'));
-        }
-        else {
-            return noSelectionCalendarScheduleSelectionState(state); // clear selection, retain disabled days
-        }
-    }
-}
-function updateStateWithChangedDefaultScheduleDays(state, change) {
-    const { defaultScheduleDays: currentDefaultScheduleDays } = state;
-    const defaultScheduleDays = new Set(change !== null && change !== void 0 ? change : fullWeekDateCellScheduleDayCodes());
-    if (dateCellScheduleDayCodesAreSetsEquivalent(defaultScheduleDays, currentDefaultScheduleDays)) {
-        return state; // no change
-    }
-    else {
-        return finalizeUpdateStateWithChangedScheduleDays(state, Object.assign(Object.assign({}, state), { defaultScheduleDays }));
-    }
-}
-function updateStateWithChangedScheduleDays(state, change) {
-    const { scheduleDays: currentScheduleDays } = state;
-    const scheduleDays = new Set(change !== null && change !== void 0 ? change : []);
-    let newScheduleDays;
-    if (currentScheduleDays != null && change != null) {
-        if (dateCellScheduleDayCodesAreSetsEquivalent(scheduleDays, currentScheduleDays)) {
-            newScheduleDays = undefined; //no change
-        }
-        else {
-            newScheduleDays = scheduleDays;
-        }
-    }
-    else if (currentScheduleDays !== change) {
-        newScheduleDays = change ? scheduleDays : null; // set the new one, or clear it
-    }
-    if (newScheduleDays === undefined) {
-        return state;
-    }
-    else {
-        return finalizeUpdateStateWithChangedScheduleDays(state, Object.assign(Object.assign({}, state), { scheduleDays: newScheduleDays !== null && newScheduleDays !== void 0 ? newScheduleDays : undefined }));
-    }
-}
-function updateStateWithSelectionMode(state, selectionMode) {
-    const { selectionMode: currentSelectionMode } = state;
-    if (currentSelectionMode !== selectionMode) {
-        const nextState = Object.assign(Object.assign({}, state), { selectionMode });
-        if (selectionMode === 'multiple') {
-            return nextState;
-        }
-        else {
-            const currentSelectionRange = computeCalendarScheduleSelectionDateCellRange(nextState);
-            return currentSelectionRange ? updateStateWithChangedDates(nextState, { set: [currentSelectionRange.i], invertSetBehavior: true }) : nextState;
-        }
-    }
-    else {
-        return state;
-    }
-}
-function finalizeUpdateStateWithChangedScheduleDays(previousState, nextState) {
-    var _a;
-    const previousScheduleDays = previousState.effectiveScheduleDays;
-    const nextScheduleDays = (_a = nextState.scheduleDays) !== null && _a !== void 0 ? _a : nextState.defaultScheduleDays;
-    if (dateCellScheduleDayCodesAreSetsEquivalent(nextScheduleDays, previousScheduleDays)) {
-        return nextState; // the default or input schedule changed but the schedule is still the same, so no need for an update.
-    }
-    else {
-        const effectiveScheduleDays = new Set(simplifyDateCellScheduleDayCodes(nextScheduleDays));
-        const allowedDaysOfWeek = expandDateCellScheduleDayCodesToDayOfWeekSet(nextScheduleDays);
-        return finalizeNewCalendarScheduleSelectionState(Object.assign(Object.assign({}, nextState), { 
-            // update the effective schedule days and allowed days of week
-            effectiveScheduleDays,
-            allowedDaysOfWeek }));
-    }
-}
-function updateStateWithChangedDates(state, change) {
-    var _a;
-    const { selectionMode, allowedDaysOfWeek, indexFactory, indexDayOfWeek, inputStart: currentInputStart, inputEnd: currentInputEnd, minMaxDateRange, filter } = state;
-    const { start: minDateFromFilter, end: maxDateFromFilter } = calendarScheduleMinAndMaxDateRangeRelativeToFilter(state);
-    let inputStart = currentInputStart;
-    let inputEnd = currentInputEnd;
-    /**
-     * This is a set of indexes that are internally "selected" so that they are excluded from the inputStart/inputEnd date range.
-     *
-     * Do not confuse this with the actual indexes that are selected.
-     */
-    let toggledIndexes;
-    function asIndexes(indexes) {
-        return iterableToArray(indexes).map(indexFactory);
-    }
-    // When using selection mode "single" we update the change to reflect the single selection.
-    if (selectionMode === 'single') {
-        function setFromFirstValue(input) {
-            const firstValue = isIterable(input) ? firstValueFromIterable(input) : input;
-            const set = new Set();
-            if (firstValue != null) {
-                set.add(firstValue);
-            }
-            return set;
-        }
-        if (change.set) {
-            change = { set: setFromFirstValue(change.set), invertSetBehavior: true };
-        }
-        else if (change.toggle) {
-            const nextSet = setFromFirstValue(change.toggle);
-            if (nextSet.size) {
-                const firstSetValueIndex = indexFactory(firstValueFromIterable(nextSet));
-                if (state.toggledIndexes.has(firstSetValueIndex) || (inputStart && indexFactory(inputStart) === firstSetValueIndex)) {
-                    nextSet.clear(); // clear with the next set
-                }
-                change = { set: nextSet, invertSetBehavior: true };
-            }
-        }
-        // set, selectAll, add, and remove are treated as they normally are.
-    }
-    if (change.reset || change.selectAll != null || change.set != null) {
-        let set = (_a = change.set) !== null && _a !== void 0 ? _a : [];
-        const selectAll = change.reset === true ? state.initialSelectionState : change.selectAll;
-        switch (selectAll) {
-            case 'all':
-                if (minDateFromFilter != null && maxDateFromFilter != null) {
-                    inputStart = minDateFromFilter;
-                    inputEnd = maxDateFromFilter;
-                    set = [];
-                }
-                break;
-            case 'none':
-                inputStart = null;
-                inputEnd = null;
-                set = [];
-                break;
-        }
-        const inputSetIndexes = asIndexes(set);
-        toggledIndexes = new Set(inputSetIndexes);
-        if (change.invertSetBehavior && !selectAll) {
-            let minIndex;
-            let maxIndex;
-            if (minDateFromFilter != null && maxDateFromFilter != null) {
-                // only applicable when the filter is set.
-                minIndex = indexFactory(minDateFromFilter);
-                maxIndex = indexFactory(maxDateFromFilter);
-                inputStart = minDateFromFilter;
-                inputEnd = maxDateFromFilter;
-            }
-            else {
-                // when the filter is not set, use the least and greatest indexes from the input set.
-                const minAndMax = minAndMaxNumber(inputSetIndexes);
-                if (minAndMax != null) {
-                    minIndex = minAndMax.min;
-                    maxIndex = minAndMax.max;
-                    const dateFactory = dateCellTimingStartDateFactory(indexFactory._timing);
-                    inputStart = dateFactory(minAndMax.min);
-                    inputEnd = minAndMax.min === minAndMax.max ? inputStart : dateFactory(minAndMax.max);
-                }
-                else {
-                    // equivalent to an empty set / using "none" with selectAll.
-                    inputStart = null;
-                    inputEnd = null;
-                    toggledIndexes = new Set();
-                }
-            }
-            // toggledIndexes should not include any indexes we want to include
-            if (minIndex != null && maxIndex != null) {
-                toggledIndexes = new Set(range(minIndex, maxIndex + 1).filter((x) => !toggledIndexes.has(x)));
-            }
-        }
-    }
-    else {
-        toggledIndexes = new Set(state.toggledIndexes); // copy the set
-        if (change.toggle) {
-            const allowedToToggle = asIndexes(change.toggle).filter((i) => allowedDaysOfWeek.has(indexDayOfWeek(i)));
-            toggleInSet(toggledIndexes, allowedToToggle);
-        }
-        let addToExclusion;
-        let removeFromExclusion;
-        if (change.add) {
-            if (change.invertSetBehavior) {
-                addToExclusion = change.add;
-            }
-            else {
-                removeFromExclusion = change.add;
-            }
-        }
-        if (change.remove) {
-            if (change.invertSetBehavior) {
-                removeFromExclusion = change.remove;
-            }
-            else {
-                addToExclusion = change.remove;
-            }
-        }
-        if (addToExclusion) {
-            removeFromSet(toggledIndexes, asIndexes(addToExclusion));
-        }
-        if (removeFromExclusion) {
-            addToSet(toggledIndexes, asIndexes(removeFromExclusion));
-        }
-    }
-    const nextState = Object.assign(Object.assign({}, state), { inputStart, inputEnd, toggledIndexes });
-    nextState.isEnabledDay = isEnabledDayInCalendarScheduleSelectionState(nextState);
-    // Recalculate the range and simplified to exclusions
-    const rangeAndExclusion = computeScheduleSelectionRangeAndExclusion(nextState);
-    if (rangeAndExclusion) {
-        return finalizeNewCalendarScheduleSelectionState(Object.assign(Object.assign({}, nextState), { toggledIndexes: new Set(rangeAndExclusion.excluded), inputStart: rangeAndExclusion.start, inputEnd: rangeAndExclusion.end }));
-    }
-    else {
-        // no selected days
-        return noSelectionCalendarScheduleSelectionState(nextState);
-    }
-}
-function noSelectionCalendarScheduleSelectionState(state) {
-    return finalizeNewCalendarScheduleSelectionState(Object.assign(Object.assign({}, state), { toggledIndexes: new Set(), inputStart: null, inputEnd: null }));
-}
-function updateStateWithChangedRange(state, change) {
-    const { inputStart: currentInputStart, inputEnd: currentInputEnd, indexFactory } = state;
-    const { start: minDate, end: maxDate } = calendarScheduleMinAndMaxDateRange(state);
-    const inputStart = startOfDay(change.inputStart);
-    const inputEnd = startOfDay(change.inputEnd); // midnight of the last day
-    const isValidRange = minDate != null || maxDate != null ? isDateInDateRangeFunction({ start: minDate !== null && minDate !== void 0 ? minDate : undefined, end: maxDate !== null && maxDate !== void 0 ? maxDate : undefined }) : () => true;
-    if (!isValidRange(inputStart) || !isValidRange(inputEnd) || (isSameDateDay(inputStart, currentInputStart) && isSameDateDay(inputEnd, currentInputEnd))) {
-        return state; // if no change, return the current state.
-    }
-    // retain all indexes that are within the new range
-    const minIndex = indexFactory(inputStart);
-    const maxIndex = indexFactory(inputEnd) + 1;
-    const currentIndexes = Array.from(state.toggledIndexes);
-    const isInCurrentRange = isIndexNumberInIndexRangeFunction({ minIndex, maxIndex });
-    const excludedIndexesInNewRange = currentIndexes.filter(isInCurrentRange);
-    const toggledIndexes = new Set(excludedIndexesInNewRange);
-    const nextState = Object.assign(Object.assign({}, state), { toggledIndexes, inputStart, inputEnd });
-    return finalizeNewCalendarScheduleSelectionState(nextState);
-}
-function finalizeNewCalendarScheduleSelectionState(nextState) {
-    nextState.isEnabledDay = isEnabledDayInCalendarScheduleSelectionState(nextState);
-    nextState.currentSelectionValue = computeScheduleSelectionValue(nextState);
-    return nextState;
-}
-function isEnabledDayInCalendarScheduleSelectionState(state) {
-    const { allowedDaysOfWeek, indexFactory, inputStart, inputEnd, indexDayOfWeek, systemTimezone } = state;
-    let isInStartAndEndRange;
-    if (inputStart && inputEnd) {
-        isInStartAndEndRange = isDateWithinDateCellRangeFunction({ startsAt: { startsAt: state.start, timezone: systemTimezone }, range: { start: inputStart, end: inputEnd } });
-    }
-    else {
-        isInStartAndEndRange = () => false;
-    }
-    return (input) => {
-        const index = indexFactory(input);
-        const dayOfWeek = indexDayOfWeek(index);
-        const isInSelectedRange = isInStartAndEndRange(index);
-        const isSelected = state.toggledIndexes.has(index);
-        const isAllowedDayOfWeek = allowedDaysOfWeek.has(dayOfWeek);
-        const result = isAllowedDayOfWeek && ((isInSelectedRange && !isSelected) || (isSelected && !isInSelectedRange));
-        return result;
-    };
-}
-function computeScheduleSelectionValue(state) {
-    const { indexFactory: systemIndexFactory, allowedDaysOfWeek, effectiveScheduleDays, indexDayOfWeek, computeSelectionResultRelativeToFilter, filter, systemTimezone } = state;
-    let timezone = systemTimezone;
-    const rangeAndExclusion = computeScheduleSelectionRangeAndExclusion(state);
-    if (rangeAndExclusion == null) {
-        return null;
-    }
-    const { start: rangeStart, end: rangeEnd, excluded: allExcluded, dateCellRange } = rangeAndExclusion;
-    let filterOffsetExcludedRange = [];
-    let indexOffset = dateCellRange.i;
-    let start = rangeStart;
-    let end = rangeEnd;
-    // If computeSelectionResultRelativeToFilter is true, then we need to offset the values to be relative to that start.
-    if (computeSelectionResultRelativeToFilter && (filter === null || filter === void 0 ? void 0 : filter.start)) {
-        start = filter.start; // always start at the filter's start date
-        let startInSystemTimezone = start;
-        if (filter.timezone) {
-            timezone = filter.timezone;
-            const filterNormal = dateTimezoneUtcNormal(timezone);
-            end = filterNormal.startOfDayInTargetTimezone(end);
-            startInSystemTimezone = filterNormal.systemDateToTargetDate(start); // convert the start to the system timezone normal for deriving the index
-        }
-        const rangeStartIndex = systemIndexFactory(rangeStart);
-        const startIndex = systemIndexFactory(startInSystemTimezone);
-        const filterStartIndexOffset = rangeStartIndex - startIndex;
-        filterOffsetExcludedRange = range(0, filterStartIndexOffset);
-        indexOffset = indexOffset - filterStartIndexOffset;
-    }
-    const excluded = computeSelectionResultRelativeToFilter
-        ? allExcluded.filter((x) => {
-            const isExcludedIndex = allowedDaysOfWeek.has(indexDayOfWeek(x)); // ???
-            return isExcludedIndex;
-        })
-        : allExcluded;
-    const offsetExcluded = excluded.map((x) => x - indexOffset); // set to the proper offset
-    const ex = [...filterOffsetExcludedRange, ...offsetExcluded];
-    const w = dateCellScheduleEncodedWeek(effectiveScheduleDays);
-    const d = []; // "included" blocks are never used/calculated.
-    // Always ensure the end is after or equal to the start.
-    if (isBefore(end, start)) {
-        end = start; // end is start
-    }
-    const dateScheduleRange = {
-        timezone,
-        start,
-        end,
-        w,
-        d,
-        ex
-    };
-    return {
-        dateScheduleRange,
-        minMaxRange: { start, end }
-    };
-}
-function computeScheduleSelectionRangeAndExclusion(state) {
-    const { start: currentStart, isEnabledDay, isEnabledFilterDay, systemTimezone } = state;
-    const dateFactory = dateCellTimingStartDateFactory({ startsAt: currentStart, timezone: systemTimezone });
-    const dateCellRange = computeCalendarScheduleSelectionDateCellRange(state);
-    if (dateCellRange == null) {
-        return null; // returns null if no items are selected.
-    }
-    const start = dateFactory(dateCellRange.i);
-    const end = dateFactory(dateCellRange.to);
-    const excluded = range(dateCellRange.i, dateCellRange.to + 1).filter((x) => {
-        const isExcludedIndex = !isEnabledDay(x) || !isEnabledFilterDay(x);
-        return isExcludedIndex;
-    });
-    const result = {
-        dateCellRange,
-        start,
-        end,
-        excluded
-    };
-    return result;
-}
-function computeCalendarScheduleSelectionRange(state) {
-    const dateFactory = dateCellTimingDateFactory({ startsAt: state.start, timezone: state.systemTimezone });
-    const dateCellRange = computeCalendarScheduleSelectionDateCellRange(state);
-    const dateRange = dateCellRange != null ? { start: dateFactory(dateCellRange.i), end: dateFactory(dateCellRange.to) } : undefined;
-    return dateRange;
-}
-function computeCalendarScheduleSelectionDateCellRange(state) {
-    const { allowedDaysOfWeek, indexFactory, inputStart, inputEnd, indexDayOfWeek, isEnabledDay, isEnabledFilterDay } = state;
-    const enabledExclusionIndexes = Array.from(state.toggledIndexes).filter((i) => allowedDaysOfWeek.has(indexDayOfWeek(i)));
-    const minAndMaxSelectedValues = minAndMaxNumber(enabledExclusionIndexes);
-    let startRange;
-    let endRange;
-    if (minAndMaxSelectedValues) {
-        startRange = minAndMaxSelectedValues.min;
-        endRange = minAndMaxSelectedValues.max;
-    }
-    if (inputStart != null && inputEnd != null) {
-        const inputStartIndex = indexFactory(inputStart);
-        const inputEndIndex = indexFactory(inputEnd);
-        startRange = startRange != null ? Math.min(inputStartIndex, startRange) : inputStartIndex;
-        endRange = endRange != null ? Math.max(inputEndIndex, endRange) : inputEndIndex;
-    }
-    if (startRange != null && endRange != null) {
-        const scanStartIndex = startRange;
-        const scanEndIndex = endRange;
-        // clear start and end
-        startRange = undefined;
-        endRange = undefined;
-        // if the min is equal to the start index, then we are in the range and need to iterate dates until we find one that is not selected/excluded.
-        for (let i = scanStartIndex; i <= scanEndIndex; i += 1) {
-            if (isEnabledFilterDay(i) && isEnabledDay(i)) {
-                startRange = i;
-                break;
-            }
-        }
-        // same with the max
-        for (let i = scanEndIndex; i >= scanStartIndex; i -= 1) {
-            if (isEnabledFilterDay(i) && isEnabledDay(i)) {
-                endRange = i;
-                break;
-            }
-        }
-    }
-    if (startRange != null && endRange != null) {
-        return { i: startRange, to: endRange };
-    }
-    else {
-        return undefined;
-    }
-}
-
-/**
- * Token used by provideCalendarScheduleSelectionStoreIfDoesNotExist() to prevent injecting a parent DbxCalendarScheduleSelectionStore into the child view.
- */
-class DbxCalendarScheduleSelectionStoreProviderBlock {
-    constructor(dbxCalendarScheduleSelectionStore) {
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-    }
-}
-DbxCalendarScheduleSelectionStoreProviderBlock.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStoreProviderBlock, deps: [{ token: DbxCalendarScheduleSelectionStore, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
-DbxCalendarScheduleSelectionStoreProviderBlock.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStoreProviderBlock });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStoreProviderBlock, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: DbxCalendarScheduleSelectionStore, decorators: [{
-                        type: SkipSelf
-                    }] }];
-    } });
-class DbxCalendarScheduleSelectionStoreInjectionBlockDirective {
-}
-DbxCalendarScheduleSelectionStoreInjectionBlockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStoreInjectionBlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxCalendarScheduleSelectionStoreInjectionBlockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxCalendarScheduleSelectionStoreInjectionBlockDirective, selector: "[dbxCalendarScheduleSelectionStoreParentBlocker]", providers: [DbxCalendarScheduleSelectionStoreProviderBlock], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxCalendarScheduleSelectionStoreInjectionBlockDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxCalendarScheduleSelectionStoreParentBlocker]',
-                    providers: [DbxCalendarScheduleSelectionStoreProviderBlock]
-                }]
-        }] });
-/**
- * Creates a Provider that initializes a new DbxCalendarScheduleSelectionStore if a parent does not exist.
- *
- * If a DbxCalendarScheduleSelectionStoreInjectionBlock is available in the context, and references the same dbxCalendarScheduleSelectionStore that is attempting to be injected, a new DbxCalendarScheduleSelectionStore is created.
- *
- * @returns
- */
-function provideCalendarScheduleSelectionStoreIfParentIsUnavailable() {
-    return {
-        provide: DbxCalendarScheduleSelectionStore,
-        useFactory: (parentInjector, dbxCalendarScheduleSelectionStoreInjectionBlock, dbxCalendarScheduleSelectionStore) => {
-            if (!dbxCalendarScheduleSelectionStore || (dbxCalendarScheduleSelectionStore && dbxCalendarScheduleSelectionStoreInjectionBlock != null && dbxCalendarScheduleSelectionStoreInjectionBlock.dbxCalendarScheduleSelectionStore === dbxCalendarScheduleSelectionStore)) {
-                // create a new dbxCalendarScheduleSelectionStore to use
-                const injector = Injector.create({ providers: [{ provide: DbxCalendarScheduleSelectionStore }], parent: parentInjector });
-                dbxCalendarScheduleSelectionStore = injector.get(DbxCalendarScheduleSelectionStore);
-            }
-            return dbxCalendarScheduleSelectionStore;
-        },
-        deps: [Injector, [new Optional(), DbxCalendarScheduleSelectionStoreProviderBlock], [new Optional(), new SkipSelf(), DbxCalendarScheduleSelectionStore]]
-    };
-}
-
-class DbxScheduleSelectionCalendarDateRangeComponent {
-    constructor(dbxCalendarStore, dbxCalendarScheduleSelectionStore, matFormFieldDefaultOptions) {
-        this.dbxCalendarStore = dbxCalendarStore;
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-        this.matFormFieldDefaultOptions = matFormFieldDefaultOptions;
-        this._required = new BehaviorSubject(false);
-        this.required$ = this._required.asObservable();
-        this.timezone$ = this.dbxCalendarScheduleSelectionStore.effectiveOutputTimezone$;
-        this.openPickerOnTextClick = true;
-        this.label = 'Enter a date range';
-        this.showCustomize = false;
-        this._pickerOpened = new BehaviorSubject(false);
-        this._requiredSub = new SubscriptionObject();
-        this._syncSub = new SubscriptionObject();
-        this._valueSub = new SubscriptionObject();
-        this.range = new FormGroup({
-            start: new FormControl(null),
-            end: new FormControl(null)
-        });
-        this.errorStateMatcher = {
-            isErrorState: (control, form) => {
-                if (control) {
-                    return (control.invalid && (control.dirty || control.touched)) || (control.touched && this.range.invalid);
-                }
-                else {
-                    return false;
-                }
-            }
-        };
-        this.minDate$ = this.dbxCalendarScheduleSelectionStore.minDate$;
-        this.maxDate$ = this.dbxCalendarScheduleSelectionStore.maxDate$;
-        this.timezoneReleventDate$ = this.dbxCalendarScheduleSelectionStore.currentDateRange$.pipe(map((currentDateRange) => {
-            var _a;
-            return currentDateRange ? (_a = currentDateRange.start) !== null && _a !== void 0 ? _a : currentDateRange.end : undefined !== null && undefined !== void 0 ? undefined : new Date();
-        }), shareReplay(1));
-        this.isCustomized$ = this.dbxCalendarScheduleSelectionStore.isCustomized$;
-        this.currentErrorMessage$ = this.range.statusChanges.pipe(filter((x) => x === 'INVALID' || x === 'VALID'), map((x) => {
-            let currentErrorMessage;
-            if (x === 'INVALID') {
-                const { start, end } = this.range.controls;
-                if (this.range.hasError('required')) {
-                    currentErrorMessage = 'Date range is required';
-                }
-                else if (start.hasError('matStartDateInvalid')) {
-                    currentErrorMessage = 'Invalid start date';
-                }
-                else if (start.hasError('matDatepickerMin')) {
-                    currentErrorMessage = 'Start date is too early';
-                }
-                else if (start.hasError('matDatepickerMax')) {
-                    currentErrorMessage = 'Start date is too late';
-                }
-                else if (end.hasError('matStartDateInvalid')) {
-                    currentErrorMessage = 'Invalid end date';
-                }
-                else if (end.hasError('matDatepickerMin')) {
-                    currentErrorMessage = 'End date is too early';
-                }
-                else if (end.hasError('matDatepickerMax')) {
-                    currentErrorMessage = 'End date is too late';
-                }
-            }
-            return currentErrorMessage;
-        }), shareReplay(1));
-        this.pickerOpened$ = this._pickerOpened.asObservable();
-        this.defaultDatePickerFilter = () => true;
-        this.datePickerFilter$ = combineLatest([this.dbxCalendarScheduleSelectionStore.isEnabledFilterDayFunction$, this.dbxCalendarScheduleSelectionStore.isInAllowedDaysOfWeekFunction$]).pipe(map(([isEnabled, isAllowedDayOfWeek]) => {
-            const fn = (date) => {
-                const result = date ? isAllowedDayOfWeek(date) && isEnabled(date) : true;
-                return result;
-            };
-            return fn;
-        }), shareReplay(1));
-    }
-    set disabled(disabled) {
-        if (disabled) {
-            this.range.disable();
-        }
-        else {
-            this.range.enable();
-        }
-    }
-    ngOnInit() {
-        this._syncSub.subscription = this.dbxCalendarScheduleSelectionStore.currentInputRange$.subscribe((x) => {
-            var _a, _b;
-            this.range.setValue({
-                start: (_a = x === null || x === void 0 ? void 0 : x.inputStart) !== null && _a !== void 0 ? _a : null,
-                end: (_b = x === null || x === void 0 ? void 0 : x.inputEnd) !== null && _b !== void 0 ? _b : null
-            });
-        });
-        this._valueSub.subscription = this._pickerOpened
-            .pipe(distinctUntilChanged(), switchMap((opened) => {
-            let obs;
-            if (opened) {
-                obs = EMPTY;
-            }
-            else {
-                obs = this.range.valueChanges.pipe(startWith(this.range.value));
-            }
-            return obs;
-        }), filter((x) => Boolean(x.start && x.end)), distinctUntilChanged((a, b) => isSameDateDay(a.start, b.start) && isSameDateDay(a.end, b.end)), throttleTime(100, undefined, { trailing: true }))
-            .subscribe((x) => {
-            if (x.start && x.end) {
-                this.dbxCalendarScheduleSelectionStore.setInputRange({ inputStart: x.start, inputEnd: x.end });
-            }
-        });
-        // add a required validator when needed
-        this._requiredSub.subscription = this._required.subscribe((x) => {
-            const validators = x
-                ? [
-                    (control) => {
-                        const range = control.value;
-                        if (!range || !range.start || !range.end) {
-                            return { required: true };
-                        }
-                        return null;
-                    }
-                ]
-                : [];
-            this.range.setValidators(validators);
-        });
-    }
-    ngOnDestroy() {
-        this._required.complete();
-        this._pickerOpened.complete();
-        this._requiredSub.destroy();
-        this._syncSub.destroy();
-        this._valueSub.destroy();
-    }
-    get required() {
-        return this._required.value;
-    }
-    set required(required) {
-        this._required.next(required);
-    }
-    clickedDateRangeInput() {
-        if (this.openPickerOnTextClick) {
-            this.picker.open();
-        }
-    }
-    pickerOpened() {
-        this._pickerOpened.next(true);
-    }
-    pickerClosed() {
-        this._pickerOpened.next(false);
-    }
-}
-DbxScheduleSelectionCalendarDateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateRangeComponent, deps: [{ token: i1.DbxCalendarStore }, { token: DbxCalendarScheduleSelectionStore }, { token: MAT_FORM_FIELD_DEFAULT_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDateRangeComponent, selector: "dbx-schedule-selection-calendar-date-range", inputs: { openPickerOnTextClick: "openPickerOnTextClick", label: "label", hint: "hint", disabled: "disabled", showCustomize: "showCustomize", required: "required" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }], ngImport: i0, template: "<mat-form-field class=\"dbx-schedule-selection-calendar-date-range-field\">\n  <mat-label *ngIf=\"label\">{{ label }}</mat-label>\n  <div class=\"dbx-schedule-selection-calendar-date-range-field-content\">\n    <!-- Primary Content -->\n    <div class=\"dbx-flex\">\n      <div *ngIf=\"showCustomize && (isCustomized$ | async)\" class=\"date-range-field-customized\">\n        <span class=\"dbx-accent-bg date-range-field-customized-text\">Custom</span>\n      </div>\n      <dbx-button-spacer></dbx-button-spacer>\n      <mat-datepicker-toggle class=\"mat-datepicker-button-highlight\" matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <dbx-button-spacer></dbx-button-spacer>\n      <mat-date-range-input (click)=\"clickedDateRangeInput()\" [required]=\"required$ | async\" [dateFilter]=\"(datePickerFilter$ | async) ?? defaultDatePickerFilter\" [formGroup]=\"range\" [rangePicker]=\"picker\">\n        <input [errorStateMatcher]=\"errorStateMatcher\" matStartDate formControlName=\"start\" placeholder=\"Start date\" />\n        <input [errorStateMatcher]=\"errorStateMatcher\" matEndDate formControlName=\"end\" placeholder=\"End date\" />\n      </mat-date-range-input>\n      <span *ngIf=\"timezone$ | async\" class=\"dbx-schedule-selection-timezone dbx-faint dbx-nowrap dbx-icon-spacer\">{{ timezone$ | async | timezoneAbbreviation: (timezoneReleventDate$ | async) }}</span>\n      <div *ngIf=\"showCustomize\">\n        <dbx-button-spacer></dbx-button-spacer>\n        <ng-content select=\"[customizeButton]\"></ng-content>\n      </div>\n      <mat-date-range-picker #picker (opened)=\"pickerOpened()\" (closed)=\"pickerClosed()\"></mat-date-range-picker>\n    </div>\n    <!-- Custom Content -->\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <mat-error *ngIf=\"currentErrorMessage$ | async\">{{ currentErrorMessage$ | async }}</mat-error>\n  <mat-hint>{{ hint }}</mat-hint>\n</mat-form-field>\n", dependencies: [{ kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$1.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: i7.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i7.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i7.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i7.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i7.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TimezoneAbbreviationPipe, name: "timezoneAbbreviation" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateRangeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'dbx-schedule-selection-calendar-date-range', template: "<mat-form-field class=\"dbx-schedule-selection-calendar-date-range-field\">\n  <mat-label *ngIf=\"label\">{{ label }}</mat-label>\n  <div class=\"dbx-schedule-selection-calendar-date-range-field-content\">\n    <!-- Primary Content -->\n    <div class=\"dbx-flex\">\n      <div *ngIf=\"showCustomize && (isCustomized$ | async)\" class=\"date-range-field-customized\">\n        <span class=\"dbx-accent-bg date-range-field-customized-text\">Custom</span>\n      </div>\n      <dbx-button-spacer></dbx-button-spacer>\n      <mat-datepicker-toggle class=\"mat-datepicker-button-highlight\" matIconSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <dbx-button-spacer></dbx-button-spacer>\n      <mat-date-range-input (click)=\"clickedDateRangeInput()\" [required]=\"required$ | async\" [dateFilter]=\"(datePickerFilter$ | async) ?? defaultDatePickerFilter\" [formGroup]=\"range\" [rangePicker]=\"picker\">\n        <input [errorStateMatcher]=\"errorStateMatcher\" matStartDate formControlName=\"start\" placeholder=\"Start date\" />\n        <input [errorStateMatcher]=\"errorStateMatcher\" matEndDate formControlName=\"end\" placeholder=\"End date\" />\n      </mat-date-range-input>\n      <span *ngIf=\"timezone$ | async\" class=\"dbx-schedule-selection-timezone dbx-faint dbx-nowrap dbx-icon-spacer\">{{ timezone$ | async | timezoneAbbreviation: (timezoneReleventDate$ | async) }}</span>\n      <div *ngIf=\"showCustomize\">\n        <dbx-button-spacer></dbx-button-spacer>\n        <ng-content select=\"[customizeButton]\"></ng-content>\n      </div>\n      <mat-date-range-picker #picker (opened)=\"pickerOpened()\" (closed)=\"pickerClosed()\"></mat-date-range-picker>\n    </div>\n    <!-- Custom Content -->\n    <div>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <mat-error *ngIf=\"currentErrorMessage$ | async\">{{ currentErrorMessage$ | async }}</mat-error>\n  <mat-hint>{{ hint }}</mat-hint>\n</mat-form-field>\n" }]
-        }], ctorParameters: function () {
-        return [{ type: i1.DbxCalendarStore }, { type: DbxCalendarScheduleSelectionStore }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [MAT_FORM_FIELD_DEFAULT_OPTIONS]
-                    }] }];
-    }, propDecorators: { openPickerOnTextClick: [{
-                type: Input
-            }], picker: [{
-                type: ViewChild,
-                args: ['picker']
-            }], label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], showCustomize: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }] } });
-
-function dbxScheduleSelectionCalendarDateDaysFormFields() {
-    const fields = dbxScheduleSelectionCalendarDateDaysFormDayFields();
-    return [flexLayoutWrapper(fields, { relative: true, size: 3 })];
-}
-function dbxScheduleSelectionCalendarDateDaysFormDayFields() {
-    return getDaysOfWeekNames(false).map((dayOfWeekName) => {
-        return toggleField({
-            key: dayOfWeekName.toLowerCase(),
-            label: dayOfWeekName
-        });
-    });
-}
-
-class DbxScheduleSelectionCalendarDateDaysFormComponent extends AbstractSyncFormlyFormDirective {
-    constructor() {
-        super(...arguments);
-        this.fields = dbxScheduleSelectionCalendarDateDaysFormFields();
-    }
-}
-DbxScheduleSelectionCalendarDateDaysFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDaysFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDateDaysFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDateDaysFormComponent, selector: "dbx-schedule-selection-calendar-date-days-form", providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
-    <dbx-formly></dbx-formly>
-  `, isInline: true, dependencies: [{ kind: "component", type: i4$1.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDaysFormComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <dbx-formly></dbx-formly>
-  `,
-                    selector: 'dbx-schedule-selection-calendar-date-days-form',
-                    providers: [provideFormlyContext()]
-                }]
-        }] });
-
-class DbxScheduleSelectionCalendarDateDaysComponent {
-    constructor(dbxCalendarStore, dbxCalendarScheduleSelectionStore) {
-        this.dbxCalendarStore = dbxCalendarStore;
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-        this.template$ = this.dbxCalendarScheduleSelectionStore.scheduleDays$.pipe(map(enabledDaysFromDateCellScheduleDayCodes), shareReplay(1));
-        this.isFormModified = (value) => {
-            const newSetValue = new Set(dateCellScheduleDayCodesFromEnabledDays(value));
-            return this.dbxCalendarScheduleSelectionStore.scheduleDays$.pipe(map((currentSet) => {
-                const result = !dateCellScheduleDayCodesAreSetsEquivalent(newSetValue, currentSet);
-                return result;
-            }));
-        };
-        this.updateScheduleDays = (value) => {
-            this.dbxCalendarScheduleSelectionStore.setScheduleDays(new Set(dateCellScheduleDayCodesFromEnabledDays(value)));
-            return of(true);
-        };
-    }
-}
-DbxScheduleSelectionCalendarDateDaysComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDaysComponent, deps: [{ token: i1.DbxCalendarStore }, { token: DbxCalendarScheduleSelectionStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDateDaysComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDateDaysComponent, selector: "dbx-schedule-selection-calendar-date-days", ngImport: i0, template: `
-    <div class="dbx-schedule-selection-calendar-date-days" dbxAction dbxActionAutoTrigger dbxActionEnforceModified [instantTrigger]="true" [dbxActionHandler]="updateScheduleDays">
-      <dbx-schedule-selection-calendar-date-days-form dbxActionForm [dbxFormSource]="template$" [dbxActionFormModified]="isFormModified"></dbx-schedule-selection-calendar-date-days-form>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i3$1.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i3$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i3$1.DbxActionEnforceModifiedDirective, selector: "[dbxActionEnforceModified]", inputs: ["dbxActionEnforceModified"] }, { kind: "directive", type: i3$1.DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger, [dbxActionAutoTrigger]", inputs: ["dbxActionAutoTrigger", "triggerDebounce", "triggerThrottle", "triggerErrorThrottle", "fastTrigger", "instantTrigger", "triggerLimit"] }, { kind: "directive", type: i4$1.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "dbxActionFormMapValue", "formDisabledOnWorking"] }, { kind: "directive", type: i4$1.DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { kind: "component", type: DbxScheduleSelectionCalendarDateDaysFormComponent, selector: "dbx-schedule-selection-calendar-date-days-form" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDaysComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-schedule-selection-calendar-date-days',
-                    template: `
-    <div class="dbx-schedule-selection-calendar-date-days" dbxAction dbxActionAutoTrigger dbxActionEnforceModified [instantTrigger]="true" [dbxActionHandler]="updateScheduleDays">
-      <dbx-schedule-selection-calendar-date-days-form dbxActionForm [dbxFormSource]="template$" [dbxActionFormModified]="isFormModified"></dbx-schedule-selection-calendar-date-days-form>
-    </div>
-  `
-                }]
-        }], ctorParameters: function () { return [{ type: i1.DbxCalendarStore }, { type: DbxCalendarScheduleSelectionStore }]; } });
-
-class DbxScheduleSelectionCalendarDatePopoverContentComponent {
-}
-DbxScheduleSelectionCalendarDatePopoverContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDatePopoverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDatePopoverContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDatePopoverContentComponent, selector: "dbx-schedule-selection-calendar-date-popover-content", ngImport: i0, template: `
-    <dbx-content-container padding="min" topPadding="normal">
-      <dbx-schedule-selection-calendar-date-range [openPickerOnTextClick]="false"></dbx-schedule-selection-calendar-date-range>
-      <dbx-label-block header="Allowed Days Of Week">
-        <dbx-schedule-selection-calendar-date-days></dbx-schedule-selection-calendar-date-days>
-      </dbx-label-block>
-    </dbx-content-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DbxContentContainerDirective, selector: "dbx-content-container,[dbxContentContainer],.dbx-content-container", inputs: ["grow", "padding", "topPadding"] }, { kind: "component", type: i1$1.DbxLabelBlockComponent, selector: "dbx-label-block", inputs: ["header"] }, { kind: "component", type: DbxScheduleSelectionCalendarDateDaysComponent, selector: "dbx-schedule-selection-calendar-date-days" }, { kind: "component", type: DbxScheduleSelectionCalendarDateRangeComponent, selector: "dbx-schedule-selection-calendar-date-range", inputs: ["openPickerOnTextClick", "label", "hint", "disabled", "showCustomize", "required"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDatePopoverContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-schedule-selection-calendar-date-popover-content',
-                    template: `
-    <dbx-content-container padding="min" topPadding="normal">
-      <dbx-schedule-selection-calendar-date-range [openPickerOnTextClick]="false"></dbx-schedule-selection-calendar-date-range>
-      <dbx-label-block header="Allowed Days Of Week">
-        <dbx-schedule-selection-calendar-date-days></dbx-schedule-selection-calendar-date-days>
-      </dbx-label-block>
-    </dbx-content-container>
-  `
-                }]
-        }] });
-
-const DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY = 'calendarselection';
-class DbxScheduleSelectionCalendarDatePopoverComponent extends AbstractPopoverDirective {
-    static openPopover(popoverService, { origin, injector }, popoverKey) {
-        return popoverService.open({
-            key: popoverKey !== null && popoverKey !== void 0 ? popoverKey : DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY,
-            origin,
-            componentClass: DbxScheduleSelectionCalendarDatePopoverComponent,
-            injector
-        });
-    }
-}
-DbxScheduleSelectionCalendarDatePopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDatePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDatePopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDatePopoverComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <dbx-popover-content>
-      <dbx-popover-scroll-content>
-        <dbx-schedule-selection-calendar-date-popover-content></dbx-schedule-selection-calendar-date-popover-content>
-      </dbx-popover-scroll-content>
-    </dbx-popover-content>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: i1$1.DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content" }, { kind: "component", type: DbxScheduleSelectionCalendarDatePopoverContentComponent, selector: "dbx-schedule-selection-calendar-date-popover-content" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDatePopoverComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <dbx-popover-content>
-      <dbx-popover-scroll-content>
-        <dbx-schedule-selection-calendar-date-popover-content></dbx-schedule-selection-calendar-date-popover-content>
-      </dbx-popover-scroll-content>
-    </dbx-popover-content>
-  `
-                }]
-        }] });
-
-class DbxScheduleSelectionCalendarDatePopoverButtonComponent {
-    constructor(popoverService, dbxCalendarScheduleSelectionStore, injector) {
-        this.popoverService = popoverService;
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-        this.injector = injector;
-        this.disabled$ = this.dbxCalendarScheduleSelectionStore.isViewReadonly$;
-        this.buttonText$ = this.dbxCalendarScheduleSelectionStore.currentDateRange$.pipe(map((x) => {
-            if ((x === null || x === void 0 ? void 0 : x.start) && x.end) {
-                const startString = formatToMonthDayString(x.start);
-                const endString = formatToMonthDayString(x.end);
-                return startString === endString ? startString : `${formatToMonthDayString(x.start)} - ${formatToMonthDayString(x.end)}`;
-            }
-            else {
-                return 'Pick a Date Range';
-            }
-        }), shareReplay(1));
-    }
-    openPopover() {
-        DbxScheduleSelectionCalendarDatePopoverComponent.openPopover(this.popoverService, { origin: this.buttonPopoverOrigin, injector: this.injector });
-    }
-}
-DbxScheduleSelectionCalendarDatePopoverButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDatePopoverButtonComponent, deps: [{ token: i1$1.DbxPopoverService }, { token: DbxCalendarScheduleSelectionStore }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDatePopoverButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDatePopoverButtonComponent, selector: "dbx-schedule-selection-calendar-date-popover-button", viewQueries: [{ propertyName: "buttonPopoverOrigin", first: true, predicate: ["buttonPopoverOrigin"], descendants: true, read: ElementRef }], ngImport: i0, template: `
-    <dbx-button #buttonPopoverOrigin icon="date_range" [disabled]="disabled$ | async" [raised]="true" color="accent" [text]="buttonText$ | async" (buttonClick)="openPopover()"></dbx-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDatePopoverButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-schedule-selection-calendar-date-popover-button',
-                    template: `
-    <dbx-button #buttonPopoverOrigin icon="date_range" [disabled]="disabled$ | async" [raised]="true" color="accent" [text]="buttonText$ | async" (buttonClick)="openPopover()"></dbx-button>
-  `
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.DbxPopoverService }, { type: DbxCalendarScheduleSelectionStore }, { type: i0.Injector }]; }, propDecorators: { buttonPopoverOrigin: [{
-                type: ViewChild,
-                args: ['buttonPopoverOrigin', { read: ElementRef }]
-            }] } });
-
-class DbxScheduleSelectionCalendarCellComponent {
-    constructor(dbxCalendarScheduleSelectionStore) {
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-        this.content = {};
-    }
-    get icon() {
-        return this.content.icon;
-    }
-    get text() {
-        return this.content.text;
-    }
-    set day(day) {
-        this.dbxCalendarScheduleSelectionStore.cellContentFactory$.pipe(first()).subscribe((fn) => {
-            this.content = fn(day);
-        });
-    }
-}
-DbxScheduleSelectionCalendarCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarCellComponent, deps: [{ token: DbxCalendarScheduleSelectionStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarCellComponent, selector: "dbx-schedule-selection-calendar-cell", inputs: { day: "day" }, host: { classAttribute: "dbx-schedule-selection-calendar-cell" }, ngImport: i0, template: `
-    <mat-icon *ngIf="icon">{{ icon }}</mat-icon>
-    <span>{{ text }}</span>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-schedule-selection-calendar-cell',
-                    template: `
-    <mat-icon *ngIf="icon">{{ icon }}</mat-icon>
-    <span>{{ text }}</span>
-  `,
-                    host: {
-                        class: 'dbx-schedule-selection-calendar-cell'
-                    },
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], ctorParameters: function () { return [{ type: DbxCalendarScheduleSelectionStore }]; }, propDecorators: { day: [{
-                type: Input
-            }] } });
-
-/**
- * Toggle button for selecting and clearing the current selection.
- */
-class DbxScheduleSelectionCalendarSelectionToggleButtonComponent {
-    constructor(popoverService, dbxCalendarScheduleSelectionStore, injector) {
-        this.popoverService = popoverService;
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-        this.injector = injector;
-        this._disabled = new BehaviorSubject(false);
-        this.disableButton$ = this._disabled.pipe(switchMap((disabled) => {
-            if (disabled) {
-                return of(true);
-            }
-            else {
-                return this.dbxCalendarScheduleSelectionStore.nextToggleSelection$.pipe(map((x) => !x));
-            }
-        }), distinctUntilChanged(), shareReplay(1));
-        this.buttonDisplay$ = this.dbxCalendarScheduleSelectionStore.selectionMode$.pipe(switchMap((selectionMode) => {
-            return this.dbxCalendarScheduleSelectionStore.nextToggleSelection$.pipe(map((x) => {
-                let buttonDisplay;
-                switch (x) {
-                    case 'all':
-                        buttonDisplay = {
-                            icon: 'select_all',
-                            text: 'Select All'
-                        };
-                        break;
-                    default:
-                    case 'none':
-                        buttonDisplay = {
-                            icon: 'clear',
-                            text: selectionMode === 'multiple' ? 'Clear All' : 'Clear'
-                        };
-                        break;
-                }
-                return buttonDisplay;
-            }));
-        }), shareReplay(1));
-    }
-    ngOnDestroy() {
-        this._disabled.complete();
-    }
-    toggleSelection() {
-        this.dbxCalendarScheduleSelectionStore.toggleSelection();
-    }
-    set disabled(disabled) {
-        this._disabled.next(disabled);
-    }
-}
-DbxScheduleSelectionCalendarSelectionToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarSelectionToggleButtonComponent, deps: [{ token: i1$1.DbxPopoverService }, { token: DbxCalendarScheduleSelectionStore }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarSelectionToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarSelectionToggleButtonComponent, selector: "dbx-schedule-selection-calendar-selection-toggle-button", inputs: { disabled: "disabled" }, ngImport: i0, template: `
-    <dbx-button [disabled]="disableButton$ | async" [buttonDisplay]="buttonDisplay$ | async" [raised]="true" (buttonClick)="toggleSelection()"></dbx-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarSelectionToggleButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-schedule-selection-calendar-selection-toggle-button',
-                    template: `
-    <dbx-button [disabled]="disableButton$ | async" [buttonDisplay]="buttonDisplay$ | async" [raised]="true" (buttonClick)="toggleSelection()"></dbx-button>
-  `
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.DbxPopoverService }, { type: DbxCalendarScheduleSelectionStore }, { type: i0.Injector }]; }, propDecorators: { disabled: [{
-                type: Input
-            }] } });
-
-function dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(inputModifyFn) {
-    const modifyFn = inputModifyFn || (() => { });
-    return (state$) => {
-        return (renderEvent) => {
-            const { body } = renderEvent;
-            // use latest/current state
-            state$.pipe(first()).subscribe((calendarScheduleState) => {
-                const { isEnabledDay, indexFactory, isEnabledFilterDay, allowedDaysOfWeek } = calendarScheduleState;
-                body.forEach((viewDay) => {
-                    const { date } = viewDay;
-                    const i = indexFactory(date);
-                    const day = date.getDay();
-                    let state;
-                    if (!isEnabledFilterDay(i)) {
-                        viewDay.cssClass = 'cal-day-not-applicable';
-                        state = CalendarScheduleSelectionDayState.NOT_APPLICABLE;
-                    }
-                    else if (!allowedDaysOfWeek.has(day)) {
-                        viewDay.cssClass = 'cal-day-disabled';
-                        state = CalendarScheduleSelectionDayState.DISABLED;
-                    }
-                    else if (isEnabledDay(i)) {
-                        viewDay.cssClass = 'cal-day-selected';
-                        state = CalendarScheduleSelectionDayState.SELECTED;
-                    }
-                    else {
-                        viewDay.cssClass = 'cal-day-not-selected';
-                        state = CalendarScheduleSelectionDayState.NOT_SELECTED;
-                    }
-                    const meta = {
-                        state,
-                        i
-                    };
-                    viewDay.meta = meta;
-                    modifyFn(viewDay, calendarScheduleState);
-                });
-            });
-        };
-    };
-}
-class DbxScheduleSelectionCalendarComponent {
-    constructor(calendarStore, dbxCalendarScheduleSelectionStore) {
-        this.calendarStore = calendarStore;
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-        this._inputReadonly = new BehaviorSubject(undefined);
-        this._config = new BehaviorSubject({});
-        this._centerRangeSub = new SubscriptionObject();
-        this.config$ = this._config.pipe(distinctUntilChanged(), shareReplay(1));
-        this.readonly$ = this.config$.pipe(switchMap((x) => (x.readonly != null ? asObservableFromGetter(x.readonly) : of(undefined))), combineLatestWith(this._inputReadonly), map(([configReadonly, inputReadonly]) => {
-            return (configReadonly !== null && configReadonly !== void 0 ? configReadonly : false) || (inputReadonly !== null && inputReadonly !== void 0 ? inputReadonly : false);
-        }), shareReplay(1));
-        this.showButtonsOnReadonly$ = this.config$.pipe(map((x) => { var _a; return (_a = x.showButtonsOnReadonly) !== null && _a !== void 0 ? _a : false; }), distinctUntilChanged(), shareReplay(1));
-        this.showButtons$ = this.showButtonsOnReadonly$.pipe(switchMap((x) => {
-            if (x) {
-                return of(true);
-            }
-            else {
-                return this.readonly$.pipe(map((x) => !x));
-            }
-        }), distinctUntilChanged(), shareReplay(1));
-        this.showClearSelectionButton$ = this.config$.pipe(map((config) => { var _a; return (_a = config.showClearSelectionButton) !== null && _a !== void 0 ? _a : true; }), combineLatestWith(this.showButtons$), map((x) => reduceBooleansWithAnd(x)), distinctUntilChanged(), shareReplay(1));
-        this.datePopoverButtonInjectionConfig$ = this.config$.pipe(map((x) => x.buttonInjectionConfig), switchMapDbxInjectionComponentConfig(DbxScheduleSelectionCalendarDatePopoverButtonComponent), combineLatestWith(this.showButtons$), map(([config, showButton]) => (showButton ? config : undefined)), shareReplay(1));
-        this.clickEvent = new EventEmitter();
-        // refresh any time the selected day function updates
-        this.state$ = this.dbxCalendarScheduleSelectionStore.state$;
-        this.beforeMonthViewRender$ = this.config$.pipe(switchMap((x) => {
-            let factory;
-            if (x.beforeMonthViewRenderFunctionFactory) {
-                factory = asObservable(x.beforeMonthViewRenderFunctionFactory);
-            }
-            else {
-                factory = asObservable(x.customizeDay).pipe(map((x) => dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory(x)));
-            }
-            return factory.pipe(map((x) => x(this.state$)));
-        }), shareReplay(1));
-        this.refresh$ = combineLatest([this.state$, this.beforeMonthViewRender$]).pipe(throttleTime(20, undefined, { leading: true, trailing: true }), map(() => undefined));
-        this.events$ = this.calendarStore.visibleEvents$.pipe(map(prepareAndSortCalendarEvents), shareReplay(1));
-        this.viewDate$ = this.calendarStore.date$;
-    }
-    ngOnInit() {
-        this.dbxCalendarScheduleSelectionStore.setViewReadonlyState(this.readonly$); // sync the readonly state
-        this.calendarStore.setNavigationRangeLimit(this.dbxCalendarScheduleSelectionStore.minMaxDateRange$); // set navigation limit to the min/max allowed dates.
-        this.calendarStore.setShowPageButtons(true);
-        // when a new filter is set, if the first two pages of selectable indexes fit within the calendar month, focus on that calendar month.
-        this._centerRangeSub.subscription = this.dbxCalendarScheduleSelectionStore.currentDateRange$
-            .pipe(first(), switchMap((x) => {
-            let result = x
-                ? of([x, true])
-                : this.dbxCalendarScheduleSelectionStore.minMaxDateRange$.pipe(first(), map((y) => [y, false]));
-            return result;
-        }))
-            .subscribe(([x, isFromSelectedDateRange]) => {
-            if (x === null || x === void 0 ? void 0 : x.start) {
-                let tapDay;
-                const startMonth = dateRange({ date: x.start, type: DateRangeType.CALENDAR_MONTH });
-                const monthToFocus = endOfWeek(startMonth.start);
-                if (x.end != null) {
-                    const endMonth = dateRange({ date: x.end, type: DateRangeType.CALENDAR_MONTH });
-                    if (isSameDate(startMonth.start, endMonth.start)) {
-                        tapDay = monthToFocus;
-                    }
-                }
-                if (!tapDay && isFromSelectedDateRange) {
-                    tapDay = monthToFocus;
-                }
-                if (tapDay) {
-                    this.calendarStore.tapDay(tapDay);
-                }
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.clickEvent.complete();
-        this._inputReadonly.complete();
-        this._config.complete();
-        this._centerRangeSub.destroy();
-    }
-    get config() {
-        return this._config.value;
-    }
-    set config(config) {
-        this._config.next(config !== null && config !== void 0 ? config : {});
-    }
-    set readonly(readonly) {
-        this._inputReadonly.next(readonly);
-    }
-    dayClicked({ date }) {
-        this.readonly$.pipe(first()).subscribe((readonly) => {
-            if (!readonly) {
-                this.dbxCalendarScheduleSelectionStore.toggleSelectedDates(date);
-            }
-        });
-    }
-    eventClicked(action, event) {
-        this.clickEvent.emit({ action, event });
-    }
-    beforeMonthViewRender(renderEvent) {
-        this.beforeMonthViewRender$.pipe(first()).subscribe((x) => {
-            x(renderEvent);
-        });
-    }
-}
-DbxScheduleSelectionCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarComponent, deps: [{ token: i1.DbxCalendarStore }, { token: DbxCalendarScheduleSelectionStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarComponent, selector: "dbx-schedule-selection-calendar", inputs: { config: "config", readonly: "readonly" }, outputs: { clickEvent: "clickEvent" }, providers: [DbxCalendarStore], ngImport: i0, template: "<dbx-calendar-base class=\"dbx-schedule-selection-calendar\" [ngClass]=\"(readonly$ | async) ? 'dbx-schedule-selection-calendar-readonly' : ''\">\n  <ng-container controls>\n    <ng-container *ngIf=\"showClearSelectionButton$ | async\">\n      <dbx-schedule-selection-calendar-selection-toggle-button [disabled]=\"readonly$ | async\"></dbx-schedule-selection-calendar-selection-toggle-button>\n      <dbx-button-spacer></dbx-button-spacer>\n    </ng-container>\n    <dbx-injection [config]=\"datePopoverButtonInjectionConfig$ | async\"></dbx-injection>\n  </ng-container>\n  <div class=\"dbx-calendar-content dbx-calendar-content-month\">\n    <mwl-calendar-month-view [refresh]=\"refresh$\" [viewDate]=\"(viewDate$ | async)!\" [events]=\"(events$ | async)!\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\" (beforeViewRender)=\"beforeMonthViewRender($event)\" [cellTemplate]=\"monthDayCellTemplate\"></mwl-calendar-month-view>\n  </div>\n</dbx-calendar-base>\n\n<!-- Cell -->\n<ng-template #monthDayCellTemplate let-day=\"day\" let-locale=\"locale\">\n  <div class=\"cal-cell-top\">\n    <span class=\"cal-day-badge\" *ngIf=\"day.badgeTotal > 0\">{{ day.badgeTotal }}</span>\n    <span class=\"cal-day-number\">{{ day.date | calendarDate: 'monthViewDayNumber':locale }}</span>\n  </div>\n  <dbx-schedule-selection-calendar-cell [day]=\"day\"></dbx-schedule-selection-calendar-cell>\n</ng-template>\n", dependencies: [{ kind: "component", type: i3$1.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: i1.DbxCalendarBaseComponent, selector: "dbx-calendar-base" }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: i6.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "directive", type: i7$1.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: DbxScheduleSelectionCalendarCellComponent, selector: "dbx-schedule-selection-calendar-cell", inputs: ["day"] }, { kind: "component", type: DbxScheduleSelectionCalendarSelectionToggleButtonComponent, selector: "dbx-schedule-selection-calendar-selection-toggle-button", inputs: ["disabled"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.ɵCalendarDatePipe, name: "calendarDate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'dbx-schedule-selection-calendar', providers: [DbxCalendarStore], template: "<dbx-calendar-base class=\"dbx-schedule-selection-calendar\" [ngClass]=\"(readonly$ | async) ? 'dbx-schedule-selection-calendar-readonly' : ''\">\n  <ng-container controls>\n    <ng-container *ngIf=\"showClearSelectionButton$ | async\">\n      <dbx-schedule-selection-calendar-selection-toggle-button [disabled]=\"readonly$ | async\"></dbx-schedule-selection-calendar-selection-toggle-button>\n      <dbx-button-spacer></dbx-button-spacer>\n    </ng-container>\n    <dbx-injection [config]=\"datePopoverButtonInjectionConfig$ | async\"></dbx-injection>\n  </ng-container>\n  <div class=\"dbx-calendar-content dbx-calendar-content-month\">\n    <mwl-calendar-month-view [refresh]=\"refresh$\" [viewDate]=\"(viewDate$ | async)!\" [events]=\"(events$ | async)!\" (dayClicked)=\"dayClicked($event.day)\" (eventClicked)=\"eventClicked('Clicked', $event.event)\" (beforeViewRender)=\"beforeMonthViewRender($event)\" [cellTemplate]=\"monthDayCellTemplate\"></mwl-calendar-month-view>\n  </div>\n</dbx-calendar-base>\n\n<!-- Cell -->\n<ng-template #monthDayCellTemplate let-day=\"day\" let-locale=\"locale\">\n  <div class=\"cal-cell-top\">\n    <span class=\"cal-day-badge\" *ngIf=\"day.badgeTotal > 0\">{{ day.badgeTotal }}</span>\n    <span class=\"cal-day-number\">{{ day.date | calendarDate: 'monthViewDayNumber':locale }}</span>\n  </div>\n  <dbx-schedule-selection-calendar-cell [day]=\"day\"></dbx-schedule-selection-calendar-cell>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.DbxCalendarStore }, { type: DbxCalendarScheduleSelectionStore }]; }, propDecorators: { clickEvent: [{
-                type: Output
-            }], config: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }] } });
-
-/**
- * Token used to configure the default DbxDialogContentFooterConfig for DbxScheduleSelectionCalendarDateDialogComponent.
- *
- * @deprecated use DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN instead.
- */
-const DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN = new InjectionToken('DbxScheduleSelectionCalendarDatePopupCloseConfig');
-/**
- * Token used to configure the default DbxScheduleSelectionCalendarDatePopupConfig for DbxScheduleSelectionCalendarDateDialogComponent.
- */
-const DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN = new InjectionToken('DbxScheduleSelectionCalendarDatePopupContentConfig');
-class DbxScheduleSelectionCalendarDateDialogComponent extends AbstractDialogDirective {
-    get contentConfig() {
-        return this.data.contentConfig;
-    }
-    get closeConfig() {
-        var _a;
-        return (_a = this.contentConfig) === null || _a === void 0 ? void 0 : _a.closeConfig;
-    }
-    static openDialog(matDialog, config) {
-        const { injector, contentConfig: inputContentConfig, closeConfig: inputCloseConfig } = config;
-        const defaultCloseConfig = injector.get(DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN, null);
-        const defaultContentConfig = injector.get(DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, null);
-        const contentConfig = mergeObjects([defaultContentConfig, inputContentConfig], KeyValueTypleValueFilter.NULL);
-        const closeConfig = mergeObjects([defaultCloseConfig, contentConfig === null || contentConfig === void 0 ? void 0 : contentConfig.closeConfig, inputCloseConfig], KeyValueTypleValueFilter.NULL);
-        contentConfig.closeConfig = closeConfig;
-        return matDialog.open(DbxScheduleSelectionCalendarDateDialogComponent, Object.assign(Object.assign({ height: 'calc(var(--vh100) * 0.9)', width: '80vw', minHeight: 400, minWidth: 360 }, sanitizeDbxDialogContentConfig(contentConfig.dialogConfig)), { injector, data: {
-                config,
-                contentConfig
-            } }));
-    }
-}
-DbxScheduleSelectionCalendarDateDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDateDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDateDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <dbx-dialog-content class="dbx-schedule-selection-calendar-date-dialog">
-      <dbx-dialog-content-close (close)="close()"></dbx-dialog-content-close>
-      <dbx-schedule-selection-calendar></dbx-schedule-selection-calendar>
-      <dbx-dialog-content-footer [config]="closeConfig" (close)="close()"></dbx-dialog-content-footer>
-    </dbx-dialog-content>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.DbxDialogContentDirective, selector: "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", inputs: ["width"] }, { kind: "component", type: i1$1.DbxDialogContentFooterComponent, selector: "dbx-dialog-content-footer", inputs: ["closeText", "buttonColor", "config"], outputs: ["close"] }, { kind: "component", type: i1$1.DbxDialogContentCloseComponent, selector: "dbx-dialog-content-close", outputs: ["close"] }, { kind: "component", type: DbxScheduleSelectionCalendarComponent, selector: "dbx-schedule-selection-calendar", inputs: ["config", "readonly"], outputs: ["clickEvent"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <dbx-dialog-content class="dbx-schedule-selection-calendar-date-dialog">
-      <dbx-dialog-content-close (close)="close()"></dbx-dialog-content-close>
-      <dbx-schedule-selection-calendar></dbx-schedule-selection-calendar>
-      <dbx-dialog-content-footer [config]="closeConfig" (close)="close()"></dbx-dialog-content-footer>
-    </dbx-dialog-content>
-  `
-                }]
-        }] });
-
-class DbxScheduleSelectionCalendarDateDialogButtonComponent {
-    constructor(matDialog, injector) {
-        this.matDialog = matDialog;
-        this.injector = injector;
-        this.buttonText = 'Customize';
-    }
-    clickCustomize() {
-        DbxScheduleSelectionCalendarDateDialogComponent.openDialog(this.matDialog, { injector: this.injector, contentConfig: this.contentConfig, closeConfig: this.closeConfig });
-    }
-}
-DbxScheduleSelectionCalendarDateDialogButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogButtonComponent, deps: [{ token: i1$2.MatDialog }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-DbxScheduleSelectionCalendarDateDialogButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxScheduleSelectionCalendarDateDialogButtonComponent, selector: "dbx-schedule-selection-calendar-date-dialog-button", inputs: { buttonText: "buttonText", disabled: "disabled", contentConfig: "contentConfig", closeConfig: "closeConfig" }, ngImport: i0, template: `
-    <dbx-button [raised]="true" color="accent" [text]="buttonText" [disabled]="disabled" (buttonClick)="clickCustomize()"></dbx-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "iconOnly", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxScheduleSelectionCalendarDateDialogButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-schedule-selection-calendar-date-dialog-button',
-                    template: `
-    <dbx-button [raised]="true" color="accent" [text]="buttonText" [disabled]="disabled" (buttonClick)="clickCustomize()"></dbx-button>
-  `
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatDialog }, { type: i0.Injector }]; }, propDecorators: { buttonText: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], contentConfig: [{
-                type: Input
-            }], closeConfig: [{
-                type: Input
-            }] } });
-
-class DbxFormCalendarDateScheduleRangeFieldComponent extends FieldType {
-    constructor(compact, dbxCalendarScheduleSelectionStore, ngZone) {
-        super();
-        this.compact = compact;
-        this.dbxCalendarScheduleSelectionStore = dbxCalendarScheduleSelectionStore;
-        this.ngZone = ngZone;
-        this._syncSub = new SubscriptionObject();
-        this._valueSub = new SubscriptionObject();
-        this._timezoneSub = new SubscriptionObject();
-        this._minMaxDateRangeSub = new SubscriptionObject();
-        this._defaultWeekSub = new SubscriptionObject();
-        this._filterSub = new SubscriptionObject();
-        this._exclusionsSub = new SubscriptionObject();
-        this._formControlObs = new BehaviorSubject(undefined);
-        this.formControl$ = this._formControlObs.pipe(filterMaybe());
-        this.value$ = this.formControl$.pipe(switchMap((control) => control.valueChanges.pipe(startWith(control.value))), shareReplay(1));
-        this.disableCustomize$ = this.value$.pipe(map((x) => (this.allowCustomizeWithoutDateRange ? false : !x)), distinctUntilChanged(), shareReplay(1));
-    }
-    get formGroupName() {
-        return this.field.key;
-    }
-    get formGroup() {
-        return this.form;
-    }
-    get label() {
-        var _a;
-        return (_a = this.field.props) === null || _a === void 0 ? void 0 : _a.label;
-    }
-    get description() {
-        return this.props.description;
-    }
-    get isReadonlyOrDisabled() {
-        return this.props.readonly || this.disabled;
-    }
-    get openPickerOnTextClick() {
-        return this.props.allowTextInput !== true; // Opposite of allowTextInput
-    }
-    get allowCustomizeWithoutDateRange() {
-        var _a;
-        return (_a = this.props.allowCustomizeWithoutDateRange) !== null && _a !== void 0 ? _a : false;
-    }
-    get showCustomize() {
-        return !this.props.hideCustomize;
-    }
-    get defaultScheduleDays() {
-        return this.props.defaultScheduleDays;
-    }
-    get minMaxDateRange() {
-        return this.props.minMaxDateRange;
-    }
-    get filter() {
-        return this.props.filter;
-    }
-    get exclusions() {
-        return this.props.exclusions;
-    }
-    get outputTimezone() {
-        return this.props.outputTimezone || this.props.timezone;
-    }
-    get initialSelectionState() {
-        return this.props.initialSelectionState;
-    }
-    get computeSelectionResultRelativeToFilter() {
-        return this.props.computeSelectionResultRelativeToFilter;
-    }
-    get dialogContentConfig() {
-        return this.props.dialogContentConfig;
-    }
-    get customDetailsConfig() {
-        return this.props.customDetailsConfig;
-    }
-    get cellContentFactory() {
-        return this.props.cellContentFactory;
-    }
-    ngOnInit() {
-        this._formControlObs.next(this.formControl);
-        this._syncSub.subscription = this.value$.pipe(distinctUntilChanged(isSameDateCellScheduleDateRange)).subscribe((x) => {
-            this.dbxCalendarScheduleSelectionStore.setDateScheduleRangeValue(x);
-        });
-        this._valueSub.subscription = this.dbxCalendarScheduleSelectionStore.currentDateCellScheduleRangeValue$.subscribe((x) => {
-            this.formControl.setValue(x);
-        });
-        const { outputTimezone, minMaxDateRange, filter, exclusions, defaultScheduleDays } = this;
-        if (filter != null) {
-            this._filterSub.subscription = this.dbxCalendarScheduleSelectionStore.setFilter(asObservable(filter));
-        }
-        if (defaultScheduleDays != null) {
-            this._defaultWeekSub.subscription = this.dbxCalendarScheduleSelectionStore.setDefaultScheduleDays(asObservable(defaultScheduleDays));
-        }
-        if (minMaxDateRange != null) {
-            this._minMaxDateRangeSub.subscription = this.dbxCalendarScheduleSelectionStore.setMinMaxDateRange(asObservable(minMaxDateRange));
-        }
-        if (exclusions != null) {
-            this._exclusionsSub.subscription = this.dbxCalendarScheduleSelectionStore.setExclusions(asObservable(exclusions));
-        }
-        if (outputTimezone != null) {
-            this.dbxCalendarScheduleSelectionStore.setOutputTimezone(asObservable(this.outputTimezone));
-        }
-        if (this.initialSelectionState !== undefined) {
-            this.dbxCalendarScheduleSelectionStore.setInitialSelectionState(this.initialSelectionState);
-        }
-        if (this.computeSelectionResultRelativeToFilter != null) {
-            this.dbxCalendarScheduleSelectionStore.setComputeSelectionResultRelativeToFilter(this.computeSelectionResultRelativeToFilter);
-        }
-        if (this.cellContentFactory != null) {
-            this.dbxCalendarScheduleSelectionStore.setCellContentFactory(this.cellContentFactory);
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._syncSub.destroy();
-        this._valueSub.destroy();
-        this._filterSub.destroy();
-        this._timezoneSub.destroy();
-        this._minMaxDateRangeSub.destroy();
-        this._exclusionsSub.destroy();
-        this._formControlObs.complete();
-    }
-}
-DbxFormCalendarDateScheduleRangeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarDateScheduleRangeFieldComponent, deps: [{ token: i1$1.CompactContextStore, optional: true }, { token: DbxCalendarScheduleSelectionStore }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-DbxFormCalendarDateScheduleRangeFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFormCalendarDateScheduleRangeFieldComponent, selector: "ng-component", providers: [provideCalendarScheduleSelectionStoreIfParentIsUnavailable()], usesInheritance: true, ngImport: i0, template: `
-    <div class="dbx-schedule-selection-field">
-      <dbx-schedule-selection-calendar-date-range [openPickerOnTextClick]="openPickerOnTextClick" [showCustomize]="showCustomize" [required]="required" [disabled]="isReadonlyOrDisabled" [label]="label" [hint]="description">
-        <dbx-schedule-selection-calendar-date-dialog-button customizeButton [disabled]="disableCustomize$ | async" [contentConfig]="dialogContentConfig"></dbx-schedule-selection-calendar-date-dialog-button>
-        <dbx-injection [config]="customDetailsConfig"></dbx-injection>
-      </dbx-schedule-selection-calendar-date-range>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i3$1.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: DbxScheduleSelectionCalendarDateRangeComponent, selector: "dbx-schedule-selection-calendar-date-range", inputs: ["openPickerOnTextClick", "label", "hint", "disabled", "showCustomize", "required"] }, { kind: "component", type: DbxScheduleSelectionCalendarDateDialogButtonComponent, selector: "dbx-schedule-selection-calendar-date-dialog-button", inputs: ["buttonText", "disabled", "contentConfig", "closeConfig"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarDateScheduleRangeFieldComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <div class="dbx-schedule-selection-field">
-      <dbx-schedule-selection-calendar-date-range [openPickerOnTextClick]="openPickerOnTextClick" [showCustomize]="showCustomize" [required]="required" [disabled]="isReadonlyOrDisabled" [label]="label" [hint]="description">
-        <dbx-schedule-selection-calendar-date-dialog-button customizeButton [disabled]="disableCustomize$ | async" [contentConfig]="dialogContentConfig"></dbx-schedule-selection-calendar-date-dialog-button>
-        <dbx-injection [config]="customDetailsConfig"></dbx-injection>
-      </dbx-schedule-selection-calendar-date-range>
-    </div>
-  `,
-                    providers: [provideCalendarScheduleSelectionStoreIfParentIsUnavailable()]
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i1$1.CompactContextStore, decorators: [{
-                        type: Optional
-                    }] }, { type: DbxCalendarScheduleSelectionStore }, { type: i0.NgZone }];
-    } });
-
-const declarations = [
-    //
-    DbxScheduleSelectionCalendarComponent,
-    DbxScheduleSelectionCalendarDateDaysComponent,
-    DbxScheduleSelectionCalendarDateDaysFormComponent,
-    DbxScheduleSelectionCalendarDateRangeComponent,
-    DbxScheduleSelectionCalendarDatePopoverButtonComponent,
-    DbxScheduleSelectionCalendarCellComponent,
-    DbxScheduleSelectionCalendarDatePopoverComponent,
-    DbxScheduleSelectionCalendarDatePopoverContentComponent,
-    DbxCalendarScheduleSelectionStoreInjectionBlockDirective,
-    DbxScheduleSelectionCalendarDateDialogComponent,
-    DbxScheduleSelectionCalendarDateDialogButtonComponent,
-    DbxScheduleSelectionCalendarSelectionToggleButtonComponent
-];
-class DbxFormCalendarModule {
-}
-DbxFormCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFormCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarModule, declarations: [
-        //
-        DbxScheduleSelectionCalendarComponent,
-        DbxScheduleSelectionCalendarDateDaysComponent,
-        DbxScheduleSelectionCalendarDateDaysFormComponent,
-        DbxScheduleSelectionCalendarDateRangeComponent,
-        DbxScheduleSelectionCalendarDatePopoverButtonComponent,
-        DbxScheduleSelectionCalendarCellComponent,
-        DbxScheduleSelectionCalendarDatePopoverComponent,
-        DbxScheduleSelectionCalendarDatePopoverContentComponent,
-        DbxCalendarScheduleSelectionStoreInjectionBlockDirective,
-        DbxScheduleSelectionCalendarDateDialogComponent,
-        DbxScheduleSelectionCalendarDateDialogButtonComponent,
-        DbxScheduleSelectionCalendarSelectionToggleButtonComponent
-    ], imports: [
-        //
-        DbxInjectionComponentModule,
-        DbxContentLayoutModule,
-        DbxTextModule,
-        DbxActionModule,
-        DbxFormModule,
-        DbxFormlyModule,
-        DbxCalendarModule,
-        CommonModule,
-        MatIconModule,
-        MatButtonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatFormFieldModule,
-        MatButtonToggleModule,
-        DbxButtonModule,
-        MatDatepickerModule,
-        DbxDialogInteractionModule,
-        DbxPopoverInteractionModule,
-        CalendarModule,
-        CalendarDayModule,
-        FlexLayoutModule,
-        CalendarWeekModule,
-        DbxDatePipeModule
-    ], exports: [
-        //
-        DbxScheduleSelectionCalendarComponent,
-        DbxScheduleSelectionCalendarDateDaysComponent,
-        DbxScheduleSelectionCalendarDateDaysFormComponent,
-        DbxScheduleSelectionCalendarDateRangeComponent,
-        DbxScheduleSelectionCalendarDatePopoverButtonComponent,
-        DbxScheduleSelectionCalendarCellComponent,
-        DbxScheduleSelectionCalendarDatePopoverComponent,
-        DbxScheduleSelectionCalendarDatePopoverContentComponent,
-        DbxCalendarScheduleSelectionStoreInjectionBlockDirective,
-        DbxScheduleSelectionCalendarDateDialogComponent,
-        DbxScheduleSelectionCalendarDateDialogButtonComponent,
-        DbxScheduleSelectionCalendarSelectionToggleButtonComponent
-    ] });
-DbxFormCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarModule, imports: [
-        //
-        DbxInjectionComponentModule,
-        DbxContentLayoutModule,
-        DbxTextModule,
-        DbxActionModule,
-        DbxFormModule,
-        DbxFormlyModule,
-        DbxCalendarModule,
-        CommonModule,
-        MatIconModule,
-        MatButtonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatFormFieldModule,
-        MatButtonToggleModule,
-        DbxButtonModule,
-        MatDatepickerModule,
-        DbxDialogInteractionModule,
-        DbxPopoverInteractionModule,
-        CalendarModule,
-        CalendarDayModule,
-        FlexLayoutModule,
-        CalendarWeekModule,
-        DbxDatePipeModule
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        //
-                        DbxInjectionComponentModule,
-                        DbxContentLayoutModule,
-                        DbxTextModule,
-                        DbxActionModule,
-                        DbxFormModule,
-                        DbxFormlyModule,
-                        DbxCalendarModule,
-                        CommonModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatFormFieldModule,
-                        MatButtonToggleModule,
-                        DbxButtonModule,
-                        MatDatepickerModule,
-                        DbxDialogInteractionModule,
-                        DbxPopoverInteractionModule,
-                        CalendarModule,
-                        CalendarDayModule,
-                        FlexLayoutModule,
-                        CalendarWeekModule,
-                        DbxDatePipeModule
-                    ],
-                    declarations,
-                    exports: declarations
-                }]
-        }] });
-
-class DbxFormDateScheduleRangeFieldModule {
-}
-DbxFormDateScheduleRangeFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormDateScheduleRangeFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFormDateScheduleRangeFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxFormDateScheduleRangeFieldModule, declarations: [DbxFormCalendarDateScheduleRangeFieldComponent], imports: [DbxInjectionComponentModule,
-        CommonModule,
-        MatIconModule,
-        DbxFormCalendarModule,
-        MatButtonModule,
-        DbxTextModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatInputModule, i1$3.FormlyModule] });
-DbxFormDateScheduleRangeFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormDateScheduleRangeFieldModule, imports: [DbxInjectionComponentModule,
-        CommonModule,
-        MatIconModule,
-        DbxFormCalendarModule,
-        MatButtonModule,
-        DbxTextModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatInputModule,
-        FormlyModule.forChild({
-            types: [{ name: 'date-schedule-range', component: DbxFormCalendarDateScheduleRangeFieldComponent }]
-        })] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormDateScheduleRangeFieldModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        DbxInjectionComponentModule,
-                        CommonModule,
-                        MatIconModule,
-                        DbxFormCalendarModule,
-                        MatButtonModule,
-                        DbxTextModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatInputModule,
-                        FormlyModule.forChild({
-                            types: [{ name: 'date-schedule-range', component: DbxFormCalendarDateScheduleRangeFieldComponent }]
-                        })
-                    ],
-                    declarations: [DbxFormCalendarDateScheduleRangeFieldComponent]
-                }]
-        }] });
-
-// export * from './selection';
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CalendarScheduleSelectionDayState, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CLOSE_CONFIG_TOKEN, DEFAULT_DBX_SCHEDULE_SELECTION_CALENDAR_DATE_POPUP_CONTENT_CONFIG_TOKEN, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, DbxScheduleSelectionCalendarSelectionToggleButtonComponent, calendarScheduleMaxDate, calendarScheduleMinAndMaxDateRange, calendarScheduleMinDate, calendarScheduleStartBeingUsedFromFilter, computeCalendarScheduleSelectionDateCellRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxScheduleSelectionCalendarBeforeMonthViewRenderFactory, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, finalizeUpdateStateWithChangedScheduleDays, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedDefaultScheduleDays, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateCellScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState, updateStateWithMinMaxDateRange, updateStateWithSelectionMode, updateStateWithTimezoneValue };
-//# sourceMappingURL=dereekb-dbx-form-calendar.mjs.map