@skyux/datetime 5.9.4 → 6.0.0-beta.10

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

@@ -1,6 +1,5 @@
 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';
@@ -23,7 +22,6 @@ export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, O
     private dateRangeService;
     private formBuilder;
     private localeProvider;
-    private windowRef;
     private ngZone;
     /**
      * Specifies IDs for the date range options to include in the picker's dropdown.
@@ -84,7 +82,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, ngZone: NgZone, themeSvc?: SkyThemeService);
+    constructor(changeDetector: ChangeDetectorRef, dateRangeService: SkyDateRangeService, formBuilder: FormBuilder, localeProvider: SkyAppLocaleProvider, ngZone: NgZone, themeSvc?: SkyThemeService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -93,7 +91,6 @@ export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, O
     validate(control: AbstractControl): ValidationErrors;
     registerOnChange(fn: (value: SkyDateRangeCalculation) => SkyDateRangeCalculation): void;
     registerOnTouched(fn: () => SkyDateRangeCalculation): void;
-    registerOnValidatorChange(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     private setValue;
     private patchValue;
@@ -106,7 +103,6 @@ export declare class SkyDateRangePickerComponent implements OnInit, OnChanges, O
     private dateRangesEqual;
     private onChange;
     private onTouched;
-    private onValidatorChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerComponent, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyDateRangePickerComponent, [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/datepicker/datepicker-input.directive.d.ts

@@ -110,7 +110,18 @@ export declare class SkyDatepickerInputDirective implements OnInit, OnDestroy, A
     private applyDateFormat;
     private onValueChange;
     private setInputElementValue;
+    /**
+     * Gets the date value from a value - if possible.
+     * Will not convert unconvertable dates or numbers outside of the current month's number of days.
+     * Returns `undefined` if the value can not be converted.
+     */
     private getDateValue;
