@skyux/datetime 9.13.0 → 9.14.0

package/fesm2022/skyux-datetime.mjs

@@ -1,12 +1,12 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, Injectable, Pipe, NgModule, EventEmitter, Component, ViewEncapsulation, Input, Output, ChangeDetectionStrategy, ViewChild, EnvironmentInjector, ElementRef, TemplateRef, Optional, Inject, forwardRef, Directive, HostListener } from '@angular/core';
+import { NgModule, inject, Injectable, Pipe, EventEmitter, Component, ViewEncapsulation, Input, Output, ChangeDetectionStrategy, ViewChild, EnvironmentInjector, ElementRef, TemplateRef, Optional, Inject, forwardRef, Directive, HostListener } from '@angular/core';
 import * as i3 from '@skyux/i18n';
-import { SkyAppLocaleProvider, SkyIntlDateFormatter, SkyLibResourcesService, getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
+import { SkyLibResourcesService, getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, SkyAppLocaleProvider, SkyIntlDateFormatter } from '@skyux/i18n';
 import { Subject, fromEvent, BehaviorSubject, forkJoin, combineLatest } from 'rxjs';
 import { takeUntil, debounceTime, distinctUntilChanged, first, map } from 'rxjs/operators';
 import moment from 'moment';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import * as i2$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
 import * as i2$1 from '@skyux/forms';
@@ -20,138 +20,6 @@ import { SkyPopoverMessageType, SkyPopoverModule } from '@skyux/popovers';
 import * as i3$2 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
 
-// This class is mostly ported from the Angular 4.x DatePipe in order to maintain the old
-// behavior of using the `Intl` API for formatting dates rather than having to register every
-// supported locale.
-// https://github.com/angular/angular/blob/4.4.x/packages/common/src/pipes/date_pipe.ts
-/**
- * @internal
- */
-class SkyDateService {
-    /* spell-checker:disable */
-    #ALIASES = {
-        medium: 'yMMMdjms',
-        short: 'yMdjm',
-        fullDate: 'yMMMMEEEEd',
-        longDate: 'yMMMMd',
-        mediumDate: 'yMMMd',
-        shortDate: 'yMd',
-        mediumTime: 'jms',
-        shortTime: 'jm',
-    };
-    /* spell-checker:enable */
-    #defaultFormat = 'short';
-    #defaultLocale = 'en-US';
-    #ngUnsubscribe = new Subject();
-    constructor() {
-        inject(SkyAppLocaleProvider)
-            .getLocaleInfo()
-            .pipe(takeUntil(this.#ngUnsubscribe))
-            .subscribe((localeInfo) => {
-            this.#defaultLocale = localeInfo.locale;
-        });
-    }
-    ngOnDestroy() {
-        this.#ngUnsubscribe.next();
-        this.#ngUnsubscribe.complete();
-    }
-    format(value, locale, format) {
-        let date;
-        const pattern = format || this.#defaultFormat;
-        if (isBlank(value) || value !== value) {
-            return undefined;
-        }
-        // Moment will interpret any non-date object as today's date. That would
-        // introduce a breaking change, so we check for it here. This could probably be removed
-        // in a future major version.
-        if (value instanceof Object && !(value instanceof Date)) {
-            throw new Error('Invalid value: ' + value);
-        }
-        // Use moment to avoid inconsistencies between browsers interpreting the value differently.
-        const momentDate = moment(value);
-        if (momentDate.isValid()) {
-            date = momentDate.toDate();
-        }
-        else {
-            throw new Error('Invalid value: ' + value);
-        }
-        return SkyIntlDateFormatter.format(date, locale || this.#defaultLocale, this.#ALIASES[pattern] || pattern);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDateService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-function isBlank(obj) {
-    return !obj;
-}
-
-/**
- * Formats date values according to locale rules.
- * @example
- * ```markup
- * {{ myDate | skyDate }}
- * {{ myDate | skyDate:'medium' }}
- * {{ myDate | skyDate:'medium':'en-CA' }}
- * ```
- */
-class SkyDatePipe {
-    #dateSvc = inject(SkyDateService);
-    #defaultFormat = 'short';
-    #defaultLocale = 'en-US';
-    #format;
-    #formattedValue;
-    #locale;
-    #ngUnsubscribe = new Subject();
-    #value;
-    constructor() {
-        inject(SkyAppLocaleProvider)
-            .getLocaleInfo()
-            .pipe(takeUntil(this.#ngUnsubscribe))
-            .subscribe((localeInfo) => {
-            this.#defaultLocale = localeInfo.locale;
-            this.#updateFormattedValue();
-        });
-    }
-    ngOnDestroy() {
-        this.#ngUnsubscribe.next();
-        this.#ngUnsubscribe.complete();
-    }
-    /**
-     * Transforms a date value using locale and format rules.
-     * @param value Specifies the date value to transform.
-     * @param format Specifies the format to apply to the transform. The format string is
-     * constructed by a series of symbols that represent date-time values. The symbols are
-     * identical to [Angular's `DatePipe`](https://angular.io/api/common/DatePipe#pre-defined-format-options) format options.
-     * @param locale Specifies the locale code to use in the transform.
-     */
-    transform(value, format, locale) {
-        this.#value = value;
-        this.#format = format;
-        this.#locale = locale;
-        this.#updateFormattedValue();
-        return this.#formattedValue ?? '';
-    }
-    #updateFormattedValue() {
-        const locale = this.#locale || this.#defaultLocale;
-        const format = this.#format || this.#defaultFormat;
-        this.#formattedValue = this.#dateSvc.format(this.#value, locale, format);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipe, name: "skyDate", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'skyDate',
-                    pure: false,
-                }]
-        }], ctorParameters: function () { return []; } });
-
 /* istanbul ignore file */
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
@@ -285,7 +153,139 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                         },
                     ],
                 }]
