@skyux/datetime 10.0.0-alpha.1 → 10.0.0-alpha.3

package/lib/modules/datepicker/datepicker-calendar-inner.component.d.ts

@@ -21,6 +21,7 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
     calendarModeChange: EventEmitter<string>;
     activeDate: Date;
     activeDateId: string;
+    title: string;
     minMode: string;
     maxMode: string;
     monthColLimit: number;
@@ -33,28 +34,33 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
     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: (() => void) | undefined;
+    refreshViewHandlerDay: (() => string) | undefined;
     compareHandlerDay: DateComparator | undefined;
-    refreshViewHandlerMonth: (() => void) | undefined;
+    refreshViewHandlerMonth: (() => string) | undefined;
     compareHandlerMonth: DateComparator | undefined;
-    refreshViewHandlerYear: (() => void) | undefined;
+    refreshViewHandlerYear: (() => string) | undefined;
     compareHandlerYear: DateComparator | undefined;
     handleKeydownDay: KeyboardEventHandler | undefined;
     handleKeydownMonth: KeyboardEventHandler | undefined;
     handleKeydownYear: KeyboardEventHandler | undefined;
-    keys: any;
+    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: () => void, type: string): void;
+    setRefreshViewHandler(handler: () => string, type: string): void;
     refreshView(): void;
     setKeydownHandler(handler: KeyboardEventHandler, type: string): void;
     handleKeydown(key: string, event: KeyboardEvent): void;
@@ -62,7 +68,7 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
     isActive(dateObject: any): boolean;
     onKeydown(event: KeyboardEvent): void;
     createDateObject(date: Date, format: string, isSecondary: boolean, id: string): SkyDatepickerDate;
-    createCalendarRows(dates: Array<SkyDatepickerDate>, size: number): Array<Array<SkyDatepickerDate>>;
+    createCalendarRows(dates: SkyDatepickerDate[], size: number): SkyDatepickerDate[][];
     fixTimeZone(date: Date): Date;
     selectCalendar(event: Event, date: Date, closePicker?: boolean): void;
     select(date: Date, isManual?: boolean): void;
@@ -70,6 +76,7 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
     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.

package/lib/modules/datepicker/datepicker-calendar-label.pipe.d.ts