+    /**
+     * Converts a string to a date object if the string is a valid date string.
+     * It will also convert numeric input to a date if that number is within the current month's number of days.
+     * If the string can not be converted, `undefined` be returned.
+     */
+    private getShortcutOrDateValue;
     /**
      * Validates the input value to ensure it is formatted correctly.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/datetime",
-  "version": "5.9.4",
+  "version": "6.0.0-beta.10",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -15,28 +15,52 @@
     "url": "https://github.com/blackbaud/skyux/issues"
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./skyux-datetime.d.ts",
+      "esm2020": "./esm2020/skyux-datetime.mjs",
+      "es2020": "./fesm2020/skyux-datetime.mjs",
+      "es2015": "./fesm2015/skyux-datetime.mjs",
+      "node": "./fesm2015/skyux-datetime.mjs",
+      "default": "./fesm2020/skyux-datetime.mjs"
+    },
+    "./testing": {
+      "types": "./testing/skyux-datetime-testing.d.ts",
+      "esm2020": "./esm2020/testing/skyux-datetime-testing.mjs",
+      "es2020": "./fesm2020/skyux-datetime-testing.mjs",
+      "es2015": "./fesm2015/skyux-datetime-testing.mjs",
+      "node": "./fesm2015/skyux-datetime-testing.mjs",
+      "default": "./fesm2020/skyux-datetime-testing.mjs"
+    },
+    "./documentation.json": {
+      "default": "./documentation.json"
+    }
+  },
   "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.9.4",
-    "@skyux/core": "5.9.4",
-    "@skyux/forms": "5.9.4",
-    "@skyux/i18n": "5.9.4",
-    "@skyux/indicators": "5.9.4",
-    "@skyux/popovers": "5.9.4",
-    "@skyux/theme": "5.9.4"
+    "@angular/common": "^13.3.2",
+    "@angular/core": "^13.3.2",
+    "@angular/forms": "^13.3.2",
+    "@angular/platform-browser": "^13.3.2",
+    "@skyux-sdk/testing": "6.0.0-beta.10",
+    "@skyux/core": "6.0.0-beta.10",
+    "@skyux/forms": "6.0.0-beta.10",
+    "@skyux/i18n": "6.0.0-beta.10",
+    "@skyux/indicators": "6.0.0-beta.10",
+    "@skyux/popovers": "6.0.0-beta.10",
+    "@skyux/theme": "6.0.0-beta.10"
   },
   "dependencies": {
-    "moment": "2.29.1",
+    "moment": "2.29.2",
     "tslib": "^2.3.1"
   },
-  "main": "bundles/skyux-datetime.umd.js",
-  "module": "fesm2015/skyux-datetime.js",
-  "es2015": "fesm2015/skyux-datetime.js",
-  "esm2015": "esm2015/skyux-datetime.js",
-  "fesm2015": "fesm2015/skyux-datetime.js",
+  "module": "fesm2015/skyux-datetime.mjs",
+  "es2020": "fesm2020/skyux-datetime.mjs",
+  "esm2020": "esm2020/skyux-datetime.mjs",
+  "fesm2020": "fesm2020/skyux-datetime.mjs",
+  "fesm2015": "fesm2015/skyux-datetime.mjs",
   "typings": "skyux-datetime.d.ts",
   "sideEffects": false
 }

package/testing/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "../bundles/skyux-datetime-testing.umd.js",
-  "module": "../fesm2015/skyux-datetime-testing.js",
-  "es2015": "../fesm2015/skyux-datetime-testing.js",
-  "esm2015": "../esm2015/testing/skyux-datetime-testing.js",
-  "fesm2015": "../fesm2015/skyux-datetime-testing.js",
+  "module": "../fesm2015/skyux-datetime-testing.mjs",
+  "es2020": "../fesm2020/skyux-datetime-testing.mjs",
+  "esm2020": "../esm2020/testing/skyux-datetime-testing.mjs",
+  "fesm2020": "../fesm2020/skyux-datetime-testing.mjs",
+  "fesm2015": "../fesm2015/skyux-datetime-testing.mjs",
   "typings": "skyux-datetime-testing.d.ts",
   "sideEffects": false,
   "name": "@skyux/datetime/testing"

package/bundles/skyux-datetime-testing.umd.js

@@ -1,143 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/platform-browser'), require('@skyux-sdk/testing')) :
-    typeof define === 'function' && define.amd ? define('@skyux/datetime/testing', ['exports', '@angular/platform-browser', '@skyux-sdk/testing'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.datetime = global.skyux.datetime || {}, global.skyux.datetime.testing = {}), global.ng.platformBrowser, global.testing));
-})(this, (function (exports, platformBrowser, testing) { 'use strict';
-
-    /**
-     * Allows interaction with a SKY UX datepicker component.
-     */
-    var SkyDatepickerFixture = /** @class */ (function () {
-        function SkyDatepickerFixture(fixture, skyTestId) {
-            this.debugEl = testing.SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-datepicker');
-        }
-        Object.defineProperty(SkyDatepickerFixture.prototype, "date", {
-            /**
-             * The datepicker's currently selected date.
-             */
-            get: function () {
-                return this.getDatepickerInputEl().nativeElement.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDatepickerFixture.prototype, "disabled", {
-            /**
-             * Flag indicating if datepicker input is disabled.
-             */
-            get: function () {
-                return this.getDatepickerInputEl().nativeElement.disabled;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDatepickerFixture.prototype, "calendarEl", {
-            /**
-             * The datepicker's calendar element.
-             */
-            get: function () {
-                var button = this.debugEl.query(platformBrowser.By.css('.sky-datepicker .sky-input-group-datepicker-btn')).nativeElement;
-                var calendarId = button.getAttribute('aria-controls');
-                if (!calendarId) {
-                    /* tslint:disable-next-line:no-null-keyword */
-                    return null;
-                }
-                return document.getElementById(calendarId);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Click the calendar button to open or close calendar.
-         */
-        SkyDatepickerFixture.prototype.clickDatepickerCalenderButtonEl = function () {
-            this.debugEl
-                .query(platformBrowser.By.css('.sky-datepicker .sky-input-group-datepicker-btn'))
-                .nativeElement.click();
-        };
-        SkyDatepickerFixture.prototype.clickDayEl = function (dayIndex) {
-            var dayEls = this.calendarEl.querySelectorAll('.sky-datepicker-btn-date');
-            var dayEl = dayEls[dayIndex];
-            if (!dayEl) {
-                throw new Error("No day exists at index " + dayIndex + ".");
-            }
-            dayEl.click();
-        };
-        SkyDatepickerFixture.prototype.getDatepickerInputEl = function () {
-            return this.debugEl.query(platformBrowser.By.css('.sky-datepicker input'));
-        };
-        return SkyDatepickerFixture;
-    }());
-
-    /**
-     * Allows interaction with a SKY UX timepicker component.
-     */
-    var SkyTimepickerFixture = /** @class */ (function () {
-        function SkyTimepickerFixture(fixture, skyTestId) {
-            this.fixture = fixture;
-            this.skyTestId = skyTestId;
-            this.debugEl = testing.SkyAppTestUtility.getDebugElementByTestId(this.fixture, this.skyTestId, 'sky-timepicker');
-        }
-        Object.defineProperty(SkyTimepickerFixture.prototype, "value", {
-            /**
-             * The timepicker's currently selected time.
-             */
-            get: function () {
-                return this.getTimepickerInputEl().nativeElement.value;
-            },
-            /**
-             * Set the timepicker's selected time.
-             */
-            set: function (value) {
-                var timepickerInputEl = this.getTimepickerInputEl().nativeElement;
-                timepickerInputEl.value = value;
-                this.fixture.detectChanges();
-                testing.SkyAppTestUtility.fireDomEvent(timepickerInputEl, 'change');
-                this.fixture.detectChanges();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTimepickerFixture.prototype, "isDisabled", {
-            /**
-             * Flag indicating if timepicker input is disabled.
-             */
-            get: function () {
-                return this.getTimepickerInputEl().nativeElement.disabled;
-            },
-            /**
-             * Set the timepicker's disabled value
-             */
-            set: function (value) {
-                this.getTimepickerInputEl().nativeElement.disabled = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTimepickerFixture.prototype, "isValid", {
-            /**
-             * Flag indicating if timepicker input is valid.
-             */
-            get: function () {
-                return !this.getTimepickerInputEl().nativeElement.classList.contains('ng-invalid');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTimepickerFixture.prototype.getTimepickerInputEl = function () {
-            return this.debugEl.query(platformBrowser.By.css('.sky-timepicker input'));
-        };
-        return SkyTimepickerFixture;
-    }());
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkyDatepickerFixture = SkyDatepickerFixture;
-    exports.SkyTimepickerFixture = SkyTimepickerFixture;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-datetime-testing.umd.js.map