-        }] });
+        }] });
+
+// This class is mostly ported from the Angular 4.x DatePipe in order to maintain the old
+// behavior of using the `Intl` API for formatting dates rather than having to register every
+// supported locale.
+// https://github.com/angular/angular/blob/4.4.x/packages/common/src/pipes/date_pipe.ts
+/**
+ * @internal
+ */
+class SkyDateService {
+    /* spell-checker:disable */
+    #ALIASES = {
+        medium: 'yMMMdjms',
+        short: 'yMdjm',
+        fullDate: 'yMMMMEEEEd',
+        longDate: 'yMMMMd',
+        mediumDate: 'yMMMd',
+        shortDate: 'yMd',
+        mediumTime: 'jms',
+        shortTime: 'jm',
+    };
+    /* spell-checker:enable */
+    #defaultFormat = 'short';
+    #defaultLocale = 'en-US';
+    #ngUnsubscribe = new Subject();
+    constructor() {
+        inject(SkyAppLocaleProvider)
+            .getLocaleInfo()
+            .pipe(takeUntil(this.#ngUnsubscribe))
+            .subscribe((localeInfo) => {
+            this.#defaultLocale = localeInfo.locale;
+        });
+    }
+    ngOnDestroy() {
+        this.#ngUnsubscribe.next();
+        this.#ngUnsubscribe.complete();
+    }
+    format(value, locale, format) {
+        let date;
+        const pattern = format || this.#defaultFormat;
+        if (isBlank(value) || value !== value) {
+            return undefined;
+        }
+        // Moment will interpret any non-date object as today's date. That would
+        // introduce a breaking change, so we check for it here. This could probably be removed
+        // in a future major version.
+        if (value instanceof Object && !(value instanceof Date)) {
+            throw new Error('Invalid value: ' + value);
+        }
+        // Use moment to avoid inconsistencies between browsers interpreting the value differently.
+        const momentDate = moment(value);
+        if (momentDate.isValid()) {
+            date = momentDate.toDate();
+        }
+        else {
+            throw new Error('Invalid value: ' + value);
+        }
+        return SkyIntlDateFormatter.format(date, locale || this.#defaultLocale, this.#ALIASES[pattern] || pattern);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+function isBlank(obj) {
+    return !obj;
+}
+
+/**
+ * Formats date values according to locale rules.
+ * @example
+ * ```markup
+ * {{ myDate | skyDate }}
+ * {{ myDate | skyDate:'medium' }}
+ * {{ myDate | skyDate:'medium':'en-CA' }}
+ * ```
+ */
+class SkyDatePipe {
+    #dateSvc = inject(SkyDateService);
+    #defaultFormat = 'short';
+    #defaultLocale = 'en-US';
+    #format;
+    #formattedValue;
+    #locale;
+    #ngUnsubscribe = new Subject();
+    #value;
+    constructor() {
+        inject(SkyAppLocaleProvider)
+            .getLocaleInfo()
+            .pipe(takeUntil(this.#ngUnsubscribe))
+            .subscribe((localeInfo) => {
+            this.#defaultLocale = localeInfo.locale;
+            this.#updateFormattedValue();
+        });
+    }
+    ngOnDestroy() {
+        this.#ngUnsubscribe.next();
+        this.#ngUnsubscribe.complete();
+    }
+    /**
+     * Transforms a date value using locale and format rules.
+     * @param value Specifies the date value to transform.
+     * @param format Specifies the format to apply to the transform. The format string is
+     * constructed by a series of symbols that represent date-time values. The symbols are
+     * identical to [Angular's `DatePipe`](https://angular.io/api/common/DatePipe#pre-defined-format-options) format options.
+     * @param locale Specifies the locale code to use in the transform.
+     */
+    transform(value, format, locale) {
+        this.#value = value;
+        this.#format = format;
+        this.#locale = locale;
+        this.#updateFormattedValue();
+        return this.#formattedValue ?? '';
+    }
+    #updateFormattedValue() {
+        const locale = this.#locale || this.#defaultLocale;
+        const format = this.#format || this.#defaultFormat;
+        this.#formattedValue = this.#dateSvc.format(this.#value, locale, format);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipe, name: "skyDate", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'skyDate',
+                    pure: false,
+                }]
+        }], ctorParameters: function () { return []; } });
 
 /**
  * @internal
@@ -691,261 +691,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: i3.SkyAppLocaleProvider }]; } });
-
-/**
- * Formats date values using two or more date tokens that represent the day, month,
- * and year. The tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
- * @example
- * ```markup
- * {{ myFuzzyDate | skyFuzzyDate:'MMM Y' }}
- * {{ myFuzzyDate | skyFuzzyDate:'MMM Y':'en-CA' }}
- * ```
- */
-class SkyFuzzyDatePipe {
-    #fuzzyDateService;
-    constructor(fuzzyDateService) {
-        this.#fuzzyDateService = fuzzyDateService;
-    }
-    /**
-     * Transforms fuzzy date values using two or more date tokens that represent the day, month,
-     * and year.
-     * @param value Specifies the date value to transform.
-     * @param format Specifies the format to apply to the transform. You construct the format
-     * string with a two or more tokens that specify the components of date-time value. The
-     * tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
-     * If you don't provide a format, `SkyFuzzyDatePipe` attempts to format fuzzy dates based
-     * on the browser's default locale.
-     * @param locale Specifies the locale code to use in the transform.
-     */
-    transform(value, format, locale) {
-        if (!value) {
-            return '';
-        }
-        const fuzzyDateFormat = format || this.#fuzzyDateService.getLocaleShortFormat(locale);
-        const fuzzyDateLocale = locale || this.#fuzzyDateService.getCurrentLocale();
-        return this.#fuzzyDateService.format(value, fuzzyDateFormat, fuzzyDateLocale);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyFuzzyDatePipe, deps: [{ token: SkyFuzzyDateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SkyFuzzyDatePipe, name: "skyFuzzyDate", pure: false }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyFuzzyDatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'skyFuzzyDate',
-                    pure: false,
-                }]
-        }], ctorParameters: function () { return [{ type: SkyFuzzyDateService }]; } });
-
-class SkyDatePipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, declarations: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule], exports: [SkyDatePipe, SkyFuzzyDatePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, providers: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyDatePipe, SkyFuzzyDatePipe],
-                    providers: [SkyDatePipe, SkyFuzzyDatePipe],
-                    imports: [CommonModule, SkyDatetimeResourcesModule],
-                    exports: [SkyDatePipe, SkyFuzzyDatePipe],
-                }]
-        }] });
-
-/**
- * Represents the calculator.
- */
-class SkyDateRangeCalculator {
-    #config;
-    constructor(
-    /**
-     * The calculator ID that specifies calculator objects that represent date ranges.
-     */
-    calculatorId, config) {
-        this.calculatorId = calculatorId;
-        this.#config = config;
-        this.type = config.type;
-        this.shortDescription = config.shortDescription;
-    }
-    /**
-     * Gets the current value of the calculator.
-     * @param startDateInput The start date.
-     * @param endDateInput The end date.
-     */
-    getValue(startDateInput, endDateInput) {
-        const result = this.#config.getValue(startDateInput, endDateInput);
-        let startDate = null;
-        if (result.startDate instanceof Date) {
-            startDate = this.#parseDateWithoutTime(result.startDate);
-        }
-        let endDate = null;
-        if (result.endDate instanceof Date) {
-            endDate = this.#parseDateWithoutTime(result.endDate);
-        }
-        return {
-            calculatorId: this.calculatorId,
-            startDate,
-            endDate,
-        };
-    }
-    /**
-     * Performs synchronous validation against the control.
-     */
-    validate(value) {
-        if (!this.#config.validate) {
-            return null;
-        }
-        return this.#config.validate(value);
-    }
-    /**
-     * Get a date object without time information.
-     * See: https://stackoverflow.com/a/38050824/6178885
-     */
-    #parseDateWithoutTime(date) {
-        return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-    }
-}
-
-/**
- * `SkyDateRangeCalculatorId` values specify calculator objects that return
- * two `Date` objects to represent date ranges. The values populate the options
- * in the date range picker's dropdown. SKY UX uses `SkyDateRangeService` to create
- * calculators and configures each one with a `validate` function to confirm that dates
- * are compatible. For example, `validate` functions ensure that start dates are before
- * end dates. SKY UX also configures calculators to call a `getValue` function after
- * the `validate` function and return a range of two `Date` objects.
- */
-var SkyDateRangeCalculatorId;
-(function (SkyDateRangeCalculatorId) {
-    /**
-     * Selects no dates and considers all dates within the date range. This is the default selection.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["AnyTime"] = 0] = "AnyTime";
-    /**
-     * Enables users to select an end date with no starting date.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Before"] = 1] = "Before";
-    /**
-     * Enables users to select a start date with no end date.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["After"] = 2] = "After";
-    /**
-     * Enables users to select specific start and end dates.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["SpecificRange"] = 3] = "SpecificRange";
-    /**
-     * Sets the start and end dates to the day before the current day.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Yesterday"] = 4] = "Yesterday";
-    /**
-     * Sets the start and end dates to the current day.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Today"] = 5] = "Today";
-    /**
-     * Sets the start and end dates to the day after the current day.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Tomorrow"] = 6] = "Tomorrow";
-    /**
-     * Sets the start date to Sunday of the week before the current week and
-     * the end date to Saturday of that week.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastWeek"] = 7] = "LastWeek";
-    /**
-     * Sets the start date to Sunday of the current week and the end date to Saturday.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisWeek"] = 8] = "ThisWeek";
-    /**
-     * Sets the start date to Sunday of the week after the current week and
-     * the end date to Saturday of that week.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextWeek"] = 9] = "NextWeek";
-    /**
-     * Sets the start date to the first day of the month before the current month and
-     * the end date to the last day of that month.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastMonth"] = 10] = "LastMonth";
-    /**
-     * Sets the start date to the first day of the current month and
-     * the end date to the last day of the month.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisMonth"] = 11] = "ThisMonth";
-    /**
-     * Sets the start date to the first day of the month after the current month
-     * and the end date to the last day of that month.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextMonth"] = 12] = "NextMonth";
-    /**
-     * Sets the start date to the first day of the quarter before the current quarter and
-     * the end date to the last day of that quarter. Quarters are
-     * January to March, April to June, July to September, and October to December.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastQuarter"] = 13] = "LastQuarter";
-    /**
-     * Sets the start date to the first day of the current quarter and
-     * the end date to the last day of the quarter. Quarters are
-     * January to March, April to June, July to September, and October to December.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisQuarter"] = 14] = "ThisQuarter";
-    /**
-     * Sets the start date to the first day of the quarter after the current quarter and
-     * the end date to the last day of that quarter. Quarters are
-     * January to March, April to June, July to September, and October to December.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextQuarter"] = 15] = "NextQuarter";
-    /**
-     * Sets the start date to the first day of the year before the current year
-     * and the end date to the last day of that year.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastCalendarYear"] = 16] = "LastCalendarYear";
-    /**
-     * Sets the start date to the first day of the current year and
-     * the end date to the last day of the year.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisCalendarYear"] = 17] = "ThisCalendarYear";
-    /**
-     * Sets the start date to the first day of the year after the current year and
-     * the end date to the last day of that year.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextCalendarYear"] = 18] = "NextCalendarYear";
-    /**
-     * Sets the start date to the first day of the fiscal year before the current fiscal year and
-     * the end date to the last day of that fiscal year. The fiscal year is Oct. 1 to Sept. 30.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastFiscalYear"] = 19] = "LastFiscalYear";
-    /**
-     * Sets the start date to the first day of the current fiscal year and
-     * the end date to the last day of the fiscal year. The fiscal year is Oct. 1 to Sept. 30.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisFiscalYear"] = 20] = "ThisFiscalYear";
-    /**
-     * Sets the start date to the first day of the fiscal year after the current fiscal year
-     * and the end date to the last day of that fiscal year. The fiscal year is Oct. 1 to Sept. 30.
-     */
-    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextFiscalYear"] = 21] = "NextFiscalYear";
-})(SkyDateRangeCalculatorId || (SkyDateRangeCalculatorId = {}));
-
-/**
- * The types of calculations available for a date range calculator.
- */
-var SkyDateRangeCalculatorType;
-(function (SkyDateRangeCalculatorType) {
-    /**
-     * Includes an input for a date after the current date.
-     */
-    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["After"] = 0] = "After";
-    /**
-     * Includes an input for a date before the current date.
-     */
-    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["Before"] = 1] = "Before";
-    /**
-     * Includes two inputs for a range of dates.
-     */
-    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["Range"] = 2] = "Range";
+        }], ctorParameters: function () { return [{ type: i3.SkyAppLocaleProvider }]; } });
+
+/**
+ * Formats date values using two or more date tokens that represent the day, month,
+ * and year. The tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
+ * @example
+ * ```markup
+ * {{ myFuzzyDate | skyFuzzyDate:'MMM Y' }}
+ * {{ myFuzzyDate | skyFuzzyDate:'MMM Y':'en-CA' }}
+ * ```
+ */
+class SkyFuzzyDatePipe {
+    #fuzzyDateService;
+    constructor(fuzzyDateService) {
+        this.#fuzzyDateService = fuzzyDateService;
+    }
     /**
-     * Does not accept any input but calculates a specific range based on the current date.
+     * Transforms fuzzy date values using two or more date tokens that represent the day, month,
+     * and year.
+     * @param value Specifies the date value to transform.
+     * @param format Specifies the format to apply to the transform. You construct the format
+     * string with a two or more tokens that specify the components of date-time value. The
+     * tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
+     * If you don't provide a format, `SkyFuzzyDatePipe` attempts to format fuzzy dates based
+     * on the browser's default locale.
+     * @param locale Specifies the locale code to use in the transform.
      */
-    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["Relative"] = 3] = "Relative";
-})(SkyDateRangeCalculatorType || (SkyDateRangeCalculatorType = {}));
+    transform(value, format, locale) {
+        if (!value) {
+            return '';
+        }
+        const fuzzyDateFormat = format || this.#fuzzyDateService.getLocaleShortFormat(locale);
+        const fuzzyDateLocale = locale || this.#fuzzyDateService.getCurrentLocale();
+        return this.#fuzzyDateService.format(value, fuzzyDateFormat, fuzzyDateLocale);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyFuzzyDatePipe, deps: [{ token: SkyFuzzyDateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SkyFuzzyDatePipe, name: "skyFuzzyDate", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyFuzzyDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'skyFuzzyDate',
+                    pure: false,
+                }]
+        }], ctorParameters: function () { return [{ type: SkyFuzzyDateService }]; } });
+
+class SkyDatePipeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, declarations: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule], exports: [SkyDatePipe, SkyFuzzyDatePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, providers: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyDatePipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyDatePipe, SkyFuzzyDatePipe],
+                    providers: [SkyDatePipe, SkyFuzzyDatePipe],
+                    imports: [CommonModule, SkyDatetimeResourcesModule],
+                    exports: [SkyDatePipe, SkyFuzzyDatePipe],
+                }]
+        }] });
 
 class SkyDateFormatter {
     static { this.defaultLocale = 'en-US'; }
@@ -3330,6 +3135,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                 }]
         }] });
 
