@skyux/datetime 5.5.0 → 5.6.2

package/lib/modules/date-pipe/date-format-utility.d.ts

@@ -1,5 +1,4 @@
 export declare class SkyDateFormatUtility {
     private static _ALIASES;
-    constructor();
     static format(locale: string, value: any, pattern: string): string | null;
 }

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

@@ -1,12 +1,12 @@
-import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, FormBuilder, FormGroup, ValidationErrors, Validator } from '@angular/forms';
 import { SkyAppWindowRef } from '@skyux/core';
 import { SkyAppLocaleProvider } from '@skyux/i18n';
 import { SkyThemeService } from '@skyux/theme';
+import { SkyDateRangeService } from './date-range.service';
 import { SkyDateRangeCalculation } from './types/date-range-calculation';
-import { SkyDateRangeCalculatorId } from './types/date-range-calculator-id';
 import { SkyDateRangeCalculator } from './types/date-range-calculator';
-import { SkyDateRangeService } from './date-range.service';
+import { SkyDateRangeCalculatorId } from './types/date-range-calculator-id';
 import * as i0 from "@angular/core";
 /**
  * Acts as a form control with a form model of type `SkyDateRangeCalculation`.
@@ -24,6 +24,7 @@ export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, O
     private formBuilder;
     private localeProvider;
     private windowRef;
+    private ngZone;
     /**
      * Specifies IDs for the date range options to include in the picker's dropdown.
      * The options specify calculator objects that return two `Date` objects to represent date ranges.
@@ -83,7 +84,7 @@ export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, O
     private _dateFormat;
     private _disabled;
     private _value;
-    constructor(changeDetector: ChangeDetectorRef, dateRangeService: SkyDateRangeService, formBuilder: FormBuilder, localeProvider: SkyAppLocaleProvider, windowRef: SkyAppWindowRef, themeSvc?: SkyThemeService);
+    constructor(changeDetector: ChangeDetectorRef, dateRangeService: SkyDateRangeService, formBuilder: FormBuilder, localeProvider: SkyAppLocaleProvider, windowRef: SkyAppWindowRef, ngZone: NgZone, themeSvc?: SkyThemeService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -106,6 +107,6 @@ export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, O
     private onChange;
     private onTouched;
     private onValidatorChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerComponent, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerComponent, [null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyDateRangePickerComponent, "sky-date-range-picker", never, { "calculatorIds": "calculatorIds"; "dateFormat": "dateFormat"; "disabled": "disabled"; "label": "label"; "startDateRequired": "startDateRequired"; "endDateRequired": "endDateRequired"; }, {}, never, never>;
 }

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

@@ -1,7 +1,7 @@
 import { SkyLibResourcesService } from '@skyux/i18n';
+import { SkyDateRangeCalculator } from './types/date-range-calculator';
 import { SkyDateRangeCalculatorConfig } from './types/date-range-calculator-config';
 import { SkyDateRangeCalculatorId } from './types/date-range-calculator-id';
-import { SkyDateRangeCalculator } from './types/date-range-calculator';
 import * as i0 from "@angular/core";
 /**
  * Creates and manages `SkyDateRangeCalculator` instances.

package/lib/modules/date-range-picker/types/date-range-calculation.d.ts

@@ -1,5 +1,5 @@
-import { SkyDateRangeCalculatorId } from './date-range-calculator-id';
 import { SkyDateRange } from './date-range';
+import { SkyDateRangeCalculatorId } from './date-range-calculator-id';
 /**
  * Represents the returned value of a `SkyDateRangeCalculator`.
  */

package/lib/modules/date-range-picker/types/date-range-calculator.d.ts

@@ -1,9 +1,9 @@
 import { ValidationErrors } from '@angular/forms';
+import { SkyDateRange } from './date-range';
 import { SkyDateRangeCalculation } from './date-range-calculation';
 import { SkyDateRangeCalculatorConfig } from './date-range-calculator-config';
 import { SkyDateRangeCalculatorId } from './date-range-calculator-id';
 import { SkyDateRangeCalculatorType } from './date-range-calculator-type';
-import { SkyDateRange } from './date-range';
 /**
  * Represents the calculator.
  */

