@skyux/datetime 11.17.0 → 11.18.0

package/lib/modules/date-range-picker/date-range-picker.component.d.ts

@@ -1,10 +1,11 @@
-import { AfterViewInit, DoCheck, OnDestroy, TemplateRef } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, FormGroup, ValidationErrors, Validator } from '@angular/forms';
+import { AfterViewInit, Signal, TemplateRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
 import { SkyDateRangeCalculation } from './types/date-range-calculation';
 import { SkyDateRangeCalculator } from './types/date-range-calculator';
 import { SkyDateRangeCalculatorId } from './types/date-range-calculator-id';
 import * as i0 from "@angular/core";
-export declare class SkyDateRangePickerComponent implements AfterViewInit, ControlValueAccessor, DoCheck, OnDestroy, Validator {
+type DateValue = Date | string | null | undefined;
+export declare class SkyDateRangePickerComponent implements AfterViewInit, ControlValueAccessor, Validator {
     #private;
     /**
      * IDs for the date range options to include in the picker's dropdown.
@@ -66,34 +67,37 @@ export declare class SkyDateRangePickerComponent implements AfterViewInit, Contr
      * as configured by the application. This property only applies when `labelText` is also specified.
      */
     helpKey: string | undefined;
-    protected calculatorIdHasErrors: boolean;
     protected calculators: SkyDateRangeCalculator[];
-    protected endDateHasErrors: boolean;
-    protected formGroup: FormGroup;
     protected hostControl: AbstractControl | null | undefined;
     protected selectedCalculator: SkyDateRangeCalculator;
-    protected showEndDatePicker: boolean;
-    protected showStartDatePicker: boolean;
-    protected startDateHasErrors: boolean;
-    constructor();
+    protected showEndDatePicker: import("@angular/core").WritableSignal<boolean>;
+    protected showStartDatePicker: import("@angular/core").WritableSignal<boolean>;
+    protected formGroup: import("@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;
-    /**
-     * Check for touched status in ngDoCheck since Angular does not (currently)
-     * have an API to respond to touched status changes from the host control.
-     * @see https://github.com/angular/angular/issues/17736#issuecomment-310812368
-     * TODO: Angular 18 introduces a new API to respond to these statuses.
-     * @see https://github.com/angular/angular/issues/10887#issuecomment-2035267400
-     */
-    ngDoCheck(): void;
-    ngOnDestroy(): 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;
     protected onBlur(): 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;
     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;
 }
+export {};

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

@@ -38,6 +38,11 @@ export declare class SkyDatepickerComponent implements OnDestroy, OnInit {
      * @internal
      */
     openChange: EventEmitter<boolean>;
+    /**
+     * Fires when a user selects a date from the calendar.
+     * @internal
+     */
+    calendarDateChange: import("@angular/core").OutputEmitterRef<Date>;
     calendarId: string;
     customDates: SkyDatepickerCustomDate[] | undefined;
     dateChange: EventEmitter<Date>;
@@ -64,5 +69,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"; "dateFormatChange": "dateFormatChange"; "openChange": "openChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerComponent, "sky-datepicker", never, { "pickerClass": { "alias": "pickerClass"; "required": false; }; }, { "calendarDateRangeChange": "calendarDateRangeChange"; "dateFormatChange": "dateFormatChange"; "openChange": "openChange"; "calendarDateChange": "calendarDateChange"; }, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/datetime",
-  "version": "11.17.0",
+  "version": "11.18.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -41,14 +41,14 @@
     "@angular/core": "^18.2.8",
     "@angular/forms": "^18.2.8",
     "@angular/platform-browser": "^18.2.8",
-    "@skyux-sdk/testing": "11.17.0",
-    "@skyux/core": "11.17.0",
-    "@skyux/forms": "11.17.0",
-    "@skyux/i18n": "11.17.0",
-    "@skyux/icon": "11.17.0",
-    "@skyux/indicators": "11.17.0",
-    "@skyux/popovers": "11.17.0",
-    "@skyux/theme": "11.17.0",
+    "@skyux-sdk/testing": "11.18.0",
+    "@skyux/core": "11.18.0",
+    "@skyux/forms": "11.18.0",
+    "@skyux/i18n": "11.18.0",
+    "@skyux/icon": "11.18.0",
+    "@skyux/indicators": "11.18.0",
+    "@skyux/popovers": "11.18.0",
+    "@skyux/theme": "11.18.0",
     "moment": "^2.30.1"
   },
   "dependencies": {