@skyux/datetime 7.0.0-beta.11 → 7.0.0-beta.13

package/lib/modules/datepicker/datepicker-input.directive.d.ts

@@ -6,44 +6,32 @@ import { SkyDatepickerConfigService } from './datepicker-config.service';
 import { SkyDatepickerComponent } from './datepicker.component';
 import * as i0 from "@angular/core";
 export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterViewInit, AfterContentInit, ControlValueAccessor, Validator {
-    private adapter;
-    private changeDetector;
-    private configService;
-    private elementRef;
-    private localeProvider;
-    private renderer;
-    private resourcesService;
-    private datepickerComponent;
+    #private;
     /**
      * Specifies 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);
-    get dateFormat(): string;
+    set dateFormat(value: string | undefined);
+    get dateFormat(): string | undefined;
     /**
      * Indicates whether to disable the datepicker.
      * @default false
      */
-    set disabled(value: boolean);
+    set disabled(value: boolean | undefined);
     get disabled(): boolean;
-    /**
-     * @internal
-     * Indicates if the input element or any of its children have focus.
-     */
-    get inputIsFocused(): boolean;
     /**
      * Specifies 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);
-    get maxDate(): Date;
+    set maxDate(value: Date | undefined);
+    get maxDate(): Date | undefined;
     /**
      * Specifies the earliest date that is available in the calendar. Place this attribute on
      * the `input` element to override the default in `SkyDatepickerConfigService`.
      */
-    set minDate(value: Date);
-    get minDate(): Date;
+    set minDate(value: Date | undefined);
+    get minDate(): 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
@@ -55,14 +43,14 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
      * Indicates whether to disable date validation on the datepicker input.
      * @default false
      */
-    skyDatepickerNoValidate: boolean;
+    skyDatepickerNoValidate: boolean | undefined;
     /**
      * Specifies 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);
+    set startingDay(value: number | undefined);
     get startingDay(): number;
     /**
      * Indicates whether the format of the date value must match the format from the `dateFormat` value.
@@ -72,23 +60,9 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
      * 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);
+    set strict(value: boolean | undefined);
     get strict(): boolean;
-    private get value();
-    private set value(value);
-    private control;
-    private dateFormatter;
-    private initialPlaceholder;
-    private preferredShortDateFormat;
-    private ngUnsubscribe;
-    private _dateFormat;
-    private _disabled;
-    private _maxDate;
-    private _minDate;
-    private _startingDay;
-    private _strict;
-    private _value;
-    constructor(adapter: SkyDatepickerAdapterService, changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, resourcesService: SkyLibResourcesService, datepickerComponent: SkyDatepickerComponent);
+    constructor(adapter: SkyDatepickerAdapterService, changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, resourcesService: SkyLibResourcesService, datepickerComponent?: SkyDatepickerComponent);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -97,7 +71,7 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
     onInputBlur(): void;
     onInput(): void;
     writeValue(value: any): void;
-    validate(control: AbstractControl): ValidationErrors;
+    validate(control: AbstractControl): ValidationErrors | null;
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: () => void): void;
     registerOnValidatorChange(fn: () => void): void;
@@ -107,35 +81,6 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
      * This is useful if you need to update the ngModel value before the input element loses focus.
      */
     detectInputValueChange(): void;
-    private applyDateFormat;
-    private onValueChange;
-    private setInputElementValue;
-    /**
-     * Gets the date value from a value - if possible.
-     * Will not convert unconvertable dates or numbers outside of the current month's number of days.
-     * Returns `undefined` if the value can not be converted.
-     */
-    private getDateValue;
-    /**
-     * Converts a string to a date object if the string is a valid date string.
-     * It will also convert numeric input to a date if that number is within the current month's number of days.
-     * If the string can not be converted, `undefined` be returned.
-     */
-    private getShortcutOrDateValue;
-    /**
-     * Validates the input value to ensure it is formatted correctly.
-     */
-    private isDateStringValid;
-    private onChange;
-    private onTouched;
-    private onValidatorChange;
-    private updatePlaceholder;
-    /**
-     * Update the value of the form control and input element
-     * @param emitEvent Denotes if we emit an event to the consumer's form control. We do not want to do this if the value is being updated via a `setValue` call or a `patchValue` call as this is already handled by Angular.
-     * In these cases we do not want to fire `onChange` as it will cause extra `valueChange` and `statusChange` events and the status of the form should not be affected by these changes.
-     */
-    private updateValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SkyDatepickerInputDirective, "[skyDatepickerInput]", never, { "dateFormat": "dateFormat"; "disabled": "disabled"; "maxDate": "maxDate"; "minDate": "minDate"; "skyDatepickerInput": "skyDatepickerInput"; "skyDatepickerNoValidate": "skyDatepickerNoValidate"; "startingDay": "startingDay"; "strict": "strict"; }, {}, never, never, false>;
 }