package/lib/modules/date-range-picker/types/date-range-relative-value.d.ts

@@ -6,7 +6,6 @@ import { SkyDateRange } from './date-range';
  * @dynamic
  */
 export declare abstract class SkyDateRangeRelativeValue {
-    constructor();
     static get today(): SkyDateRange;
     static get tomorrow(): SkyDateRange;
     static get yesterday(): SkyDateRange;

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

@@ -1,5 +1,5 @@
-import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 import { Observable } from 'rxjs';
+import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 /**
  * Specifies changes in the datepicker calendar.
  */

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

@@ -1,8 +1,10 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 import { SkyDateFormatter } from './date-formatter';
+import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 import { SkyDatepickerDate } from './datepicker-date';
 import * as i0 from "@angular/core";
+declare type DateComparator = (date1: Date, date2: Date) => number | undefined;
+declare type KeyboardEventHandler = (key: string, event: KeyboardEvent) => void;
 /**
  * @internal
  */
@@ -35,26 +37,26 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
     stepYear: any;
     protected modes: string[];
     protected dateFormatter: SkyDateFormatter;
-    refreshViewHandlerDay: Function;
-    compareHandlerDay: Function;
-    refreshViewHandlerMonth: Function;
-    compareHandlerMonth: Function;
-    refreshViewHandlerYear: Function;
-    compareHandlerYear: Function;
-    handleKeydownDay: Function;
-    handleKeydownMonth: Function;
-    handleKeydownYear: Function;
+    refreshViewHandlerDay: () => void;
+    compareHandlerDay: DateComparator;
+    refreshViewHandlerMonth: () => void;
+    compareHandlerMonth: DateComparator;
+    refreshViewHandlerYear: () => void;
+    compareHandlerYear: DateComparator;
+    handleKeydownDay: KeyboardEventHandler;
+    handleKeydownMonth: KeyboardEventHandler;
+    handleKeydownYear: KeyboardEventHandler;
     keys: any;
     private ngUnsubscribe;
     private _selectedDate;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    setCompareHandler(handler: Function, type: string): void;
-    compare(date1: Date, date2: Date): any;
-    setRefreshViewHandler(handler: Function, type: string): void;
+    setCompareHandler(handler: DateComparator, type: string): void;
+    compare(date1: Date, date2: Date): undefined | number;
+    setRefreshViewHandler(handler: () => void, type: string): void;
     refreshView(): void;
-    setKeydownHandler(handler: Function, type: string): void;
+    setKeydownHandler(handler: KeyboardEventHandler, type: string): void;
     handleKeydown(key: string, event: KeyboardEvent): void;
     dateFilter(date: Date, format: string): string;
     isActive(dateObject: any): boolean;
@@ -78,3 +80,4 @@ export declare class SkyDatepickerCalendarInnerComponent implements OnDestroy, O
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyDatepickerCalendarInnerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyDatepickerCalendarInnerComponent, "sky-datepicker-inner", never, { "customDates": "customDates"; "startingDay": "startingDay"; "minDate": "minDate"; "maxDate": "maxDate"; "selectedDate": "selectedDate"; }, { "selectedDateChange": "selectedDateChange"; "calendarModeChange": "calendarModeChange"; }, never, ["*"]>;
 }
+export {};

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

@@ -1,9 +1,9 @@
 import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
 import { SkyDatepickerAdapterService } from './datepicker-adapter.service';
+import { SkyDatepickerCalendarChange } from './datepicker-calendar-change';
 import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
 import { SkyDatepickerConfigService } from './datepicker-config.service';
 import { SkyDatepickerCustomDate } from './datepicker-custom-date';