+/**
+ * The types of calculations available for a date range calculator.
+ */
+var SkyDateRangeCalculatorType;
+(function (SkyDateRangeCalculatorType) {
+    /**
+     * Includes an input for a date after the current date.
+     */
+    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["After"] = 0] = "After";
+    /**
+     * Includes an input for a date before the current date.
+     */
+    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["Before"] = 1] = "Before";
+    /**
+     * Includes two inputs for a range of dates.
+     */
+    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["Range"] = 2] = "Range";
+    /**
+     * Does not accept any input but calculates a specific range based on the current date.
+     */
+    SkyDateRangeCalculatorType[SkyDateRangeCalculatorType["Relative"] = 3] = "Relative";
+})(SkyDateRangeCalculatorType || (SkyDateRangeCalculatorType = {}));
+
 class SkyDateRangePickerEndDateResourceKeyPipe {
     transform(calculatorType) {
         if (calculatorType === SkyDateRangeCalculatorType.Range) {
@@ -3364,6 +3192,178 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                 }]
         }] });
 
+/**
+ * `SkyDateRangeCalculatorId` values specify calculator objects that return
+ * two `Date` objects to represent date ranges. The values populate the options
+ * in the date range picker's dropdown. SKY UX uses `SkyDateRangeService` to create
+ * calculators and configures each one with a `validate` function to confirm that dates
+ * are compatible. For example, `validate` functions ensure that start dates are before
+ * end dates. SKY UX also configures calculators to call a `getValue` function after
+ * the `validate` function and return a range of two `Date` objects.
+ */
+var SkyDateRangeCalculatorId;
+(function (SkyDateRangeCalculatorId) {
+    /**
+     * Selects no dates and considers all dates within the date range. This is the default selection.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["AnyTime"] = 0] = "AnyTime";
+    /**
+     * Enables users to select an end date with no starting date.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Before"] = 1] = "Before";
+    /**
+     * Enables users to select a start date with no end date.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["After"] = 2] = "After";
+    /**
+     * Enables users to select specific start and end dates.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["SpecificRange"] = 3] = "SpecificRange";
+    /**
+     * Sets the start and end dates to the day before the current day.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Yesterday"] = 4] = "Yesterday";
+    /**
+     * Sets the start and end dates to the current day.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Today"] = 5] = "Today";
+    /**
+     * Sets the start and end dates to the day after the current day.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["Tomorrow"] = 6] = "Tomorrow";
+    /**
+     * Sets the start date to Sunday of the week before the current week and
+     * the end date to Saturday of that week.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastWeek"] = 7] = "LastWeek";
+    /**
+     * Sets the start date to Sunday of the current week and the end date to Saturday.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisWeek"] = 8] = "ThisWeek";
+    /**
+     * Sets the start date to Sunday of the week after the current week and
+     * the end date to Saturday of that week.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextWeek"] = 9] = "NextWeek";
+    /**
+     * Sets the start date to the first day of the month before the current month and
+     * the end date to the last day of that month.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastMonth"] = 10] = "LastMonth";
+    /**
+     * Sets the start date to the first day of the current month and
+     * the end date to the last day of the month.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisMonth"] = 11] = "ThisMonth";
+    /**
+     * Sets the start date to the first day of the month after the current month
+     * and the end date to the last day of that month.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextMonth"] = 12] = "NextMonth";
+    /**
+     * Sets the start date to the first day of the quarter before the current quarter and
+     * the end date to the last day of that quarter. Quarters are
+     * January to March, April to June, July to September, and October to December.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastQuarter"] = 13] = "LastQuarter";
+    /**
+     * Sets the start date to the first day of the current quarter and
+     * the end date to the last day of the quarter. Quarters are
+     * January to March, April to June, July to September, and October to December.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisQuarter"] = 14] = "ThisQuarter";
+    /**
+     * Sets the start date to the first day of the quarter after the current quarter and
+     * the end date to the last day of that quarter. Quarters are
+     * January to March, April to June, July to September, and October to December.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextQuarter"] = 15] = "NextQuarter";
+    /**
+     * Sets the start date to the first day of the year before the current year
+     * and the end date to the last day of that year.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastCalendarYear"] = 16] = "LastCalendarYear";
+    /**
+     * Sets the start date to the first day of the current year and
+     * the end date to the last day of the year.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisCalendarYear"] = 17] = "ThisCalendarYear";
+    /**
+     * Sets the start date to the first day of the year after the current year and
+     * the end date to the last day of that year.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextCalendarYear"] = 18] = "NextCalendarYear";
+    /**
+     * Sets the start date to the first day of the fiscal year before the current fiscal year and
+     * the end date to the last day of that fiscal year. The fiscal year is Oct. 1 to Sept. 30.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["LastFiscalYear"] = 19] = "LastFiscalYear";
+    /**
+     * Sets the start date to the first day of the current fiscal year and
+     * the end date to the last day of the fiscal year. The fiscal year is Oct. 1 to Sept. 30.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["ThisFiscalYear"] = 20] = "ThisFiscalYear";
+    /**
+     * Sets the start date to the first day of the fiscal year after the current fiscal year
+     * and the end date to the last day of that fiscal year. The fiscal year is Oct. 1 to Sept. 30.
+     */
+    SkyDateRangeCalculatorId[SkyDateRangeCalculatorId["NextFiscalYear"] = 21] = "NextFiscalYear";
+})(SkyDateRangeCalculatorId || (SkyDateRangeCalculatorId = {}));
+
+/**
+ * Represents the calculator.
+ */
+class SkyDateRangeCalculator {
+    #config;
+    constructor(
+    /**
+     * The calculator ID that specifies calculator objects that represent date ranges.
+     */
+    calculatorId, config) {
+        this.calculatorId = calculatorId;
+        this.#config = config;
+        this.type = config.type;
+        this.shortDescription = config.shortDescription;
+    }
+    /**
+     * Gets the current value of the calculator.
+     * @param startDateInput The start date.
+     * @param endDateInput The end date.
+     */
+    getValue(startDateInput, endDateInput) {
+        const result = this.#config.getValue(startDateInput, endDateInput);
+        let startDate = null;
+        if (result.startDate instanceof Date) {
+            startDate = this.#parseDateWithoutTime(result.startDate);
+        }
+        let endDate = null;
+        if (result.endDate instanceof Date) {
+            endDate = this.#parseDateWithoutTime(result.endDate);
+        }
+        return {
+            calculatorId: this.calculatorId,
+            startDate,
+            endDate,
+        };
+    }
+    /**
+     * Performs synchronous validation against the control.
+     */
+    validate(value) {
+        if (!this.#config.validate) {
+            return null;
+        }
+        return this.#config.validate(value);
+    }
+    /**
+     * Get a date object without time information.
+     * See: https://stackoverflow.com/a/38050824/6178885
+     */
+    #parseDateWithoutTime(date) {
+        return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+    }
+}
+
 /**
  * Need to add the following to classes which contain static methods.
  * See: https://github.com/ng-packagr/ng-packagr/issues/641