@skyux/datetime 12.27.0 → 13.0.0-alpha.1

package/index.d.ts

@@ -1,30 +1,1240 @@
-export { SkyDatePipeModule } from './lib/modules/date-pipe/date-pipe.module';
-export { SkyDatePipe } from './lib/modules/date-pipe/date.pipe';
-export { SkyDateService } from './lib/modules/date-pipe/date.service';
-export { SkyFuzzyDatePipe } from './lib/modules/date-pipe/fuzzy-date.pipe';
-export { SkyDateRangePickerModule } from './lib/modules/date-range-picker/date-range-picker.module';
-export { SkyDateRangeService } from './lib/modules/date-range-picker/date-range.service';
-export { SkyDateRange } from './lib/modules/date-range-picker/types/date-range';
-export { SkyDateRangeCalculation } from './lib/modules/date-range-picker/types/date-range-calculation';
-export { SkyDateRangeCalculator } from './lib/modules/date-range-picker/types/date-range-calculator';
-export { SkyDateRangeCalculatorConfig } from './lib/modules/date-range-picker/types/date-range-calculator-config';
-export { SkyDateRangeCalculatorGetValueFunction } from './lib/modules/date-range-picker/types/date-range-calculator-date-range-function';
-export { SkyDateRangeCalculatorId } from './lib/modules/date-range-picker/types/date-range-calculator-id';
-export { SkyDateRangeCalculatorType } from './lib/modules/date-range-picker/types/date-range-calculator-type';
-export { SkyDateRangeCalculatorValidateFunction } from './lib/modules/date-range-picker/types/date-range-calculator-validate-function';
-export { SkyDatepickerCalendarChange } from './lib/modules/datepicker/calendar/datepicker-calendar-change';
-export { SkyDatepickerConfigService } from './lib/modules/datepicker/datepicker-config.service';
-export { SkyDatepickerCustomDate } from './lib/modules/datepicker/datepicker-custom-date';
-export { SkyDatepickerModule } from './lib/modules/datepicker/datepicker.module';
-export { SkyFuzzyDate } from './lib/modules/datepicker/fuzzy/fuzzy-date';
-export { SkyFuzzyDateService } from './lib/modules/datepicker/fuzzy/fuzzy-date.service';
-export { SkyTimepickerTimeFormatType } from './lib/modules/timepicker/timepicker-time-format-type';
-export { SkyTimepickerTimeOutput } from './lib/modules/timepicker/timepicker-time-output';
-export { SkyTimepickerModule } from './lib/modules/timepicker/timepicker.module';
-export { SkyDateRangePickerComponent as λ5 } from './lib/modules/date-range-picker/date-range-picker.component';
-export { SkyDatepickerCalendarComponent as λ1 } from './lib/modules/datepicker/calendar/datepicker-calendar.component';
-export { SkyFuzzyDatepickerInputDirective as λ4 } from './lib/modules/datepicker/fuzzy/datepicker-input-fuzzy.directive';
-export { SkyDatepickerInputDirective as λ3 } from './lib/modules/datepicker/datepicker-input.directive';
-export { SkyDatepickerComponent as λ2 } from './lib/modules/datepicker/datepicker.component';
-export { SkyTimepickerComponent as λ6 } from './lib/modules/timepicker/timepicker.component';
-export { SkyTimepickerInputDirective as λ7 } from './lib/modules/timepicker/timepicker.directive';
+import * as i0 from '@angular/core';
+import { OnDestroy, PipeTransform, OnInit, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, ElementRef, TemplateRef, ChangeDetectorRef, Signal, AfterContentInit, Renderer2 } from '@angular/core';
+import * as i1 from '@skyux/i18n';
+import { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';
+import * as _angular_forms from '@angular/forms';
+import { ValidationErrors, ControlValueAccessor, Validator, AbstractControl, FormControl } from '@angular/forms';
+import * as i6 from '@skyux/core';
+import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService, SkyStackingContext } from '@skyux/core';
+import * as i2 from '@skyux/forms';
+import { SkyInputBoxHostService } from '@skyux/forms';
+import * as i7 from '@skyux/theme';
+import { SkyThemeService } from '@skyux/theme';
+import { Observable, BehaviorSubject, Subscription } from 'rxjs';
+import { SkyPopoverMessage } from '@skyux/popovers';
+import * as i3 from '@angular/common';
+import * as i4 from '@skyux/icon';
+
+/**
+ * Formats date values according to locale rules.
+ * @example
+ * ```markup
+ * {{ myDate | skyDate }}
+ * {{ myDate | skyDate:'medium' }}
+ * {{ myDate | skyDate:'medium':'en-CA' }}
+ * ```
+ */
+declare class SkyDatePipe implements OnDestroy, PipeTransform {
+    #private;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * 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: any, format?: string, locale?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyDatePipe, "skyDate", false>;
+}
+
+interface SkyFuzzyDate {
+    /**
+     * The day in a fuzzy date, where `1` sets the day
+     * to the first day of the specified month.
+     */
+    day?: number;
+    /**
+     * The month in a fuzzy date, where `1` sets the month to January.
+     */
+    month?: number;
+    /**
+     * The year in a fuzzy date.
+     */
+    year?: number;
+}
+
+/**
+ * @internal
+ */
+interface SkyFuzzyDateRange {
+    years: string;
+    months: string;
+    days: string;
+    startDate: Date;
+    endDate: Date;
+    valid: boolean;
+}
+/**
+ * @internal
+ */
+declare class SkyFuzzyDateService implements OnDestroy {
+    #private;
+    constructor(localeProvider: SkyAppLocaleProvider);
+    ngOnDestroy(): void;
+    /**
+     * Returns the browser's current locale string.
+     */
+    getCurrentLocale(): string;
+    /**
+     * Returns the short format of the provided locale.
+     * If not provided, the locale will be taken from the browser's default locale.
+     */
+    getLocaleShortFormat(locale?: string): string;
+    /**
+     * Formats a fuzzy date by using the provided format and locale strings.
+     * If not provided, the locale will be taken from the browser's default locale.
+     */
+    format(fuzzyDate: SkyFuzzyDate, format?: string, locale?: string): string;
+    /**
+     * If not provided, years will default to current year; months will default to January;
+     * days will default to 1st of the month.
+     */
+    getMomentFromFuzzyDate(fuzzyDate?: SkyFuzzyDate): any;
+    /**
+     * Gets a string instance of a fuzzy date.
+     * @deprecated Deprecated in favor of the `format` function.
+     */
+    getStringFromFuzzyDate(fuzzyDate?: SkyFuzzyDate, dateFormat?: string): string | undefined;
+    getFuzzyDateFromSelectedDate(selectedDate?: Date, dateFormat?: string): SkyFuzzyDate | undefined;
+    getFuzzyDateFromString(date: string, dateFormat?: string): SkyFuzzyDate | undefined;
+    getFuzzyDateRange(startFuzzyDate: SkyFuzzyDate, endFuzzyDate: SkyFuzzyDate): SkyFuzzyDateRange;
+    getCurrentFuzzyDate(): SkyFuzzyDate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyFuzzyDateService>;
+}
+
+/**
+ * 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' }}
+ * ```
+ */
+declare class SkyFuzzyDatePipe implements PipeTransform {
+    #private;
+    constructor(fuzzyDateService: SkyFuzzyDateService);
+    /**
+     * 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: SkyFuzzyDate, format?: string, locale?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyFuzzyDatePipe, "skyFuzzyDate", false>;
+}
+
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+declare class SkyDatetimeResourcesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatetimeResourcesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatetimeResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyDatetimeResourcesModule>;
+}
+
+declare class SkyDatePipeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatePipeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatePipeModule, [typeof SkyDatePipe, typeof SkyFuzzyDatePipe], [typeof SkyDatetimeResourcesModule], [typeof SkyDatePipe, typeof SkyFuzzyDatePipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyDatePipeModule>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyDateService implements OnDestroy {
+    #private;
+    constructor();
+    ngOnDestroy(): void;
+    format(value: any, locale?: string, format?: string): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyDateService>;
+}
+
+/**
+ * The configuration for a custom date.
+ */
+interface SkyDatepickerCustomDate {
+    /**
+     * The date to customize.
+     */
+    date: Date;
+    /**
+     * Whether to disable the date.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to display the date as a key date in the calendar.
+     */
+    keyDate?: boolean;
+    /**
+     * Displays a popup of the provided text when hovering over the key date in the calendar.
+     */
+    keyDateText?: string[];
+}
+
+/**
+ * Specifies changes in the datepicker calendar.
+ */
+interface SkyDatepickerCalendarChange {
+    /**
+     * The end date.
+     */
+    endDate: Date;
+    /**
+     * The start date.
+     */
+    startDate: Date;
+    /**
+     * The observable that allows the consumer to push custom dates back to the calendar
+     * when the `SkyDatepickerCalendarChange` event fires. This is useful
+     * for displaying key dates or disabled dates each time the calendar changes. If disabled dates
+     * are provided, SKY UX will prevent the user from selecting the date from the calendar.
+     * However, consumers will still need to add a custom validator to prevent users from entering
+     * disabled dates in the text input.
+     */
+    customDates?: Observable<SkyDatepickerCustomDate[]>;
+}
+
+declare class SkyDatepickerConfigService {
+    /**
+     * The date format for the input.
+     * @default "MM/DD/YYYY"
+     */
+    dateFormat: string | undefined;
+    /**
+     * The latest selectable date that is available in the calendar.
+     */
+    maxDate: Date | undefined;
+    /**
+     * The earliest selectable date that is available in the calendar.
+     */
+    minDate: Date | undefined;
+    /**
+     * The date to open the calendar to initially.
+     * @default the current date
+     */
+    startAtDate: Date | undefined;
+    /**
+     * The starting day of the week in the calendar,
+     * where `0` sets the starting day to Sunday.
+     * @default 0
+     */
+    startingDay: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyDatepickerConfigService>;
+}
+
+declare class SkyDateFormatter {
+    private static defaultLocale;
+    private static defaultShortDateFormat;
+    /**
+     * Sets moment's global locale.
+     */
+    static setLocale(locale: string): void;
+    /**
+     * Returns the preferred short date format for the current locale.
+     */
+    static getPreferredShortDateFormat(): string;
+    format(date: Date, format?: string): string;
+    getDateFromString(dateString: string, format?: string, strict?: boolean): Date;
+    dateIsValid(date: Date | undefined): boolean;
+}
+
+/**
+ * Information about a specific day in the calendar.
+ * @internal
+ */
+interface SkyDayPickerContext {
+    date: Date;
+    label: string;
+    selected: boolean;
+    disabled: boolean;
+    current: boolean;
+    secondary: boolean;
+    uid: string;
+    keyDate?: boolean;
+    keyDateText?: string[];
+}
+
+type DateComparator = (date1: Date, date2: Date) => number | undefined;
+type KeyboardEventHandler = (key: string, event: KeyboardEvent) => void;
+/**
+ * @internal
+ */
+declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, OnInit, OnChanges {
+    #private;
+    customDates: SkyDatepickerCustomDate[] | undefined;
+    set startingDay(value: number | undefined);
+    get startingDay(): number;
+    minDate: Date | undefined;
+    maxDate: Date | undefined;
+    startAtDate: Date | undefined;
+    set selectedDate(value: Date | undefined);
+    get selectedDate(): Date | undefined;
+    selectedDateChange: EventEmitter<Date>;
+    calendarModeChange: EventEmitter<string>;
+    activeDate: Date;
+    activeDateId: string;
+    title: string;
+    minMode: string;
+    maxMode: string;
+    monthColLimit: number;
+    yearColLimit: number;
+    datepickerMode: string;
+    yearRange: number;
+    formatDay: string;
+    formatMonth: string;
+    formatYear: string;
+    formatDayHeader: string;
+    formatDayTitle: string;
+    formatMonthTitle: string;
+    formatDayLabel: string;
+    formatMonthLabel: string;
+    formatYearLabel: string;
+    previousLabel: string | undefined;
+    nextLabel: string | undefined;
+    datepickerId: string;
+    stepDay: any;
+    stepMonth: any;
+    stepYear: any;
+    protected modes: string[];
+    protected dateFormatter: SkyDateFormatter;
+    refreshViewHandlerDay: (() => string) | undefined;
+    compareHandlerDay: DateComparator | undefined;
+    refreshViewHandlerMonth: (() => string) | undefined;
+    compareHandlerMonth: DateComparator | undefined;
+    refreshViewHandlerYear: (() => string) | undefined;
+    compareHandlerYear: DateComparator | undefined;
+    handleKeydownDay: KeyboardEventHandler | undefined;
+    handleKeydownMonth: KeyboardEventHandler | undefined;
+    handleKeydownYear: KeyboardEventHandler | undefined;
+    keys: string[];
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setCompareHandler(handler: DateComparator, type: string): void;
+    compare(date1: Date | undefined, date2: Date | undefined): number | undefined;
+    setRefreshViewHandler(handler: () => string, type: string): void;
+    refreshView(): void;
+    setKeydownHandler(handler: KeyboardEventHandler, type: string): void;
+    handleKeydown(key: string, event: KeyboardEvent): void;
+    dateFilter(date: Date, format: string): string;
+    isActive(dateObject: SkyDayPickerContext): boolean;
+    onKeydown(event: KeyboardEvent): void;
+    createDateObject(date: Date, format: string, isSecondary: boolean, id: string): SkyDayPickerContext;
+    createCalendarRows(dates: SkyDayPickerContext[], size: number): SkyDayPickerContext[][];
+    fixTimeZone(date: Date): Date;
+    selectCalendar(event: Event, date: Date, closePicker?: boolean): void;
+    select(date: Date, isManual?: boolean): void;
+    moveCalendar(event: Event, direction: number): void;
+    move(direction: number): void;
+    toggleModeCalendar(event: Event): void;
+    toggleMode(direction: number): void;
+    announceDate(date: Date, format: string): void;
+    /**
+     * Date is disabled if it meets any of these criteria:
+     * 1. Date falls outside the min or max dates set by the SkyDatepickerConfigService.
+     * 2. Date is marked as disabled in the customDates array.
+     */
+    protected isDisabled(date: Date): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerCalendarInnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerCalendarInnerComponent, "sky-datepicker-inner", never, { "customDates": { "alias": "customDates"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startAtDate": { "alias": "startAtDate"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; }, { "selectedDateChange": "selectedDateChange"; "calendarModeChange": "calendarModeChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyDatepickerCalendarComponent {
+    #private;
+    customDates: SkyDatepickerCustomDate[] | undefined;
+    isDaypickerWaiting: boolean | undefined;
+    minDate: Date | undefined;
+    maxDate: Date | undefined;
+    startAtDate: Date | undefined;
+    /** currently selected date */
+    selectedDate: Date | undefined;
+    /** starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
+    set startingDay(start: number | undefined);
+    get startingDay(): number;
+    calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange | undefined>;
+    calendarModeChange: EventEmitter<string>;
+    selectedDateChange: EventEmitter<Date>;
+    datepicker: SkyDatepickerCalendarInnerComponent | undefined;
+    protected _now: Date;
+    constructor(config: SkyDatepickerConfigService);
+    configureOptions(): void;
+    onCalendarDateRangeChange(event: SkyDatepickerCalendarChange | undefined): void;
+    onCalendarModeChange(event: string): void;
+    onSelectedDateChange(event: Date): void;
+    writeValue(value: Date | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerCalendarComponent, "sky-datepicker-calendar", never, { "customDates": { "alias": "customDates"; "required": false; }; "isDaypickerWaiting": { "alias": "isDaypickerWaiting"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startAtDate": { "alias": "startAtDate"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "calendarModeChange": "calendarModeChange"; "selectedDateChange": "selectedDateChange"; }, never, never, true, never>;
+}
+
+/**
+ * Creates the datepicker button and calendar.
+ * You must wrap this component around an input with the `skyDatepickerInput` directive.
+ */
+declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit {
+    #private;
+    inputBoxHostService?: SkyInputBoxHostService | undefined;
+    /**
+     * Adds a class to the datepicker.
+     * @default ""
+     */
+    pickerClass: string | undefined;
+    set dateFormat(value: string | undefined);
+    get dateFormat(): string | undefined;
+    get disabled(): boolean | undefined;
+    set disabled(value: boolean | undefined);
+    set selectedDate(value: Date | undefined);
+    get selectedDate(): Date | undefined;
+    /**
+     * Fires when the range of displayed dates in the calendar changes. Provides the
+     * current range of displayed dates and a mutable `customDate` property consumers can use
+     * to modify individual dates on the calendar.
+     */
+    calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange>;
+    /**
+     * @internal
+     */
+    dateFormatChange: EventEmitter<string>;
+    /**
+     * @internal
+     */
+    openChange: EventEmitter<boolean>;
+    /**
+     * Fires when a user selects a date from the calendar.
+     * @internal
+     */
+    calendarDateChange: i0.OutputEmitterRef<Date>;
+    calendarId: string;
+    customDates: SkyDatepickerCustomDate[] | undefined;
+    dateChange: EventEmitter<Date>;
+    isDaypickerWaiting: boolean;
+    isOpen: boolean;
+    isVisible: boolean;
+    maxDate: Date | undefined;
+    minDate: Date | undefined;
+    startAtDate: Date | undefined;
+    startingDay: number | undefined;
+    triggerButtonId: string;
+    calendar: SkyDatepickerCalendarComponent | undefined;
+    set calendarRef(value: ElementRef | undefined);
+    get calendarRef(): ElementRef | undefined;
+    calendarTemplateRef: TemplateRef<unknown> | undefined;
+    triggerButtonRef: ElementRef | undefined;
+    inputTemplateRef: TemplateRef<unknown> | undefined;
+    triggerButtonTemplateRef: TemplateRef<unknown> | undefined;
+    constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, coreAdapter: SkyCoreAdapterService, overlayService: SkyOverlayService, inputBoxHostService?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService, stackingContext?: SkyStackingContext);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onCalendarModeChange(): void;
+    onSelectedDateChange(value: Date): void;
+    onTriggerButtonClick(): void;
+    onCalendarDateRangeChange(event?: SkyDatepickerCalendarChange): void;
+    /**
+     * Whether the datepicker component contains the provided focus event target.
+     * @internal
+     */
+    containsTarget(target: EventTarget): boolean;
+    /**
+     * Gets the element reference of the picker overlay.
+     * @internal
+     */
+    getPickerRef(): ElementRef | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerComponent, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerComponent, "sky-datepicker", never, { "pickerClass": { "alias": "pickerClass"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "dateFormatChange": "dateFormatChange"; "openChange": "openChange"; "calendarDateChange": "calendarDateChange"; }, never, ["*"], true, never>;
+}
+
+interface SkyDateRange {
+    /**
+     * The last date in the date range.
+     */
+    endDate?: Date | null;
+    /**
+     * The first date in the date range.
+     */
+    startDate?: Date | null;
+}
+
+/**
+ * `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.
+ */
+declare enum SkyDateRangeCalculatorId {
+    /**
+     * Selects no dates and considers all dates within the date range. This is the default selection.
+     */
+    AnyTime = 0,
+    /**
+     * Enables users to select an end date with no starting date.
+     */
+    Before = 1,
+    /**
+     * Enables users to select a start date with no end date.
+     */
+    After = 2,
+    /**
+     * Enables users to select specific start and end dates.
+     */
+    SpecificRange = 3,
+    /**
+     * Sets the start and end dates to the day before the current day.
+     */
+    Yesterday = 4,
+    /**
+     * Sets the start and end dates to the current day.
+     */
+    Today = 5,
+    /**
+     * Sets the start and end dates to the day after the current day.
+     */
+    Tomorrow = 6,
+    /**
+     * Sets the start date to Sunday of the week before the current week and
+     * the end date to Saturday of that week.
+     */
+    LastWeek = 7,
+    /**
+     * Sets the start date to Sunday of the current week and the end date to Saturday.
+     */
+    ThisWeek = 8,
+    /**
+     * Sets the start date to Sunday of the week after the current week and
+     * the end date to Saturday of that week.
+     */
+    NextWeek = 9,
+    /**
+     * 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.
+     */
+    LastMonth = 10,
+    /**
+     * Sets the start date to the first day of the current month and
+     * the end date to the last day of the month.
+     */
+    ThisMonth = 11,
+    /**
+     * 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.
+     */
+    NextMonth = 12,
+    /**
+     * 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.
+     */
+    LastQuarter = 13,
+    /**
+     * 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.
+     */
+    ThisQuarter = 14,
+    /**
+     * 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.
+     */
+    NextQuarter = 15,
+    /**
+     * 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.
+     */
+    LastCalendarYear = 16,
+    /**
+     * Sets the start date to the first day of the current year and
+     * the end date to the last day of the year.
+     */
+    ThisCalendarYear = 17,
+    /**
+     * 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.
+     */
+    NextCalendarYear = 18,
+    /**
+     * 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.
+     */
+    LastFiscalYear = 19,
+    /**
+     * 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.
+     */
+    ThisFiscalYear = 20,
+    /**
+     * 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.
+     */
+    NextFiscalYear = 21
+}
+
+/**
+ * Represents the returned value of a `SkyDateRangeCalculator`.
+ */
+interface SkyDateRangeCalculation extends SkyDateRange {
+    /**
+     * The calculator that determines the dates in the date range.
+     */
+    calculatorId: SkyDateRangeCalculatorId;
+}
+
+type SkyDateRangeCalculatorGetValueFunction = (startDateInput?: Date | null, endDateInput?: Date | null) => SkyDateRange;
+
+/**
+ * The types of calculations available for a date range calculator.
+ */
+declare enum SkyDateRangeCalculatorType {
+    /**
+     * Includes an input for a date after the current date.
+     */
+    After = 0,
+    /**
+     * Includes an input for a date before the current date.
+     */
+    Before = 1,
+    /**
+     * Includes two inputs for a range of dates.
+     */
+    Range = 2,
+    /**
+     * Does not accept any input but calculates a specific range based on the current date.
+     */
+    Relative = 3
+}
+
+type SkyDateRangeCalculatorValidateFunction = (value?: SkyDateRange) => ValidationErrors | null;
+
+/**
+ * The configuration for a date range calculator.
+ */
+interface SkyDateRangeCalculatorConfig {
+    /**
+     * Text to display within the calculator select menu to represent your calculator.
+     */
+    shortDescription: string;
+    /**
+     * The type of calculator to create.
+     */
+    type: SkyDateRangeCalculatorType;
+    /**
+     * A callback function that returns a `SkyDateRange` value.
+     */
+    getValue: SkyDateRangeCalculatorGetValueFunction;
+    /**
+     * A callback function that accepts user-selected start and end dates.
+     * Returning an Angular `ValidationErrors` value invalidates the date range form control.
+     */
+    validate?: SkyDateRangeCalculatorValidateFunction;
+}
+
+/**
+ * Represents the calculator.
+ */
+declare class SkyDateRangeCalculator {
+    #private;
+    /**
+     * The calculator ID that specifies calculator objects that represent date ranges.
+     */
+    readonly calculatorId: SkyDateRangeCalculatorId;
+    /**
+     * The text to display in the calculator select menu.
+     */
+    get shortDescription$(): Observable<string>;
+    /**
+     * The text to display in the calculator select menu.
+     * @deprecated Subscribe to the `shortDescription$` observable instead.
+     */
+    shortDescription: string;
+    /**
+     * The type of calculations available for the date range.
+     */
+    readonly type: SkyDateRangeCalculatorType;
+    constructor(
+    /**
+     * The calculator ID that specifies calculator objects that represent date ranges.
+     */
+    calculatorId: SkyDateRangeCalculatorId, config: SkyDateRangeCalculatorConfig, resourcesSvc: SkyLibResourcesService, _shortDescriptionResourceKey?: string);
+    /**
+     * Gets the current value of the calculator.
+     * @param startDateInput The start date.
+     * @param endDateInput The end date.
+     */
+    getValue(startDateInput?: Date | null, endDateInput?: Date | null): SkyDateRangeCalculation;
+    /**
+     * Performs synchronous validation against the control.
+     */
+    validate(value?: SkyDateRange): ValidationErrors | null;
+}
+
+type DateValue = Date | string | null | undefined;
+declare class SkyDateRangePickerComponent implements AfterViewInit, ControlValueAccessor, Validator {
+    #private;
+    /**
+     * IDs for the date range options to include in the picker's dropdown.
+     * The options specify calculator objects that return two `Date` objects to represent date ranges.
+     * By default, this property includes all `SkyDateRangeCalculatorId` values.
+     */
+    set calculatorIds(calculatorIds: SkyDateRangeCalculatorId[] | undefined);
+    get calculatorIds(): SkyDateRangeCalculatorId[];
+    /**
+     * The date format for
+     * [the `sky-datepicker` components](https://developer.blackbaud.com/skyux/components/datepicker)
+     * that make up the date range picker. The text input is a composite component of
+     * up to two `sky-datepicker` components.
+     * @default "MM/DD/YYYY"
+     */
+    dateFormat: string | undefined;
+    /**
+     * Whether to disable the date range picker on template-driven forms. Don't use
+     * this input on reactive forms because they may overwrite the input or leave
+     * the control out of sync. To set the disabled state on reactive forms,
+     * use the `FormControl` instead.
+     * @default false
+     */
+    set disabled(value: boolean);
+    /**
+     * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to date range picker. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title. This property only applies when `labelText` is also specified.
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     */
+    helpPopoverTitle: string | undefined;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     */
+    hintText: string | undefined;
+    /**
+     * The label for the date range picker.
+     * @deprecated Use the `labelText` input instead.
+     */
+    set label(value: string | undefined);
+    get label(): string | undefined;
+    /**
+     * The text to display as the date range picker's label.
+     */
+    labelText: string | undefined;
+    /**
+     * Whether the date range picker is stacked on another form component. When specified, the appropriate
+     * vertical spacing is automatically added to the date range picker.
+     */
+    stacked: boolean;
+    /**
+     * A help key that identifies the global help content to display. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is placed beside the date range picker label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
+     * as configured by the application. This property only applies when `labelText` is also specified.
+     */
+    helpKey: string | undefined;
+    protected calculators: SkyDateRangeCalculator[];
+    protected datepickers: Signal<readonly SkyDatepickerComponent[]>;
+    protected hostControl: AbstractControl | null | undefined;
+    protected selectedCalculator: SkyDateRangeCalculator;
+    protected showEndDatePicker: i0.WritableSignal<boolean>;
+    protected showStartDatePicker: i0.WritableSignal<boolean>;
+    protected formGroup: _angular_forms.FormGroup<{
+        calculatorId: FormControl<number>;
+        startDate: FormControl<DateValue>;
+        endDate: FormControl<DateValue>;
+    }>;
+    protected readonly calculatorIdHasErrors: Signal<boolean | undefined>;
+    protected readonly endDateHasErrors: Signal<boolean | undefined>;
+    protected readonly startDateHasErrors: Signal<boolean | undefined>;
+    ngAfterViewInit(): void;
+    registerOnChange(fn: (_: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    writeValue(value: Partial<SkyDateRangeCalculation> | undefined): void;
+    /**
+     * Fires when a user changes the selected calculator ID.
+     */
+    protected onCalculatorIdChange(): void;
+    /**
+     * Fires when a user interacts with a date range picker.
+     */
+    protected onDateChange(): void;
+    /**
+     * Fires when the date range picker loses focus.
+     */
+    protected onFocusout({ relatedTarget }: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDateRangePickerComponent, "sky-date-range-picker", never, { "calculatorIds": { "alias": "calculatorIds"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["sky-form-error"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_stacked: unknown;
+}
+
+declare class SkyDateRangePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDateRangePickerModule, never, [typeof SkyDateRangePickerComponent], [typeof SkyDateRangePickerComponent, typeof i2.SkyFormErrorModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyDateRangePickerModule>;
+}
+
+/**
+ * Creates and manages `SkyDateRangeCalculator` instances.
+ */
+declare class SkyDateRangeService {
+    #private;
+    get calculators(): SkyDateRangeCalculator[];
+    /**
+     * Creates a custom date range calculator.
+     * @param config The calculator config.
+     */
+    createCalculator(config: SkyDateRangeCalculatorConfig): SkyDateRangeCalculator;
+    /**
+     * Returns calculators from an array of calculator IDs.
+     * @param calculatorIds The array of calculator IDs.
+     */
+    filterCalculators(calculatorIds: SkyDateRangeCalculatorId[]): SkyDateRangeCalculator[];
+    /**
+     * Returns calculators from an array of calculator IDs.
+     * @param ids The array of calculator IDs.
+     * @deprecated Call `filterCalculators()` instead.
+     */
+    getCalculators(ids: SkyDateRangeCalculatorId[]): Promise<SkyDateRangeCalculator[]>;
+    /**
+     * Returns a calculator from a calculator ID.
+     * @param id The calculator ID.
+     * @deprecated Call `filterCalculators()` instead.
+     */
+    getCalculatorById(id: SkyDateRangeCalculatorId): Promise<SkyDateRangeCalculator>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyDateRangeService>;
+}
+
+declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterViewInit, AfterContentInit, ControlValueAccessor, Validator {
+    #private;
+    /**
+     * The date format for the input. Place this attribute on the `input` element
+     * to override the default in the `SkyDatepickerConfigService`.
+     * @default "MM/DD/YYYY"
+     */
+    set dateFormat(value: string | undefined);
+    get dateFormat(): string | undefined;
+    /**
+     * Whether to disable the datepicker on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
+     * To set the disabled state on reactive forms, use the `FormControl` instead.
+     * @default false
+     */
+    set disabled(value: boolean | undefined);
+    get disabled(): boolean;
+    /**
+     * The latest date that is available in the calendar. Place this attribute on
+     * the `input` element to override the default in `SkyDatepickerConfigService`.
+     */
+    set maxDate(value: Date | undefined);
+    get maxDate(): Date | undefined;
+    /**
+     * The earliest date that is available in the calendar. Place this attribute on
+     * the `input` element to override the default in `SkyDatepickerConfigService`. To avoid validation errors, the time associated with the minimum date must be midnight. This is necessary because the datepicker automatically sets the time on the `Date` object for selected dates to midnight in the current user's time zone.
+     */
+    set minDate(value: Date | undefined);
+    get minDate(): Date | undefined;
+    /**
+     * The date to open the calendar to initially. Place this attribute on the `input` element to override the default in `SkyDatepickerConfigService`.
+     * @default The current date
+     */
+    set startAtDate(value: Date | undefined);
+    get startAtDate(): Date | undefined;
+    /**
+     * Creates the datepicker input and calendar. Place this directive on an `input` element,
+     * and wrap the input in a `sky-datepicker` component. The value that users select is driven
+     * through the `ngModel` attribute specified on the `input` element.
+     * @required
+     */
+    set skyDatepickerInput(value: SkyDatepickerComponent | undefined | '');
+    /**
+     * Whether to disable date validation on the datepicker input.
+     * @default false
+     */
+    skyDatepickerNoValidate: boolean | undefined;
+    /**
+     * The starting day of the week in the calendar, where `0` sets the starting day
+     * to Sunday. Place this attribute on the `input` element to override the default
+     * in `SkyDatepickerConfigService`.
+     * @default 0
+     */
+    set startingDay(value: number | undefined);
+    get startingDay(): number;
+    /**
+     * Whether the format of the date value must match the format from the `dateFormat` value.
+     * If this property is `true` and the datepicker input directive cannot find an exact match, then
+     * the input is marked as invalid.
+     * If this property is `false` and the datepicker input directive cannot find an exact match, then
+     * it attempts to format the string based on the [ISO 8601 standard format](https://www.iso.org/iso-8601-date-and-time-format.html).
+     * @default false
+     */
+    set strict(value: boolean | undefined);
+    get strict(): boolean;
+    constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onInputChange(event: any): void;
+    onInput(): void;
+    writeValue(value: any): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    registerOnValidatorChange(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    /**
+     * Detects changes to the underlying input element's value and updates the ngModel accordingly.
+     * This is useful if you need to update the ngModel value before the input element loses focus.
+     */
+    detectInputValueChange(): void;
+    protected onFocusout(evt: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective, [null, null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyDatepickerInputDirective, "[skyDatepickerInput]", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "startAtDate": { "alias": "startAtDate"; "required": false; }; "skyDatepickerInput": { "alias": "skyDatepickerInput"; "required": false; }; "skyDatepickerNoValidate": { "alias": "skyDatepickerNoValidate"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "strict": { "alias": "strict"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyDayPickerButtonComponent {
+    datepicker: SkyDatepickerCalendarInnerComponent;
+    /**
+     * The date this picker button will represent on the calendar.
+     */
+    date: SkyDayPickerContext | undefined;
+    constructor(datepicker: SkyDatepickerCalendarInnerComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDayPickerButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDayPickerButtonComponent, "sky-daypicker-button", never, { "date": { "alias": "date"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyDayPickerCellComponent {
+    #private;
+    /**
+     * Whether the active date has been changed.
+     */
+    activeDateHasChanged: i0.InputSignal<boolean>;
+    /**
+     * The date this picker cell will represent on the calendar.
+     */
+    date: i0.InputSignal<SkyDayPickerContext | undefined>;
+    protected ariaLabel: i0.Signal<string>;
+    protected hasTooltip: i0.Signal<boolean | undefined>;
+    protected popoverController: BehaviorSubject<SkyPopoverMessage>;
+    constructor();
+    protected onDayMouseenter(): void;
+    protected onDayMouseleave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDayPickerCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDayPickerCellComponent, "sky-daypicker-cell", never, { "activeDateHasChanged": { "alias": "activeDateHasChanged"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyDayPickerComponent implements OnDestroy, OnInit {
+    #private;
+    set customDates(value: SkyDatepickerCustomDate[] | undefined);
+    calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange | undefined>;
+    isWaiting: boolean | undefined;
+    activeDateHasChanged: boolean;
+    labels: any[];
+    title: string;
+    rows: SkyDayPickerContext[][];
+    weekNumbers: number[];
+    datepicker: SkyDatepickerCalendarInnerComponent;
+    CURRENT_THEME_TEMPLATE: any;
+    constructor(datepicker: SkyDatepickerCalendarInnerComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected getDates(startDate: Date, n: number): Date[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDayPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDayPickerComponent, "sky-daypicker", never, { "customDates": { "alias": "customDates"; "required": false; }; "isWaiting": { "alias": "isWaiting"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; }, never, never, true, never>;
+}
+
+declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, AfterViewInit, AfterContentInit, ControlValueAccessor, Validator {
+    #private;
+    /**
+     * The date format for the input. Place this attribute on the `input` element
+     * to override the default in `SkyDatepickerConfigService`.
+     * @default "MM/DD/YYYY"
+     */
+    set dateFormat(value: string | undefined);
+    get dateFormat(): string | undefined;
+    /**
+     * Whether to disable the datepicker on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
+     * To set the disabled state on reactive forms, use the `FormControl` instead.
+     * @default false
+     */
+    set disabled(value: boolean | undefined);
+    get disabled(): boolean | undefined;
+    /**
+     * Whether to prevent users from specifying dates that are in the future.
+     * Place this attribute on the `input` element.
+     * @default false
+     */
+    set futureDisabled(value: boolean | undefined);
+    get futureDisabled(): boolean | undefined;
+    /**
+     * The latest fuzzy date allowed. Place this attribute on the `input` element
+     * to prevent fuzzy dates after a specified date. This property accepts
+     * a `SkyFuzzyDate` value that includes numeric month, day, and year values.
+     * For example: `{ month: 1, day: 1, year: 2027 }`.
+     */
+    set maxDate(value: SkyFuzzyDate | undefined);
+    get maxDate(): SkyFuzzyDate | undefined;
+    /**
+     * The earliest fuzzy date allowed. Place this attribute on the `input` element
+     * to prevent fuzzy dates before a specified date. This property accepts a `SkyFuzzyDate` value
+     * that includes numeric month, day, and year values.
+     * For example: `{ month: 1, day: 1, year: 2007 }`.
+     */
+    set minDate(value: SkyFuzzyDate | undefined);
+    get minDate(): SkyFuzzyDate | undefined;
+    /**
+     * The fuzzy date to open the calendar to initially.
+     * This property accepts a `SkyFuzzyDate` value that includes numeric month, day, and year values.
+     * For example: `{ month: 1, day: 1, year: 2007 }`.
+     * @default The current date
+     */
+    set startAtDate(value: SkyFuzzyDate | undefined);
+    get startAtDate(): SkyFuzzyDate | undefined;
+    /**
+     * Whether to disable date validation on the fuzzy datepicker input.
+     * @default false
+     */
+    skyDatepickerNoValidate: boolean | undefined;
+    /**
+     * The starting day of the week in the calendar, where `0` sets the starting day
+     * to Sunday. Place this attribute on the `input` element to override the default
+     * in `SkyDatepickerConfigService`.
+     * @default 0
+     */
+    set startingDay(value: number | undefined);
+    get startingDay(): number;
+    /**
+     * Whether to require the year in fuzzy dates.
+     * @default false
+     */
+    set yearRequired(value: boolean | undefined);
+    get yearRequired(): boolean | undefined;
+    constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, fuzzyDateService: SkyFuzzyDateService, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onInputChange(event: any): void;
+    onInputBlur(): void;
+    onInput(): void;
+    writeValue(value: any): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    registerOnValidatorChange(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    /**
+     * Detects changes to the underlying input element's value and updates the ngModel accordingly.
+     * This is useful if you need to update the ngModel value before the input element loses focus.
+     */
+    detectInputValueChange(): void;
+    protected onFocusout(evt: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatepickerInputDirective, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFuzzyDatepickerInputDirective, "[skyFuzzyDatepickerInput]", never, { "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "futureDisabled": { "alias": "futureDisabled"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "startAtDate": { "alias": "startAtDate"; "required": false; }; "skyDatepickerNoValidate": { "alias": "skyDatepickerNoValidate"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "yearRequired": { "alias": "yearRequired"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyMonthPickerComponent implements OnInit {
+    #private;
+    datepicker: SkyDatepickerCalendarInnerComponent;
+    rows: SkyDayPickerContext[][];
+    title: string;
+    constructor(datepicker: SkyDatepickerCalendarInnerComponent);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyMonthPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyMonthPickerComponent, "sky-monthpicker", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @internal
+ */
+declare class SkyYearPickerComponent implements OnInit {
+    #private;
+    datepicker: SkyDatepickerCalendarInnerComponent;
+    rows: SkyDayPickerContext[][];
+    title: string;
+    constructor(datepicker: SkyDatepickerCalendarInnerComponent);
+    ngOnInit(): void;
+    protected getStartingYear(year: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyYearPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyYearPickerComponent, "sky-yearpicker", never, {}, {}, never, never, true, never>;
+}
+
+declare class SkyDatepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatepickerModule, never, [typeof SkyDatepickerCalendarComponent, typeof SkyDatepickerCalendarInnerComponent, typeof SkyDatepickerComponent, typeof SkyDatepickerInputDirective, typeof SkyDayPickerButtonComponent, typeof SkyDayPickerCellComponent, typeof SkyDayPickerComponent, typeof SkyFuzzyDatepickerInputDirective, typeof SkyMonthPickerComponent, typeof SkyYearPickerComponent], [typeof SkyDatepickerCalendarComponent, typeof SkyDatepickerComponent, typeof SkyDatepickerInputDirective, typeof SkyFuzzyDatepickerInputDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyDatepickerModule>;
+}
+
+type SkyTimepickerTimeFormatType = 'hh' | 'HH';
+
+interface SkyTimepickerTimeOutput {
+    /**
+     * The hour.
+     */
+    hour: number;
+    /**
+     * The minute.
+     */
+    minute: number;
+    /**
+     * The meridian (`AM` or `PM`).
+     */
+    meridie: string;
+    /**
+     * The time zone.
+     */
+    timezone: number;
+    /**
+     * The date in [iso8601 format](https://www.iso.org/iso-8601-date-and-time-format.html).
+     */
+    iso8601: Date;
+    /**
+     * The date in the current local time format.
+     */
+    local: string;
+    /**
+     * The time format string.
+     */
+    customFormat: string;
+}
+
+/**
+ * Creates a SKY UX-themed replacement for the HTML `input` element with `type="time"`.
+ * The value that users select is driven through the `ngModel` attribute
+ * specified on the `input` element. You must wrap this component around an `input`
+ * with the `skyTimepickerInput` directive.
+ */
+declare class SkyTimepickerComponent implements OnInit, OnDestroy {
+    #private;
+    inputBoxHostService?: SkyInputBoxHostService | undefined;
+    /**
+     * Fires when the value in the timepicker input changes.
+     */
+    selectedTimeChanged: EventEmitter<SkyTimepickerTimeOutput>;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    set selectedHour(setHour: number);
+    get selectedHour(): number;
+    set selectedMeridies(meridies: string);
+    get selectedMeridies(): string;
+    set selectedMinute(minute: number);
+    get selectedMinute(): number;
+    set selectedTime(newTime: SkyTimepickerTimeOutput | undefined);
+    get selectedTime(): SkyTimepickerTimeOutput | undefined;
+    activeTime: Date;
+    hours: number[];
+    is8601: boolean;
+    isOpen: boolean;
+    isVisible: boolean;
+    localeFormat: string;
+    minutes: number[];
+    minuteMultiplier: number | undefined;
+    returnFormat: string | undefined;
+    timeFormat: SkyTimepickerTimeFormatType;
+    timepickerId: string;
+    triggerButtonId: string;
+    set timepickerRef(value: ElementRef | undefined);
+    get timepickerRef(): ElementRef | undefined;
+    timepickerTemplateRef: TemplateRef<unknown> | undefined;
+    triggerButtonRef: ElementRef | undefined;
+    inputTemplateRef: TemplateRef<unknown> | undefined;
+    triggerButtonTemplateRef: TemplateRef<unknown> | undefined;
+    constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, coreAdapter: SkyCoreAdapterService, overlayService: SkyOverlayService, inputBoxHostService?: SkyInputBoxHostService | undefined, themeSvc?: SkyThemeService, stackingContext?: SkyStackingContext);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    setFormat(format: SkyTimepickerTimeFormatType): void;
+    onCloseButtonClick(): void;
+    setTime(event: any): void;
+    onTriggerButtonClick(): void;
+    protected highlightMinute(selectedMinute: number, minute: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerComponent, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTimepickerComponent, "sky-timepicker", never, {}, { "selectedTimeChanged": "selectedTimeChanged"; }, never, ["*"], false, never>;
+}
+
+declare class SkyTimepickerInputDirective implements OnInit, OnDestroy, ControlValueAccessor, Validator, OnChanges, AfterContentInit {
+    #private;
+    pickerChangedSubscription: Subscription | undefined;
+    /**
+     * Creates the timepicker input field and picker. Place this attribute on an `input` element,
+     * and wrap the input in a `sky-timepicker` component.
+     * This attribute must be set to the instance of the `sky-timepicker`.
+     * @required
+     */
+    get skyTimepickerInput(): SkyTimepickerComponent | undefined;
+    set skyTimepickerInput(value: SkyTimepickerComponent | undefined);
+    get hostTimepickerInput(): SkyTimepickerComponent | undefined;
+    /**
+     * The 12-hour `hh` or 24-hour `HH` time format for the input.
+     * @default "hh"
+     */
+    set timeFormat(value: SkyTimepickerTimeFormatType | undefined);
+    get timeFormat(): SkyTimepickerTimeFormatType;
+    /**
+     * The custom time format. For examples,
+     * see the [moment.js](https://momentjs.com/docs/#/displaying/format/) docs.
+     */
+    returnFormat: string | undefined;
+    /**
+     * Whether to disable the timepicker on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
+     * To set the disabled state on reactive forms, use the `FormControl` instead.
+     * @default false
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean | undefined);
+    constructor(renderer: Renderer2, elRef: ElementRef, changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(): void;
+    onChange(event: any): void;
+    onBlur(): void;
+    registerOnChange(fn: (value: any) => any): void;
+    registerOnTouched(fn: () => any): void;
+    registerOnValidatorChange(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkyTimepickerInputDirective, "[skyTimepickerInput]", never, { "skyTimepickerInput": { "alias": "skyTimepickerInput"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "returnFormat": { "alias": "returnFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class SkyTimepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTimepickerModule, [typeof SkyTimepickerInputDirective, typeof SkyTimepickerComponent], [typeof i3.CommonModule, typeof i4.SkyIconModule, typeof SkyDatetimeResourcesModule, typeof i6.SkyAffixModule, typeof i7.SkyThemeModule], [typeof SkyTimepickerInputDirective, typeof SkyTimepickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyTimepickerModule>;
+}
+
+export { SkyDatePipe, SkyDatePipeModule, SkyDateRangeCalculator, SkyDateRangeCalculatorId, SkyDateRangeCalculatorType, SkyDateRangePickerModule, SkyDateRangeService, SkyDateService, SkyDatepickerConfigService, SkyDatepickerModule, SkyFuzzyDatePipe, SkyFuzzyDateService, SkyTimepickerModule, SkyDatepickerCalendarComponent as λ1, SkyDatepickerComponent as λ2, SkyDatepickerInputDirective as λ3, SkyFuzzyDatepickerInputDirective as λ4, SkyDateRangePickerComponent as λ5, SkyTimepickerComponent as λ6, SkyTimepickerInputDirective as λ7 };
+export type { SkyDateRange, SkyDateRangeCalculation, SkyDateRangeCalculatorConfig, SkyDateRangeCalculatorGetValueFunction, SkyDateRangeCalculatorValidateFunction, SkyDatepickerCalendarChange, SkyDatepickerCustomDate, SkyFuzzyDate, SkyTimepickerTimeFormatType, SkyTimepickerTimeOutput };