-import { SkyDatepickerCalendarChange } from './datepicker-calendar-change';
 import * as i0 from "@angular/core";
 /**
  * @internal

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

@@ -1,5 +1,5 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, Validator, ValidationErrors } from '@angular/forms';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';
 import { SkyDatepickerConfigService } from './datepicker-config.service';
 import { SkyDatepickerComponent } from './datepicker.component';
@@ -83,7 +83,6 @@ export declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestr
     private set value(value);
     private control;
     private dateFormatter;
-    private isFirstChange;
     private locale;
     private preferredShortDateFormat;
     private ngUnsubscribe;
@@ -122,6 +121,12 @@ export declare class SkyFuzzyDatepickerInputDirective implements OnInit, OnDestr
     private onChange;
     private onTouched;
     private onValidatorChange;
+    /**
+     * 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<SkyFuzzyDatepickerInputDirective, [null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SkyFuzzyDatepickerInputDirective, "[skyFuzzyDatepickerInput]", never, { "dateFormat": "dateFormat"; "disabled": "disabled"; "futureDisabled": "futureDisabled"; "maxDate": "maxDate"; "minDate": "minDate"; "skyDatepickerNoValidate": "skyDatepickerNoValidate"; "skyFuzzyDatepickerInput": "skyFuzzyDatepickerInput"; "startingDay": "startingDay"; "yearRequired": "yearRequired"; }, {}, never>;
 }

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

@@ -1,5 +1,5 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, Validator, ValidationErrors } from '@angular/forms';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';
 import { SkyDatepickerAdapterService } from './datepicker-adapter.service';
 import { SkyDatepickerConfigService } from './datepicker-config.service';
@@ -78,7 +78,6 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
     private set value(value);
     private control;
     private dateFormatter;
-    private isFirstChange;
     private initialPlaceholder;
     private preferredShortDateFormat;
     private ngUnsubscribe;
@@ -119,8 +118,13 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
     private onChange;
     private onTouched;
     private onValidatorChange;
-    private notifyUpdatedValue;
     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>;
 }

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

@@ -1,9 +1,9 @@
 import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService } from '@skyux/core';
-import { SkyDatepickerCustomDate } from './datepicker-custom-date';
-import { SkyDatepickerCalendarChange } from './datepicker-calendar-change';
 import { SkyInputBoxHostService } from '@skyux/forms';
 import { SkyThemeService } from '@skyux/theme';
+import { SkyDatepickerCalendarChange } from './datepicker-calendar-change';
+import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 import * as i0 from "@angular/core";
 /**
  * Creates the datepicker button and calendar.

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

@@ -1,7 +1,7 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 import { SkyDatepickerCalendarChange } from './datepicker-calendar-change';
 import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
+import { SkyDatepickerCustomDate } from './datepicker-custom-date';
 import { SkyDatepickerDate } from './datepicker-date';
 import * as i0 from "@angular/core";
 /**

package/package.json

@@ -1,21 +1,6 @@
 {
   "name": "@skyux/datetime",
-  "version": "5.5.0",
-  "peerDependencies": {
-    "@angular/common": "^12.2.16",
-    "@angular/core": "^12.2.16",
-    "@angular/forms": "^12.2.16",
-    "@angular/router": "^12.2.16",
-    "@skyux/core": "5.5.0",
-    "@skyux/forms": "5.5.0",
-    "@skyux/i18n": "5.5.0",
-    "@skyux/indicators": "5.5.0",
-    "@skyux/popovers": "5.5.0"
-  },
-  "dependencies": {
-    "moment": "2.29.1",
-    "tslib": "^2.3.1"
-  },
+  "version": "5.6.2",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -30,6 +15,23 @@
     "url": "https://github.com/blackbaud/skyux/issues"
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
+  "peerDependencies": {
+    "@angular/common": "^12.2.16",
+    "@angular/core": "^12.2.16",
+    "@angular/forms": "^12.2.16",
+    "@angular/platform-browser": "^12.2.16",
+    "@skyux-sdk/testing": "5.6.2",
+    "@skyux/core": "5.6.2",
+    "@skyux/forms": "5.6.2",
+    "@skyux/i18n": "5.6.2",
+    "@skyux/indicators": "5.6.2",
+    "@skyux/popovers": "5.6.2",
+    "@skyux/theme": "5.6.2"
+  },
+  "dependencies": {
+    "moment": "2.29.1",
+    "tslib": "^2.3.1"
+  },
   "main": "bundles/skyux-datetime.umd.js",
   "module": "fesm2015/skyux-datetime.js",
   "es2015": "fesm2015/skyux-datetime.js",