package/lib/modules/datepicker/datepicker.component.d.ts

@@ -1,8 +1,9 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
 import { SkyThemeService } from '@skyux/theme';
 import { SkyDatepickerCalendarChange } from './datepicker-calendar-change';
+import { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';
 import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 import * as i0 from "@angular/core";
 /**
@@ -10,37 +11,17 @@ import * as i0 from "@angular/core";
  * You must wrap this component around an input with the `skyDatepickerInput` directive.
  */
 export declare class SkyDatepickerComponent implements OnDestroy, OnInit {
-    private affixService;
-    private changeDetector;
-    private coreAdapter;
-    private overlayService;
-    inputBoxHostService?: SkyInputBoxHostService;
+    #private;
+    inputBoxHostService?: SkyInputBoxHostService | undefined;
     /**
      * Adds a class to the datepicker.
      * @default ""
      */
-    pickerClass: string;
-    /**
-     * @internal
-     * Indicates if the calendar button element or any of its children have focus.
-     * @deprecated This property will be removed in the next major version release.
-     */
-    get buttonIsFocused(): boolean;
-    /**
-     * @internal
-     * Indicates if the calendar element or any of its children have focus.
-     * @deprecated This property will be removed in the next major version release.
-     */
-    get calendarIsFocused(): boolean;
-    /**
-     * @internal
-     * Indicates if the calendar element's visiblity property is 'visible'.
-     * @deprecated This property will be removed in the next major version release.
-     */
-    get calendarIsVisible(): boolean;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    set selectedDate(value: Date);
+    pickerClass: 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
@@ -53,42 +34,24 @@ export declare class SkyDatepickerComponent implements OnDestroy, OnInit {
     isDaypickerWaiting: boolean;
     isOpen: boolean;
     isVisible: boolean;
-    maxDate: Date;
-    minDate: Date;
-    startingDay: number;
+    maxDate: Date | undefined;
+    minDate: Date | undefined;
+    startingDay: number | undefined;
     triggerButtonId: string;
-    private calendar;
-    private set calendarRef(value);
-    private get calendarRef();
-    private calendarTemplateRef;
-    private triggerButtonRef;
-    private inputTemplateRef;
-    private triggerButtonTemplateRef;
-    private affixer;
-    private calendarUnsubscribe;
-    private customDatesSubscription;
-    private ngUnsubscribe;
-    private overlay;
-    private overlayKeydownListner;
-    private _calendarRef;
-    private _disabled;
-    private _selectedDate;
-    constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, coreAdapter: SkyCoreAdapterService, overlayService: SkyOverlayService, inputBoxHostService?: SkyInputBoxHostService, themeSvc?: SkyThemeService);
+    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);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onCalendarModeChange(): void;
     onSelectedDateChange(value: Date): void;
     onTriggerButtonClick(): void;
-    onCalendarDateRangeChange(event: SkyDatepickerCalendarChange): void;
-    private closePicker;
-    private openPicker;
-    private createAffixer;
-    private destroyAffixer;
-    private createOverlay;
-    private destroyOverlay;
-    private addKeydownListner;
-    private removePickerEventListeners;
-    private cancelCustomDatesSubscription;
+    onCalendarDateRangeChange(event?: SkyDatepickerCalendarChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerComponent, "sky-datepicker", never, { "pickerClass": "pickerClass"; }, { "calendarDateRangeChange": "calendarDateRangeChange"; }, never, ["*"], false>;
 }

package/lib/modules/datepicker/daypicker-button.component.d.ts

@@ -9,7 +9,7 @@ export declare class SkyDayPickerButtonComponent {
     /**
      * Specifies the date this picker button will represent on the calendar.
      */
-    date: SkyDatepickerDate;
+    date: SkyDatepickerDate | undefined;
     constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyDayPickerButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyDayPickerButtonComponent, "sky-daypicker-button", never, { "date": "date"; }, {}, never, never, false>;

package/lib/modules/datepicker/daypicker-cell.component.d.ts

@@ -9,22 +9,17 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyDayPickerCellComponent implements OnInit, OnDestroy {
-    private datepicker;
-    private datepickerService;
+    #private;
     /**
      * Specifies if the active date has been changed.
      */
-    activeDateHasChanged: boolean;
+    activeDateHasChanged: boolean | undefined;
     /**
      * Specifies the date this picker cell will represent on the calendar.
      */
-    date: SkyDatepickerDate;
+    date: SkyDatepickerDate | undefined;
     hasTooltip: boolean;
     popoverController: Subject<SkyPopoverMessage>;
-    private activeUid;
-    private cancelPopover;
-    private popoverOpen;
-    private ngUnsubscribe;
     constructor(datepicker: SkyDatepickerCalendarInnerComponent, datepickerService: SkyDatepickerService);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -33,8 +28,6 @@ export declare class SkyDayPickerCellComponent implements OnInit, OnDestroy {
     onPopoverClosed(): void;
     onPopoverOpened(): void;
     getKeyDateLabel(): string;
-    private hideTooltip;
-    private showTooltip;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyDayPickerCellComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyDayPickerCellComponent, "sky-daypicker-cell", never, { "activeDateHasChanged": "activeDateHasChanged"; "date": "date"; }, {}, never, never, false>;
 }

package/lib/modules/datepicker/daypicker.component.d.ts

@@ -8,9 +8,10 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyDayPickerComponent implements OnDestroy, OnInit {
-    set customDates(value: SkyDatepickerCustomDate[]);
-    calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange>;
-    isWaiting: boolean;
+    #private;
+    set customDates(value: SkyDatepickerCustomDate[] | undefined);
+    calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange | undefined>;
+    isWaiting: boolean | undefined;
     activeDateHasChanged: boolean;
     labels: any[];
     title: string;
@@ -18,23 +19,10 @@ export declare class SkyDayPickerComponent implements OnDestroy, OnInit {
     weekNumbers: number[];
     datepicker: SkyDatepickerCalendarInnerComponent;
     CURRENT_THEME_TEMPLATE: any;
-    private daysInMonth;
-    private initialDate;
-    private ngUnsubscribe;
     constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected getDates(startDate: Date, n: number): Date[];
-    private compareDays;
-    private refreshDayView;
-    private keydownDays;
-    private getDaysInMonth;
-    /**
-     * Applies custom date properties to the existing dates displayed in the calendar.
-     */
-    private applyCustomDates;
-    private dateRangeRowsAreEqual;
-    private getDateRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyDayPickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyDayPickerComponent, "sky-daypicker", never, { "customDates": "customDates"; "isWaiting": "isWaiting"; }, { "calendarDateRangeChange": "calendarDateRangeChange"; }, never, never, false>;
 }

package/lib/modules/datepicker/fuzzy-date.service.d.ts

@@ -15,9 +15,7 @@ interface SkyFuzzyDateRange {
  * @internal
  */
 export declare class SkyFuzzyDateService implements OnDestroy {
-    private localeProvider;
-    private currentLocale;
-    private ngUnsubscribe;
+    #private;
     constructor(localeProvider: SkyAppLocaleProvider);
     ngOnDestroy(): void;
     /**
@@ -33,43 +31,21 @@ export declare class SkyFuzzyDateService implements OnDestroy {
      * 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;
+    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;
+    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;
-    getFuzzyDateFromSelectedDate(selectedDate: Date, dateFormat: string): SkyFuzzyDate;
-    getFuzzyDateFromString(date: string, dateFormat: string): SkyFuzzyDate;
+    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;
-    private getMostRecentLeapYear;
-    /**
-     * Returns the first separator found in the provided date format string.
-     * Accepted separators: ['/', '.', '-', ' '].
-     * @param dateFormat
-     */
-    private getDateSeparator;
-    private get4DigitYearFromDateString;
-    private isLeapYear;
-    private getMonthNumber;
-    private getDefaultYear;
-    private getDateComponents;
-    private getDateFormatIndexes;
-    private getDateValueIndexes;
-    /**
-     * Validates the provided SkyFuzzyDate object. Valid fuzzy dates are as follows:
-     * month, day, year
-     * month, year
-     * month, day
-     * year only
-     */
-    private isFuzzyDateValid;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyFuzzyDateService>;
 }

package/lib/modules/datepicker/monthpicker.component.d.ts

@@ -6,15 +6,12 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyMonthPickerComponent implements OnInit {
+    #private;
     datepicker: SkyDatepickerCalendarInnerComponent;
-    maxMode: string;
     rows: Array<Array<SkyDatepickerDate>>;
     title: string;
     constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     ngOnInit(): void;
-    private compareMonth;
-    private refreshMonthView;
-    private keydownMonths;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyMonthPickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyMonthPickerComponent, "sky-monthpicker", never, {}, {}, never, never, false>;
 }

package/lib/modules/datepicker/yearpicker.component.d.ts

@@ -6,15 +6,13 @@ import * as i0 from "@angular/core";
  * @internal
  */
 export declare class SkyYearPickerComponent implements OnInit {
+    #private;
     datepicker: SkyDatepickerCalendarInnerComponent;
     rows: Array<Array<SkyDatepickerDate>>;
     title: string;
     constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     ngOnInit(): void;
     protected getStartingYear(year: number): number;
-    private compareYears;
-    private refreshYearView;
-    private keydownYears;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyYearPickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyYearPickerComponent, "sky-yearpicker", never, {}, {}, never, never, false>;
 }

package/lib/modules/timepicker/timepicker.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService } from '@skyux/core';
 import { SkyInputBoxHostService } from '@skyux/forms';
 import { SkyThemeService } from '@skyux/theme';
@@ -11,11 +11,8 @@ import * as i0 from "@angular/core";
  * with the `skyTimepickerInput` directive.
  */
 export declare class SkyTimepickerComponent implements OnInit, OnDestroy {
-    private affixService;
-    private changeDetector;
-    private coreAdapter;
-    private overlayService;
-    inputBoxHostService?: SkyInputBoxHostService;
+    #private;
+    inputBoxHostService?: SkyInputBoxHostService | undefined;
     /**
      * Fires when the value in the timepicker input changes.
      */
@@ -28,8 +25,8 @@ export declare class SkyTimepickerComponent implements OnInit, OnDestroy {
     get selectedMeridies(): string;
     set selectedMinute(minute: number);
     get selectedMinute(): number;
-    set selectedTime(newTime: SkyTimepickerTimeOutput);
-    get selectedTime(): SkyTimepickerTimeOutput;
+    set selectedTime(newTime: SkyTimepickerTimeOutput | undefined);
+    get selectedTime(): SkyTimepickerTimeOutput | undefined;
     activeTime: Date;
     hours: Array<number>;
     is8601: boolean;
@@ -37,39 +34,24 @@ export declare class SkyTimepickerComponent implements OnInit, OnDestroy {
     isVisible: boolean;
     localeFormat: string;
     minutes: Array<number>;
-    minuteMultiplier: number;
-    returnFormat: string;
+    minuteMultiplier: number | undefined;
+    returnFormat: string | undefined;
     timeFormat: string;
     timepickerId: string;
     triggerButtonId: string;
-    private set timepickerRef(value);
-    private get timepickerRef();
-    private timepickerTemplateRef;
-    private triggerButtonRef;
-    private inputTemplateRef;
-    private triggerButtonTemplateRef;
-    private affixer;
-    private timepickerUnsubscribe;
-    private ngUnsubscribe;
-    private overlay;
-    private overlayKeydownListner;
-    private _disabled;
-    private _timepickerRef;
-    constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, coreAdapter: SkyCoreAdapterService, overlayService: SkyOverlayService, inputBoxHostService?: SkyInputBoxHostService, themeSvc?: SkyThemeService);
+    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);
     ngOnInit(): void;
     ngOnDestroy(): void;
     setFormat(format: string): void;
     onCloseButtonCick(): void;
     setTime(event: any): void;
     onTriggerButtonClick(): void;
-    private closePicker;
-    private openPicker;
-    private createAffixer;
-    private destroyAffixer;
-    private createOverlay;
-    private destroyOverlay;
-    private addKeydownListner;
-    private removePickerEventListeners;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerComponent, [null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyTimepickerComponent, "sky-timepicker", never, {}, { "selectedTimeChanged": "selectedTimeChanged"; }, never, ["*"], false>;
 }

package/lib/modules/timepicker/timepicker.directive.d.ts

@@ -1,47 +1,37 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { SkyLibResourcesService } from '@skyux/i18n';
 import { Subscription } from 'rxjs';
 import { SkyTimepickerComponent } from './timepicker.component';
 import * as i0 from "@angular/core";
 export declare class SkyTimepickerInputDirective implements OnInit, OnDestroy, ControlValueAccessor, Validator, OnChanges, AfterContentInit {
-    private renderer;
-    private elRef;
-    private resourcesService;
-    private changeDetector;
-    pickerChangedSubscription: Subscription;
-    private _timeFormat;
+    #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;
-    set skyTimepickerInput(value: SkyTimepickerComponent);
+    get skyTimepickerInput(): SkyTimepickerComponent | undefined;
+    set skyTimepickerInput(value: SkyTimepickerComponent | undefined);
     /**
      * Specifies the 12-hour `hh` or 24-hour `HH` time format for the input.
      * @default "hh"
      */
-    set timeFormat(value: string);
+    set timeFormat(value: string | undefined);
     get timeFormat(): string;
     /**
      * Specifies a custom time format. For examples,
      * see the [moment.js](https://momentjs.com/docs/#/displaying/format/) docs.
      */
-    returnFormat: string;
+    returnFormat: string | undefined;
     /**
      * Indicates whether to disable the timepicker.
      * @default false
      */
     get disabled(): boolean;
-    set disabled(value: boolean);
-    private get modelValue();
-    private set modelValue(value);
-    private control;
-    private _disabled;
-    private _modelValue;
-    private _skyTimepickerInput;
+    set disabled(value: boolean | undefined);
     constructor(renderer: Renderer2, elRef: ElementRef, resourcesService: SkyLibResourcesService, changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterContentInit(): void;
@@ -54,15 +44,7 @@ export declare class SkyTimepickerInputDirective implements OnInit, OnDestroy, C
     registerOnValidatorChange(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: any): void;
-    validate(control: AbstractControl): {
-        [key: string]: any;
-    };
-    private setInputValue;
-    private formatter;
-    private updateTimepickerInput;
-    private _onChange;
-    private _onTouched;
-    private _validatorChange;
+    validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SkyTimepickerInputDirective, "[skyTimepickerInput]", never, { "skyTimepickerInput": "skyTimepickerInput"; "timeFormat": "timeFormat"; "returnFormat": "returnFormat"; "disabled": "disabled"; }, {}, never, never, false>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/datetime",
-  "version": "7.0.0-beta.11",
+  "version": "7.0.0-beta.13",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -44,13 +44,13 @@
     "@angular/core": "^14.2.0",
     "@angular/forms": "^14.2.0",
     "@angular/platform-browser": "^14.2.0",
-    "@skyux-sdk/testing": "7.0.0-beta.11",
-    "@skyux/core": "7.0.0-beta.11",
-    "@skyux/forms": "7.0.0-beta.11",
-    "@skyux/i18n": "7.0.0-beta.11",
-    "@skyux/indicators": "7.0.0-beta.11",
-    "@skyux/popovers": "7.0.0-beta.11",
-    "@skyux/theme": "7.0.0-beta.11",
+    "@skyux-sdk/testing": "7.0.0-beta.13",
+    "@skyux/core": "7.0.0-beta.13",
+    "@skyux/forms": "7.0.0-beta.13",
+    "@skyux/i18n": "7.0.0-beta.13",
+    "@skyux/indicators": "7.0.0-beta.13",
+    "@skyux/popovers": "7.0.0-beta.13",
+    "@skyux/theme": "7.0.0-beta.13",
     "moment": "^2.29.4"
   },
   "dependencies": {