@skyux/datetime 15.0.0-alpha.0 → 15.0.0-alpha.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/datetime",
-  "version": "15.0.0-alpha.0",
+  "version": "15.0.0-alpha.10",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,17 +16,17 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/cdk": "^22.0.1",
-    "@angular/common": "^22.0.1",
-    "@angular/core": "^22.0.1",
-    "@angular/forms": "^22.0.1",
-    "@skyux/core": "15.0.0-alpha.0",
-    "@skyux/forms": "15.0.0-alpha.0",
-    "@skyux/i18n": "15.0.0-alpha.0",
-    "@skyux/icon": "15.0.0-alpha.0",
-    "@skyux/indicators": "15.0.0-alpha.0",
-    "@skyux/popovers": "15.0.0-alpha.0",
-    "@skyux/theme": "15.0.0-alpha.0",
+    "@angular/cdk": "^22.1.2",
+    "@angular/common": "^22.1.2",
+    "@angular/core": "^22.1.2",
+    "@angular/forms": "^22.1.2",
+    "@skyux/core": "15.0.0-alpha.10",
+    "@skyux/forms": "15.0.0-alpha.10",
+    "@skyux/i18n": "15.0.0-alpha.10",
+    "@skyux/icon": "15.0.0-alpha.10",
+    "@skyux/indicators": "15.0.0-alpha.10",
+    "@skyux/popovers": "15.0.0-alpha.10",
+    "@skyux/theme": "15.0.0-alpha.10",
     "moment": "^2.30.1"
   },
   "dependencies": {

package/types/skyux-datetime.d.ts

@@ -1,13 +1,11 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, PipeTransform, OnInit, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, ElementRef, TemplateRef, ChangeDetectorRef, Signal, AfterContentInit, Renderer2 } from '@angular/core';
+import { OnDestroy, PipeTransform, OnInit, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, ElementRef, TemplateRef, Signal, AfterContentInit } 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 { SkyAffixService, SkyCoreAdapterService, SkyOverlayService, SkyStackingContext } from '@skyux/core';
 import * as i2 from '@skyux/forms';
 import { SkyInputBoxHostService } from '@skyux/forms';
-import { SkyThemeService } from '@skyux/theme';
 import { Observable, BehaviorSubject, Subscription } from 'rxjs';
 import { SkyPopoverMessage } from '@skyux/popovers';
 
