@skyux/datetime 12.1.0 → 12.3.0

package/lib/modules/datepicker/calendar/datepicker-calendar-change.d.ts

@@ -14,7 +14,7 @@ export interface SkyDatepickerCalendarChange {
     startDate: Date;
     /**
      * The observable that allows the consumer to push custom dates back to the calendar
-     * when the `SkyCalendarDateRangeChangeEvent` event fires. This is useful
+     * 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

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

@@ -15,6 +15,7 @@ export declare class SkyTimepickerInputDirective implements OnInit, OnDestroy, C
      */
     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"

package/package.json

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

package/testing/modules/timepicker/timepicker-harness-filters.d.ts

@@ -0,0 +1,6 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyTimepickerHarness` instances.
+ */
+export interface SkyTimepickerFilters extends SkyHarnessFilters {
+}

package/testing/modules/timepicker/timepicker-harness.d.ts

@@ -0,0 +1,42 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { SkyTimepickerFilters } from './timepicker-harness-filters';
+import { SkyTimepickerInputHarness } from './timepicker-input-harness';
+import { SkyTimepickerSelectorHarness } from './timepicker-selector-harness';
+/**
+ * Harness for interacting with timepicker components in tests.
+ */
+export declare class SkyTimepickerHarness extends SkyComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyTimepickerHarness` that meets certain criteria.
+     *
+     * These filters only work for standalone timepickers. For timepickers
+     * wrapped inside `sky-input-box`, place filters on the input box instead and
+     * query the timepicker using a `SkyInputBoxHarness`.
+     * For the input box implementation, see the code example.
+     */
+    static with(filters: SkyTimepickerFilters): HarnessPredicate<SkyTimepickerHarness>;
+    /**
+     * Clicks the selector button.
+     */
+    clickSelectorButton(): Promise<void>;
+    /**
+     * Gets the `SkyTimepickerSelectorHarness` for the selector controlled by
+     * the timepicker. Throws an error if the selector is not open.
+     */
+    getTimepickerSelector(): Promise<SkyTimepickerSelectorHarness>;
+    /**
+     * Gets the timepicker input harness.
+     */
+    getControl(): Promise<SkyTimepickerInputHarness>;
+    /**
+     * Whether the timepicker calendar picker is open.
+     */
+    isTimepickerOpen(): Promise<boolean>;
+}

package/testing/modules/timepicker/timepicker-input-harness.d.ts

@@ -0,0 +1,18 @@
+import { SkyInputHarness } from '@skyux/core/testing';
+/**
+ * Harness to interact with the timepicker input harness.
+ */
+export declare class SkyTimepickerInputHarness extends SkyInputHarness {
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Blurs the input.
+     */
+    blur(): Promise<void>;
+    /**
+     * Sets the value of the input.
+     */
+    setValue(value: string): Promise<void>;
+}

package/testing/modules/timepicker/timepicker-selector-column-harness.d.ts

@@ -0,0 +1,24 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+/**
+ * Harness for interacting with timepicker selector column in tests.
+ * @internal
+ */
+export declare class SkyTimepickerSelectorColumnHarness extends ComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * @internal
+     */
+    static with(filters: BaseHarnessFilters): HarnessPredicate<SkyTimepickerSelectorColumnHarness>;
+    /**
+     * Clicks the specified button.
+     */
+    clickButton(value: string): Promise<void>;
+    /**
+     * Gets the selected value.
+     */
+    getSelectedValue(): Promise<string | undefined>;
+}

package/testing/modules/timepicker/timepicker-selector-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { BaseHarnessFilters } from '@angular/cdk/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyTimepickerSelectorHarness` instances.
+ * @internal
+ */
+export interface SkyTimepickerSelectorHarnessFilters extends BaseHarnessFilters {
+}

package/testing/modules/timepicker/timepicker-selector-harness.d.ts

@@ -0,0 +1,36 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { SkyTimepickerSelectorHarnessFilters } from './timepicker-selector-harness-filters';
+/**
+ * Harness for interacting with a timepicker selector in tests.
+ */
+export declare class SkyTimepickerSelectorHarness extends ComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * @internal
+     */
+    static with(filters: SkyTimepickerSelectorHarnessFilters): HarnessPredicate<SkyTimepickerSelectorHarness>;
+    /**
+     * Clicks the specified hour button, or throws an error if it does not exist.
+     */
+    clickHour(value: string): Promise<void>;
+    /**
+     * Clicks the specified meridie button, or throws an error if it does not exist.
+     */
+    clickMeridie(value: string): Promise<void>;
+    /**
+     * Clicks the specified minute button, or throws an error if it does not exist.
+     */
+    clickMinute(value: string): Promise<void>;
+    /**
+     * Gets the current calendar mode.
+     */
+    getSelectorMode(): Promise<string>;
+    /**
+     * Gets the time value of the currently selected items.
+     */
+    getSelectedValue(): Promise<string | undefined>;
+}

package/testing/public-api.d.ts

@@ -8,3 +8,7 @@ export { SkyDatepickerHarness } from './modules/datepicker/datepicker-harness';
 export { SkyDatepickerFilters } from './modules/datepicker/datepicker-harness.filters';
 export { SkyDatepickerInputHarness } from './modules/datepicker/datepicker-input-harness';
 export { SkyFuzzyDatepickerInputHarness } from './modules/datepicker/fuzzy-datepicker-input-harness';
+export { SkyTimepickerHarness } from './modules/timepicker/timepicker-harness';
+export { SkyTimepickerFilters } from './modules/timepicker/timepicker-harness-filters';
+export { SkyTimepickerInputHarness } from './modules/timepicker/timepicker-input-harness';
+export { SkyTimepickerSelectorHarness } from './modules/timepicker/timepicker-selector-harness';