@@ -0,0 +1,23 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Formats date values according to formatting rules.
+ * @example
+ * ```markup
+ * {{ myDate | skyDatepickerCalendarLabel }}
+ * {{ myDate | skyDatepickerCalendarLabel:'YYYY' }}
+ * ```
+ * @internal
+ */
+export declare class SkyDatepickerCalendarLabelPipe implements PipeTransform {
+    #private;
+    /**
+     * 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.
+     */
+    transform(value: unknown, format?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerCalendarLabelPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyDatepickerCalendarLabelPipe, "skyDatepickerCalendarLabel", true>;
+}

package/lib/modules/datepicker/datepicker-custom-date.d.ts

@@ -17,5 +17,5 @@ export interface SkyDatepickerCustomDate {
     /**
      * Displays a popup of the provided text when hovering over the key date in the calendar.
      */
-    keyDateText?: Array<string>;
+    keyDateText?: string[];
 }

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

@@ -10,5 +10,5 @@ export interface SkyDatepickerDate {
     secondary: boolean;
     uid: string;
     keyDate?: boolean;
-    keyDateText?: Array<string>;
+    keyDateText?: string[];
 }

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

@@ -1,7 +1,6 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { SkyAppLocaleProvider } from '@skyux/i18n';
-import { SkyDatepickerAdapterService } from './datepicker-adapter.service';
 import { SkyDatepickerConfigService } from './datepicker-config.service';
 import { SkyDatepickerComponent } from './datepicker.component';
 import * as i0 from "@angular/core";
@@ -63,7 +62,7 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
      */
     set strict(value: boolean | undefined);
     get strict(): boolean;
-    constructor(adapter: SkyDatepickerAdapterService, changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
+    constructor(changeDetector: ChangeDetectorRef, configService: SkyDatepickerConfigService, elementRef: ElementRef, localeProvider: SkyAppLocaleProvider, renderer: Renderer2, datepickerComponent?: SkyDatepickerComponent);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -82,6 +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;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerInputDirective, [null, null, null, null, null, null, { optional: true; }]>;
+    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; }; "skyDatepickerInput": { "alias": "skyDatepickerInput"; "required": false; }; "skyDatepickerNoValidate": { "alias": "skyDatepickerNoValidate"; "required": false; }; "startingDay": { "alias": "startingDay"; "required": false; }; "strict": { "alias": "strict"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -18,6 +18,8 @@ export declare class SkyDatepickerComponent implements OnDestroy, OnInit {
      * @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);
@@ -28,6 +30,10 @@ export declare class SkyDatepickerComponent implements OnDestroy, OnInit {
      * to modify individual dates on the calendar.
      */
     calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange>;
+    /**
+     * @internal
+     */
+    dateFormatChange: EventEmitter<string>;
     /**
      * @internal
      */
@@ -57,5 +63,5 @@ export declare class SkyDatepickerComponent implements OnDestroy, OnInit {
     onTriggerButtonClick(): void;
     onCalendarDateRangeChange(event?: SkyDatepickerCalendarChange): void;
     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"; "openChange": "openChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerComponent, "sky-datepicker", never, { "pickerClass": { "alias": "pickerClass"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "dateFormatChange": "dateFormatChange"; "openChange": "openChange"; }, never, ["*"], false, never>;
 }

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

@@ -9,15 +9,17 @@ import * as i7 from "./datepicker-input.directive";
 import * as i8 from "./datepicker-input-fuzzy.directive";
 import * as i9 from "./daypicker-cell.component";
 import * as i10 from "./daypicker-button.component";
-import * as i11 from "@angular/common";
-import * as i12 from "@angular/forms";
-import * as i13 from "@skyux/indicators";
-import * as i14 from "../shared/sky-datetime-resources.module";
-import * as i15 from "@skyux/core";
-import * as i16 from "@skyux/theme";
-import * as i17 from "@skyux/popovers";
+import * as i11 from "@angular/cdk/a11y";
+import * as i12 from "@angular/common";
+import * as i13 from "@angular/forms";
+import * as i14 from "@skyux/indicators";
+import * as i15 from "./datepicker-calendar-label.pipe";
+import * as i16 from "../shared/sky-datetime-resources.module";
+import * as i17 from "@skyux/core";
+import * as i18 from "@skyux/theme";
+import * as i19 from "@skyux/popovers";
 export declare class SkyDatepickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatepickerModule, [typeof i1.SkyDatepickerCalendarComponent, typeof i2.SkyDatepickerCalendarInnerComponent, typeof i3.SkyDayPickerComponent, typeof i4.SkyMonthPickerComponent, typeof i5.SkyYearPickerComponent, typeof i6.SkyDatepickerComponent, typeof i7.SkyDatepickerInputDirective, typeof i8.SkyFuzzyDatepickerInputDirective, typeof i9.SkyDayPickerCellComponent, typeof i10.SkyDayPickerButtonComponent], [typeof i11.CommonModule, typeof i12.FormsModule, typeof i13.SkyIconModule, typeof i14.SkyDatetimeResourcesModule, typeof i15.SkyAffixModule, typeof i16.SkyThemeModule, typeof i17.SkyPopoverModule, typeof i13.SkyWaitModule], [typeof i1.SkyDatepickerCalendarComponent, typeof i6.SkyDatepickerComponent, typeof i7.SkyDatepickerInputDirective, typeof i8.SkyFuzzyDatepickerInputDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyDatepickerModule, [typeof i1.SkyDatepickerCalendarComponent, typeof i2.SkyDatepickerCalendarInnerComponent, typeof i3.SkyDayPickerComponent, typeof i4.SkyMonthPickerComponent, typeof i5.SkyYearPickerComponent, typeof i6.SkyDatepickerComponent, typeof i7.SkyDatepickerInputDirective, typeof i8.SkyFuzzyDatepickerInputDirective, typeof i9.SkyDayPickerCellComponent, typeof i10.SkyDayPickerButtonComponent], [typeof i11.A11yModule, typeof i12.CommonModule, typeof i13.FormsModule, typeof i14.SkyIconModule, typeof i15.SkyDatepickerCalendarLabelPipe, typeof i16.SkyDatetimeResourcesModule, typeof i17.SkyAffixModule, typeof i18.SkyThemeModule, typeof i19.SkyPopoverModule, typeof i14.SkyWaitModule], [typeof i1.SkyDatepickerCalendarComponent, typeof i6.SkyDatepickerComponent, typeof i7.SkyDatepickerInputDirective, typeof i8.SkyFuzzyDatepickerInputDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyDatepickerModule>;
 }

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

@@ -15,7 +15,7 @@ export declare class SkyDayPickerComponent implements OnDestroy, OnInit {
     activeDateHasChanged: boolean;
     labels: any[];
     title: string;
-    rows: Array<Array<SkyDatepickerDate>>;
+    rows: SkyDatepickerDate[][];
     weekNumbers: number[];
     datepicker: SkyDatepickerCalendarInnerComponent;
     CURRENT_THEME_TEMPLATE: any;

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

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export declare class SkyMonthPickerComponent implements OnInit {
     #private;
     datepicker: SkyDatepickerCalendarInnerComponent;
-    rows: Array<Array<SkyDatepickerDate>>;
+    rows: SkyDatepickerDate[][];
     title: string;
     constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     ngOnInit(): void;

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

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export declare class SkyYearPickerComponent implements OnInit {
     #private;
     datepicker: SkyDatepickerCalendarInnerComponent;
-    rows: Array<Array<SkyDatepickerDate>>;
+    rows: SkyDatepickerDate[][];
     title: string;
     constructor(datepicker: SkyDatepickerCalendarInnerComponent);
     ngOnInit(): void;

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

@@ -29,12 +29,12 @@ export declare class SkyTimepickerComponent implements OnInit, OnDestroy {
     set selectedTime(newTime: SkyTimepickerTimeOutput | undefined);
     get selectedTime(): SkyTimepickerTimeOutput | undefined;
     activeTime: Date;
-    hours: Array<number>;
+    hours: number[];
     is8601: boolean;
     isOpen: boolean;
     isVisible: boolean;
     localeFormat: string;
-    minutes: Array<number>;
+    minutes: number[];
     minuteMultiplier: number | undefined;
     returnFormat: string | undefined;
     timeFormat: SkyTimepickerTimeFormatType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/datetime",
-  "version": "10.0.0-alpha.1",
+  "version": "10.0.0-alpha.3",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -36,17 +36,18 @@
     }
   },
   "peerDependencies": {
-    "@angular/common": "^17.1.0",
-    "@angular/core": "^17.1.0",
-    "@angular/forms": "^17.1.0",
-    "@angular/platform-browser": "^17.1.0",
-    "@skyux-sdk/testing": "10.0.0-alpha.1",
-    "@skyux/core": "10.0.0-alpha.1",
-    "@skyux/forms": "10.0.0-alpha.1",
-    "@skyux/i18n": "10.0.0-alpha.1",
-    "@skyux/indicators": "10.0.0-alpha.1",
-    "@skyux/popovers": "10.0.0-alpha.1",
-    "@skyux/theme": "10.0.0-alpha.1",
+    "@angular/cdk": "^17.1.1",
+    "@angular/common": "^17.1.1",
+    "@angular/core": "^17.1.1",
+    "@angular/forms": "^17.1.1",
+    "@angular/platform-browser": "^17.1.1",
+    "@skyux-sdk/testing": "10.0.0-alpha.3",
+    "@skyux/core": "10.0.0-alpha.3",
+    "@skyux/forms": "10.0.0-alpha.3",
+    "@skyux/i18n": "10.0.0-alpha.3",
+    "@skyux/indicators": "10.0.0-alpha.3",
+    "@skyux/popovers": "10.0.0-alpha.3",
+    "@skyux/theme": "10.0.0-alpha.3",
     "moment": "^2.30.1"
   },
   "dependencies": {

package/esm2022/lib/modules/datepicker/datepicker-adapter.service.mjs

@@ -1,23 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyDatepickerAdapterService {
-    #renderer;
-    constructor(renderer) {
-        this.#renderer = renderer;
-    }
-    getPlaceholder(elementRef) {
-        return elementRef.nativeElement.getAttribute('placeholder');
-    }
-    setPlaceholder(elementRef, value) {
-        this.#renderer.setAttribute(elementRef.nativeElement, 'placeholder', value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkyDatepickerAdapterService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkyDatepickerAdapterService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkyDatepickerAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2 }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1hZGFwdGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0ZXRpbWUvc3JjL2xpYi9tb2R1bGVzL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci1hZGFwdGVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFjLFVBQVUsRUFBYSxNQUFNLGVBQWUsQ0FBQzs7QUFFbEU7O0dBRUc7QUFFSCxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLFNBQVMsQ0FBWTtJQUVyQixZQUFZLFFBQW1CO1FBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFTSxjQUFjLENBQUMsVUFBc0I7UUFDMUMsT0FBTyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBRU0sY0FBYyxDQUFDLFVBQXNCLEVBQUUsS0FBYTtRQUN6RCxJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLGFBQWEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUM5RSxDQUFDOzhHQWJVLDJCQUEyQjtrSEFBM0IsMkJBQTJCOzsyRkFBM0IsMkJBQTJCO2tCQUR2QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWxlbWVudFJlZiwgSW5qZWN0YWJsZSwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTa3lEYXRlcGlja2VyQWRhcHRlclNlcnZpY2Uge1xuICAjcmVuZGVyZXI6IFJlbmRlcmVyMjtcblxuICBjb25zdHJ1Y3RvcihyZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgdGhpcy4jcmVuZGVyZXIgPSByZW5kZXJlcjtcbiAgfVxuXG4gIHB1YmxpYyBnZXRQbGFjZWhvbGRlcihlbGVtZW50UmVmOiBFbGVtZW50UmVmKTogc3RyaW5nIHtcbiAgICByZXR1cm4gZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgncGxhY2Vob2xkZXInKTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRQbGFjZWhvbGRlcihlbGVtZW50UmVmOiBFbGVtZW50UmVmLCB2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy4jcmVuZGVyZXIuc2V0QXR0cmlidXRlKGVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3BsYWNlaG9sZGVyJywgdmFsdWUpO1xuICB9XG59XG4iXX0=

package/lib/modules/datepicker/datepicker-adapter.service.d.ts

@@ -1,13 +0,0 @@
-import { ElementRef, Renderer2 } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyDatepickerAdapterService {
-    #private;
-    constructor(renderer: Renderer2);
-    getPlaceholder(elementRef: ElementRef): string;
-    setPlaceholder(elementRef: ElementRef, value: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyDatepickerAdapterService>;
-}