@@ -203,35 +201,6 @@ interface SkyDatepickerCalendarChange {
     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;
@@ -369,7 +338,7 @@ declare class SkyDatepickerCalendarComponent {
     selectedDateChange: EventEmitter<Date>;
     datepicker: SkyDatepickerCalendarInnerComponent | undefined;
     protected _now: Date;
-    constructor(config: SkyDatepickerConfigService);
+    constructor();
     configureOptions(): void;
     onCalendarDateRangeChange(event: SkyDatepickerCalendarChange | undefined): void;
     onCalendarModeChange(event: string): void;
@@ -386,7 +355,6 @@ declare class SkyDatepickerCalendarComponent {
  */
 declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit {
     #private;
-    inputBoxHostService?: SkyInputBoxHostService | undefined;
     /**
      * Adds a class to the datepicker.
      * @default ""
@@ -435,13 +403,24 @@ declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit
     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);
+    readonly inputBoxHostService: SkyInputBoxHostService | null;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onCalendarModeChange(): void;
     onSelectedDateChange(value: Date): void;
     onTriggerButtonClick(): void;
+    /**
+     * Sets the datepicker value to today's date, if today is selectable.
+     * @internal
+     */
+    selectToday(): void;
+    /**
+     * Sets the datepicker value to today's date when the trigger button has focus.
+     * @internal
+     */
+    onTriggerButtonKeydown(event: KeyboardEvent): void;
     onCalendarDateRangeChange(event?: SkyDatepickerCalendarChange): void;
     /**
      * Whether the datepicker component contains the provided focus event target.
@@ -453,7 +432,7 @@ declare class SkyDatepickerComponent implements AfterViewInit, OnDestroy, OnInit
      * @internal
      */
     getPickerRef(): ElementRef | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerComponent, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerComponent, "sky-datepicker", never, { "pickerClass": { "alias": "pickerClass"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "dateFormatChange": "dateFormatChange"; "openChange": "openChange"; "calendarDateChange": "calendarDateChange"; }, never, ["*"], true, never>;
 }
 
@@ -822,6 +801,35 @@ declare class SkyDateRangeService {
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyDateRangeService>;
 }
 
+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>;
+}
+
 /**
  * Provides date input functionality for inputs and handles date parsing, formatting and
  * validation. It emits valid dates as `Date` objects and invalid dates as raw string values.
@@ -890,13 +898,14 @@ declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterVie
      */
     set strict(value: boolean | undefined);
     get strict(): boolean;
-    constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
+    constructor();
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onInputChange(event: any): void;
     onInput(): void;
+    onKeydown(event: KeyboardEvent): void;
     writeValue(value: any): void;
     validate(control: AbstractControl): ValidationErrors | null;
     registerOnChange(fn: (value: any) => void): void;
@@ -909,7 +918,7 @@ declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterVie
      */
     detectInputValueChange(): void;
     protected onFocusout(evt: FocusEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective, never>;
     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>;
 }
 
@@ -917,12 +926,11 @@ declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, AfterVie
  * @internal
  */
 declare class SkyDayPickerButtonComponent {
-    datepicker: SkyDatepickerCalendarInnerComponent;
     /**
      * The date this picker button will represent on the calendar.
      */
     date: SkyDayPickerContext | undefined;
-    constructor(datepicker: SkyDatepickerCalendarInnerComponent);
+    readonly 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>;
 }
@@ -963,9 +971,8 @@ declare class SkyDayPickerComponent implements OnDestroy, OnInit {
     title: string;
     rows: SkyDayPickerContext[][];
     weekNumbers: number[];
-    datepicker: SkyDatepickerCalendarInnerComponent;
+    readonly datepicker: SkyDatepickerCalendarInnerComponent;
     CURRENT_THEME_TEMPLATE: any;
-    constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected getDates(startDate: Date, n: number): Date[];
@@ -1039,7 +1046,7 @@ declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, Aft
      */
     set yearRequired(value: boolean | undefined);
     get yearRequired(): boolean | undefined;
-    constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, fuzzyDateService: SkyFuzzyDateService, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
+    constructor();
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -1047,6 +1054,7 @@ declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, Aft
     onInputChange(event: any): void;
     onInputBlur(): void;
     onInput(): void;
+    onKeydown(event: KeyboardEvent): void;
     writeValue(value: any): void;
     validate(control: AbstractControl): ValidationErrors | null;
     registerOnChange(fn: (value: any) => void): void;
@@ -1059,7 +1067,7 @@ declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, Aft
      */
     detectInputValueChange(): void;
     protected onFocusout(evt: FocusEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatepickerInputDirective, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFuzzyDatepickerInputDirective, never>;
     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>;
 }
 
@@ -1068,10 +1076,9 @@ declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestroy, Aft
  */
 declare class SkyMonthPickerComponent implements OnInit {
     #private;
-    datepicker: SkyDatepickerCalendarInnerComponent;
+    readonly 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>;
@@ -1082,10 +1089,9 @@ declare class SkyMonthPickerComponent implements OnInit {
  */
 declare class SkyYearPickerComponent implements OnInit {
     #private;
-    datepicker: SkyDatepickerCalendarInnerComponent;
+    readonly datepicker: SkyDatepickerCalendarInnerComponent;
     rows: SkyDayPickerContext[][];
     title: string;
-    constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     ngOnInit(): void;
     protected getStartingYear(year: number): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyYearPickerComponent, never>;
@@ -1139,7 +1145,6 @@ interface SkyTimepickerTimeOutput {
  */
 declare class SkyTimepickerComponent implements OnInit, OnDestroy {
     #private;
-    inputBoxHostService?: SkyInputBoxHostService | undefined;
     /**
      * Fires when the value in the timepicker input changes.
      */
@@ -1172,7 +1177,8 @@ declare class SkyTimepickerComponent implements OnInit, OnDestroy {
     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);
+    readonly inputBoxHostService: SkyInputBoxHostService | null;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     setFormat(format: SkyTimepickerTimeFormatType): void;
@@ -1180,7 +1186,7 @@ declare class SkyTimepickerComponent implements OnInit, OnDestroy {
     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 ɵfac: i0.ɵɵFactoryDeclaration<SkyTimepickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyTimepickerComponent, "sky-timepicker", never, {}, { "selectedTimeChanged": "selectedTimeChanged"; }, never, ["*"], true, never>;
 }
 
@@ -1214,7 +1220,6 @@ declare class SkyTimepickerInputDirective implements OnInit, OnDestroy, ControlV
      */
     get disabled(): boolean;
     set disabled(value: boolean | undefined);
-    constructor(renderer: Renderer2, elRef: ElementRef, changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;