@skyux/datetime 5.7.2 → 6.0.0-beta.2

package/esm2015/lib/modules/datepicker/datepicker-input.directive.js

@@ -1,446 +0,0 @@
-import { ChangeDetectorRef, Directive, ElementRef, HostListener, Input, Optional, Renderer2, forwardRef, } from '@angular/core';
-import { NG_VALIDATORS, NG_VALUE_ACCESSOR, } from '@angular/forms';
-import { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';
-import moment from 'moment';
-import { Subject } from 'rxjs';
-import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
-import { SkyDateFormatter } from './date-formatter';
-import { SkyDatepickerAdapterService } from './datepicker-adapter.service';
-import { SkyDatepickerConfigService } from './datepicker-config.service';
-import { SkyDatepickerComponent } from './datepicker.component';
-import * as i0 from "@angular/core";
-import * as i1 from "./datepicker-adapter.service";
-import * as i2 from "./datepicker-config.service";
-import * as i3 from "@skyux/i18n";
-import * as i4 from "./datepicker.component";
-// tslint:disable:no-forward-ref no-use-before-declare
-const SKY_DATEPICKER_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SkyDatepickerInputDirective),
-    multi: true,
-};
-const SKY_DATEPICKER_VALIDATOR = {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => SkyDatepickerInputDirective),
-    multi: true,
-};
-// tslint:enable
-export class SkyDatepickerInputDirective {
-    constructor(adapter, changeDetector, configService, elementRef, localeProvider, renderer, resourcesService, datepickerComponent) {
-        this.adapter = adapter;
-        this.changeDetector = changeDetector;
-        this.configService = configService;
-        this.elementRef = elementRef;
-        this.localeProvider = localeProvider;
-        this.renderer = renderer;
-        this.resourcesService = resourcesService;
-        this.datepickerComponent = datepickerComponent;
-        /**
-         * Indicates whether to disable date validation on the datepicker input.
-         * @default false
-         */
-        this.skyDatepickerNoValidate = false;
-        this.dateFormatter = new SkyDateFormatter();
-        this.ngUnsubscribe = new Subject();
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (_) => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onTouched = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onValidatorChange = () => { };
-        this.initialPlaceholder = this.adapter.getPlaceholder(this.elementRef);
-        this.updatePlaceholder();
-        this.localeProvider
-            .getLocaleInfo()
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((localeInfo) => {
-            SkyDateFormatter.setLocale(localeInfo.locale);
-            this.preferredShortDateFormat =
-                SkyDateFormatter.getPreferredShortDateFormat();
-            this.applyDateFormat();
-        });
-    }
-    /**
-     * Specifies the date format for the input. Place this attribute on the `input` element
-     * to override the default in the `SkyDatepickerConfigService`.
-     * @default "MM/DD/YYYY"
-     */
-    set dateFormat(value) {
-        /* istanbul ignore else */
-        if (value !== this._dateFormat) {
-            this._dateFormat = value;
-            this.applyDateFormat();
-        }
-    }
-    get dateFormat() {
-        return (this._dateFormat ||
-            this.configService.dateFormat ||
-            this.preferredShortDateFormat);
-    }
-    /**
-     * Indicates whether to disable the datepicker.
-     * @default false
-     */
-    set disabled(value) {
-        this._disabled = value;
-        this.datepickerComponent.disabled = value;
-        this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', value);
-    }
-    get disabled() {
-        return this._disabled || false;
-    }
-    /**
-     * @internal
-     * Indicates if the input element or any of its children have focus.
-     */
-    get inputIsFocused() {
-        return this.adapter.elementIsFocused();
-    }
-    /**
-     * Specifies the latest date that is available in the calendar. Place this attribute on
-     * the `input` element to override the default in `SkyDatepickerConfigService`.
-     */
-    set maxDate(value) {
-        this._maxDate = value;
-        this.datepickerComponent.maxDate = this.maxDate;
-        this.onValidatorChange();
-    }
-    get maxDate() {
-        return this._maxDate || this.configService.maxDate;
-    }
-    /**
-     * Specifies the earliest date that is available in the calendar. Place this attribute on
-     * the `input` element to override the default in `SkyDatepickerConfigService`.
-     */
-    set minDate(value) {
-        this._minDate = value;
-        this.datepickerComponent.minDate = this.minDate;
-        this.onValidatorChange();
-    }
-    get minDate() {
-        return this._minDate || this.configService.minDate;
-    }
-    /**
-     * Creates the datepicker input and calendar. Place this directive on an `input` element,
-     * and wrap the input in a `sky-datepicker` component. The value that users select is driven
-     * through the `ngModel` attribute specified on the `input` element.
-     * @required
-     */
-    set skyDatepickerInput(value) {
-        if (value) {
-            console.warn('[Deprecation warning] You no longer need to provide a template reference variable ' +
-                'to the `skyDatepickerInput` attribute (this will be a breaking change in the next ' +
-                'major version release).\n' +
-                'Do this instead:\n' +
-                '<sky-datepicker>\n  <input skyDatepickerInput />\n</sky-datepicker>');
-        }
-    }
-    /**
-     * Specifies the starting day of the week in the calendar, where `0` sets the starting day
-     * to Sunday. Place this attribute on the `input` element to override the default
-     * in `SkyDatepickerConfigService`.
-     * @default 0
-     */
-    set startingDay(value) {
-        this._startingDay = value;
-        this.datepickerComponent.startingDay = this.startingDay;
-        this.onValidatorChange();
-    }
-    get startingDay() {
-        return this._startingDay || this.configService.startingDay;
-    }
-    /**
-     * Indicates whether the format of the date value must match the format from the `dateFormat` value.
-     * If this property is `true` and the datepicker input directive cannot find an exact match, then
-     * the input is marked as invalid.
-     * If this property is `false` and the datepicker input directive cannot find an exact match, then
-     * it attempts to format the string based on the [ISO 8601 standard format](https://www.iso.org/iso-8601-date-and-time-format.html).
-     * @default false
-     */
-    set strict(value) {
-        this._strict = value;
-    }
-    get strict() {
-        return this._strict || false;
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        this.updateValue(value);
-    }
-    ngOnInit() {
-        if (!this.datepickerComponent) {
-            throw new Error('You must wrap the `skyDatepickerInput` directive within a ' +
-                '`<sky-datepicker>` component!');
-        }
-        const element = this.elementRef.nativeElement;
-        this.renderer.addClass(element, 'sky-form-control');
-        const hasAriaLabel = element.getAttribute('aria-label');
-        if (!hasAriaLabel) {
-            this.resourcesService
-                .getString('skyux_date_field_default_label')
-                .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe((value) => {
-                this.renderer.setAttribute(element, 'aria-label', value);
-            });
-        }
-    }
-    ngAfterContentInit() {
-        this.datepickerComponent.dateChange
-            .pipe(distinctUntilChanged())
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((value) => {
-            this.value = value;
-            this.onTouched();
-        });
-    }
-    ngAfterViewInit() {
-        // This is needed to address a bug in Angular 4.
-        // When a control value is set intially, its value is not represented on the view.
-        // See: https://github.com/angular/angular/issues/13792
-        // Of note is the parent check which allows us to determine if the form is reactive.
-        // Without this check there is a changed before checked error
-        /* istanbul ignore else */
-        if (this.control && this.control.parent) {
-            setTimeout(() => {
-                this.control.setValue(this.value, {
-                    emitEvent: false,
-                });
-                this.changeDetector.markForCheck();
-            });
-        }
-        this.adapter.init(this.elementRef);
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    onInputChange(event) {
-        const value = event.target.value;
-        if (this.skyDatepickerNoValidate) {
-            this.onValueChange(value);
-            return;
-        }
-        // Don't try to parse the string value into a Date value if it is malformed.
-        if (this.isDateStringValid(value)) {
-            this.onValueChange(value);
-            return;
-        }
-        this._value = value;
-        this.onChange(value);
-        this.control.setErrors({
-            skyDate: {
-                invalid: true,
-            },
-        });
-    }
-    onInputBlur() {
-        this.onTouched();
-    }
-    onInputKeyup() {
-        this.control.markAsDirty();
-    }
-    writeValue(value) {
-        this.updateValue(value, false);
-    }
-    validate(control) {
-        if (!this.control) {
-            this.control = control;
-        }
-        if (this.skyDatepickerNoValidate) {
-            return;
-        }
-        const value = control.value;
-        if (!value) {
-            return;
-        }
-        const dateValue = this.getDateValue(value);
-        const isDateValid = dateValue && this.dateFormatter.dateIsValid(dateValue);
-        if (!isDateValid || !this.isDateStringValid(value)) {
-            // Mark the invalid control as touched so that the input's invalid CSS styles appear.
-            // (This is only required when the invalid value is set by the FormControl constructor.)
-            this.control.markAsTouched();
-            return {
-                skyDate: {
-                    invalid: value,
-                },
-            };
-        }
-        const minDate = this.minDate;
-        if (minDate && this.dateFormatter.dateIsValid(minDate) && value < minDate) {
-            return {
-                skyDate: {
-                    minDate,
-                },
-            };
-        }
-        const maxDate = this.maxDate;
-        if (maxDate && this.dateFormatter.dateIsValid(maxDate) && value > maxDate) {
-            return {
-                skyDate: {
-                    maxDate,
-                },
-            };
-        }
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    registerOnValidatorChange(fn) {
-        this.onValidatorChange = fn;
-    }
-    setDisabledState(disabled) {
-        this.disabled = disabled;
-        this.datepickerComponent.disabled = disabled;
-    }
-    /**
-     * Detects changes to the underlying input element's value and updates the ngModel accordingly.
-     * This is useful if you need to update the ngModel value before the input element loses focus.
-     */
-    detectInputValueChange() {
-        this.onValueChange(this.elementRef.nativeElement.value);
-    }
-    applyDateFormat() {
-        this.updatePlaceholder();
-        if (this.value) {
-            const formattedDate = this.dateFormatter.format(this.value, this.dateFormat);
-            this.setInputElementValue(formattedDate);
-            this.changeDetector.markForCheck();
-        }
-    }
-    onValueChange(newValue) {
-        this.value = newValue;
-    }
-    setInputElementValue(value) {
-        this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);
-    }
-    getDateValue(value) {
-        let dateValue;
-        if (value instanceof Date) {
-            dateValue = value;
-        }
-        else if (typeof value === 'string') {
-            const date = this.dateFormatter.getDateFromString(value, this.dateFormat, this.strict);
-            if (this.dateFormatter.dateIsValid(date)) {
-                dateValue = date;
-            }
-        }
-        return dateValue;
-    }
-    /**
-     * Validates the input value to ensure it is formatted correctly.
-     */
-    isDateStringValid(value) {
-        if (!value || typeof value !== 'string') {
-            return true;
-        }
-        // Does the value only include digits, dashes, or slashes?
-        const regexp = /^[\d/-]+$/;
-        const isValid = regexp.test(value);
-        if (isValid) {
-            return true;
-        }
-        // If not, does it conform to the standard ISO format?
-        const isValidIso = moment(value, moment.ISO_8601).isValid();
-        return isValidIso;
-    }
-    updatePlaceholder() {
-        if (!this.initialPlaceholder) {
-            this.adapter.setPlaceholder(this.elementRef, this.dateFormat);
-        }
-    }
-    /**
-     * 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.
-     */
-    updateValue(value, emitEvent = true) {
-        var _a, _b;
-        if (this._value === value) {
-            return;
-        }
-        const dateValue = this.getDateValue(value);
-        const areDatesEqual = this._value instanceof Date &&
-            dateValue &&
-            dateValue.getTime() === this._value.getTime();
-        const isValidDateString = this.isDateStringValid(value);
-        // If the string value supplied is malformed, do not set the value to its Date equivalent.
-        // (JavaScript's Date parser will convert poorly formatted dates to Date objects, such as "abc 123", which isn't ideal.)
-        if (!isValidDateString) {
-            this._value = value;
-            if (emitEvent) {
-                this.onChange(this._value);
-            }
-            else {
-                (_a = this.control) === null || _a === void 0 ? void 0 : _a.setValue(this._value, { emitEvent: false });
-            }
-            this.datepickerComponent.selectedDate = this._value;
-        }
-        else if (dateValue !== this._value || !areDatesEqual) {
-            this._value = dateValue || value;
-            if (emitEvent) {
-                this.onChange(this._value);
-            }
-            else {
-                (_b = this.control) === null || _b === void 0 ? void 0 : _b.setValue(this._value, { emitEvent: false });
-            }
-            this.datepickerComponent.selectedDate = this._value;
-        }
-        if (dateValue && isValidDateString) {
-            const formattedDate = this.dateFormatter.format(dateValue, this.dateFormat);
-            this.setInputElementValue(formattedDate);
-        }
-        else {
-            this.setInputElementValue(value || '');
-        }
-    }
-}
-SkyDatepickerInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerInputDirective, deps: [{ token: i1.SkyDatepickerAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyDatepickerConfigService }, { token: i0.ElementRef }, { token: i3.SkyAppLocaleProvider }, { token: i0.Renderer2 }, { token: i3.SkyLibResourcesService }, { token: i4.SkyDatepickerComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyDatepickerInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyDatepickerInputDirective, selector: "[skyDatepickerInput]", inputs: { dateFormat: "dateFormat", disabled: "disabled", maxDate: "maxDate", minDate: "minDate", skyDatepickerInput: "skyDatepickerInput", skyDatepickerNoValidate: "skyDatepickerNoValidate", startingDay: "startingDay", strict: "strict" }, host: { listeners: { "change": "onInputChange($event)", "blur": "onInputBlur()", "keyup": "onInputKeyup()" } }, providers: [
-        SKY_DATEPICKER_VALUE_ACCESSOR,
-        SKY_DATEPICKER_VALIDATOR,
-        SkyDatepickerAdapterService,
-    ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyDatepickerInput]',
-                    providers: [
-                        SKY_DATEPICKER_VALUE_ACCESSOR,
-                        SKY_DATEPICKER_VALIDATOR,
-                        SkyDatepickerAdapterService,
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyDatepickerAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyDatepickerConfigService }, { type: i0.ElementRef }, { type: i3.SkyAppLocaleProvider }, { type: i0.Renderer2 }, { type: i3.SkyLibResourcesService }, { type: i4.SkyDatepickerComponent, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { dateFormat: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], maxDate: [{
-                type: Input
-            }], minDate: [{
-                type: Input
-            }], skyDatepickerInput: [{
-                type: Input
-            }], skyDatepickerNoValidate: [{
-                type: Input
-            }], startingDay: [{
-                type: Input
-            }], strict: [{
-                type: Input
-            }], onInputChange: [{
-                type: HostListener,
-                args: ['change', ['$event']]
-            }], onInputBlur: [{
-                type: HostListener,
-                args: ['blur']
-            }], onInputKeyup: [{
-                type: HostListener,
-                args: ['keyup']
-            }] } });
-//# sourceMappingURL=datepicker-input.directive.js.map

package/esm2015/lib/modules/datepicker/datepicker-input.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker-input.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-input.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,KAAK,EAGL,QAAQ,EACR,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAGL,aAAa,EACb,iBAAiB,GAGlB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE3E,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;;;;;;AAEhE,sDAAsD;AACtD,MAAM,6BAA6B,GAAG;IACpC,OAAO,EAAE,iBAAiB;IAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC;IAC1D,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,wBAAwB,GAAG;IAC/B,OAAO,EAAE,aAAa;IACtB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC;IAC1D,KAAK,EAAE,IAAI;CACZ,CAAC;AACF,gBAAgB;AAUhB,MAAM,OAAO,2BAA2B;IA2KtC,YACU,OAAoC,EACpC,cAAiC,EACjC,aAAyC,EACzC,UAAsB,EACtB,cAAoC,EACpC,QAAmB,EACnB,gBAAwC,EAC5B,mBAA2C;QAPvD,YAAO,GAAP,OAAO,CAA6B;QACpC,mBAAc,GAAd,cAAc,CAAmB;QACjC,kBAAa,GAAb,aAAa,CAA4B;QACzC,eAAU,GAAV,UAAU,CAAY;QACtB,mBAAc,GAAd,cAAc,CAAsB;QACpC,aAAQ,GAAR,QAAQ,CAAW;QACnB,qBAAgB,GAAhB,gBAAgB,CAAwB;QAC5B,wBAAmB,GAAnB,mBAAmB,CAAwB;QAxEjE;;;WAGG;QAEI,4BAAuB,GAAG,KAAK,CAAC;QA8C/B,kBAAa,GAAG,IAAI,gBAAgB,EAAE,CAAC;QAGvC,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;QA4Q5C,gEAAgE;QACxD,aAAQ,GAAG,CAAC,CAAM,EAAE,EAAE,GAAE,CAAC,CAAC;QAClC,gEAAgE;QACxD,cAAS,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAC7B,gEAAgE;QACxD,sBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QA7PnC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACvE,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,CAAC,cAAc;aAChB,aAAa,EAAE;aACf,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;YACxB,gBAAgB,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC9C,IAAI,CAAC,wBAAwB;gBAC3B,gBAAgB,CAAC,2BAA2B,EAAE,CAAC;YACjD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACP,CAAC;IAxLD;;;;OAIG;IACH,IACW,UAAU,CAAC,KAAa;QACjC,0BAA0B;QAC1B,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;YAC9B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,CACL,IAAI,CAAC,WAAW;YAChB,IAAI,CAAC,aAAa,CAAC,UAAU;YAC7B,IAAI,CAAC,wBAAwB,CAC9B,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,IACW,QAAQ,CAAC,KAAc;QAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,GAAG,KAAK,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IAC9E,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC;IACjC,CAAC;IAED;;;OAGG;IACH,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;IACzC,CAAC;IAED;;;OAGG;IACH,IACW,OAAO,CAAC,KAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAEhD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACrD,CAAC;IAED;;;OAGG;IACH,IACW,OAAO,CAAC,KAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAEhD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;IACrD,CAAC;IAED;;;;;OAKG;IACH,IACW,kBAAkB,CAC3B,KAA8C;QAE9C,IAAI,KAAK,EAAE;YACT,OAAO,CAAC,IAAI,CACV,oFAAoF;gBAClF,oFAAoF;gBACpF,2BAA2B;gBAC3B,oBAAoB;gBACpB,qEAAqE,CACxE,CAAC;SACH;IACH,CAAC;IASD;;;;;OAKG;IACH,IACW,WAAW,CAAC,KAAa;QAClC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,mBAAmB,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAExD,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;IAC7D,CAAC;IAED;;;;;;;OAOG;IACH,IACW,MAAM,CAAC,KAAc;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC;IAC/B,CAAC;IAED,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAY,KAAK,CAAC,KAAU;QAC1B,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAwCM,QAAQ;QACb,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,MAAM,IAAI,KAAK,CACb,4DAA4D;gBAC1D,+BAA+B,CAClC,CAAC;SACH;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAE9C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAEpD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAExD,IAAI,CAAC,YAAY,EAAE;YACjB,IAAI,CAAC,gBAAgB;iBAClB,SAAS,CAAC,gCAAgC,CAAC;iBAC3C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE;gBAC3B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEM,kBAAkB;QACvB,IAAI,CAAC,mBAAmB,CAAC,UAAU;aAChC,IAAI,CAAC,oBAAoB,EAAE,CAAC;aAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,CAAC,KAAW,EAAE,EAAE;YACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,eAAe;QACpB,gDAAgD;QAChD,kFAAkF;QAClF,uDAAuD;QACvD,oFAAoF;QACpF,6DAA6D;QAC7D,0BAA0B;QAC1B,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACvC,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE;oBAChC,SAAS,EAAE,KAAK;iBACjB,CAAC,CAAC;gBAEH,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAGM,aAAa,CAAC,KAAU;QAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAEjC,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO;SACR;QAED,4EAA4E;QAC5E,IAAI,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE;YACjC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO;SACR;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YACrB,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF,CAAC,CAAC;IACL,CAAC;IAGM,WAAW;QAChB,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAGM,YAAY;QACjB,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;IAEM,UAAU,CAAC,KAAU;QAC1B,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;IAEM,QAAQ,CAAC,OAAwB;QACtC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;SACxB;QAED,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,OAAO;SACR;QAED,MAAM,KAAK,GAAQ,OAAO,CAAC,KAAK,CAAC;QAEjC,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAM,WAAW,GAAG,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAE3E,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE;YAClD,qFAAqF;YACrF,wFAAwF;YACxF,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAE7B,OAAO;gBACL,OAAO,EAAE;oBACP,OAAO,EAAE,KAAK;iBACf;aACF,CAAC;SACH;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,OAAO,EAAE;YACzE,OAAO;gBACL,OAAO,EAAE;oBACP,OAAO;iBACR;aACF,CAAC;SACH;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,IAAI,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,KAAK,GAAG,OAAO,EAAE;YACzE,OAAO;gBACL,OAAO,EAAE;oBACP,OAAO;iBACR;aACF,CAAC;SACH;IACH,CAAC;IAEM,gBAAgB,CAAC,EAAwB;QAC9C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACrB,CAAC;IAEM,iBAAiB,CAAC,EAAc;QACrC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;IAEM,yBAAyB,CAAC,EAAc;QAC7C,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;IAC9B,CAAC;IAEM,gBAAgB,CAAC,QAAiB;QACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,mBAAmB,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/C,CAAC;IAED;;;OAGG;IACI,sBAAsB;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAC7C,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,UAAU,CAChB,CAAC;YACF,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;SACpC;IACH,CAAC;IAEO,aAAa,CAAC,QAAgB;QACpC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;IACxB,CAAC;IAEO,oBAAoB,CAAC,KAAa;QACxC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IAC3E,CAAC;IAEO,YAAY,CAAC,KAAU;QAC7B,IAAI,SAAe,CAAC;QACpB,IAAI,KAAK,YAAY,IAAI,EAAE;YACzB,SAAS,GAAG,KAAK,CAAC;SACnB;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACpC,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAC/C,KAAK,EACL,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,MAAM,CACZ,CAAC;YACF,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;gBACxC,SAAS,GAAG,IAAI,CAAC;aAClB;SACF;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;OAEG;IACK,iBAAiB,CAAC,KAAa;QACrC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACvC,OAAO,IAAI,CAAC;SACb;QAED,0DAA0D;QAC1D,MAAM,MAAM,GAAG,WAAW,CAAC;QAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEnC,IAAI,OAAO,EAAE;YACX,OAAO,IAAI,CAAC;SACb;QAED,sDAAsD;QACtD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;QAE5D,OAAO,UAAU,CAAC;IACpB,CAAC;IASO,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5B,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;SAC/D;IACH,CAAC;IAED;;;;OAIG;IACK,WAAW,CAAC,KAAU,EAAE,SAAS,GAAG,IAAI;;QAC9C,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE;YACzB,OAAO;SACR;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAE3C,MAAM,aAAa,GACjB,IAAI,CAAC,MAAM,YAAY,IAAI;YAC3B,SAAS;YACT,SAAS,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QAEhD,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAExD,0FAA0F;QAC1F,wHAAwH;QACxH,IAAI,CAAC,iBAAiB,EAAE;YACtB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,SAAS,EAAE;gBACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aAC5B;iBAAM;gBACL,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;aAC3D;YAED,IAAI,CAAC,mBAAmB,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC;SACrD;aAAM,IAAI,SAAS,KAAK,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE;YACtD,IAAI,CAAC,MAAM,GAAG,SAAS,IAAI,KAAK,CAAC;YACjC,IAAI,SAAS,EAAE;gBACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aAC5B;iBAAM;gBACL,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;aAC3D;YAED,IAAI,CAAC,mBAAmB,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC;SACrD;QAED,IAAI,SAAS,IAAI,iBAAiB,EAAE;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAC7C,SAAS,EACT,IAAI,CAAC,UAAU,CAChB,CAAC;YACF,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;SAC1C;aAAM;YACL,IAAI,CAAC,oBAAoB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;SACxC;IACH,CAAC;;yHA5eU,2BAA2B;6GAA3B,2BAA2B,+YAN3B;QACT,6BAA6B;QAC7B,wBAAwB;QACxB,2BAA2B;KAC5B;4FAEU,2BAA2B;kBARvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,SAAS,EAAE;wBACT,6BAA6B;wBAC7B,wBAAwB;wBACxB,2BAA2B;qBAC5B;iBACF;;0BAoLI,QAAQ;4CApKA,UAAU;sBADpB,KAAK;gBAsBK,QAAQ;sBADlB,KAAK;gBAwBK,OAAO;sBADjB,KAAK;gBAiBK,OAAO;sBADjB,KAAK;gBAmBK,kBAAkB;sBAD5B,KAAK;gBAoBC,uBAAuB;sBAD7B,KAAK;gBAUK,WAAW;sBADrB,KAAK;gBAqBK,MAAM;sBADhB,KAAK;gBAmHC,aAAa;sBADnB,YAAY;uBAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;gBA0B3B,WAAW;sBADjB,YAAY;uBAAC,MAAM;gBAMb,YAAY;sBADlB,YAAY;uBAAC,OAAO","sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Renderer2,\n  forwardRef,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';\n\nimport moment from 'moment';\nimport { Subject } from 'rxjs';\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyDateFormatter } from './date-formatter';\nimport { SkyDatepickerAdapterService } from './datepicker-adapter.service';\nimport { SkyDatepickerConfigService } from './datepicker-config.service';\nimport { SkyDatepickerComponent } from './datepicker.component';\n\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_DATEPICKER_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyDatepickerInputDirective),\n  multi: true,\n};\n\nconst SKY_DATEPICKER_VALIDATOR = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyDatepickerInputDirective),\n  multi: true,\n};\n// tslint:enable\n\n@Directive({\n  selector: '[skyDatepickerInput]',\n  providers: [\n    SKY_DATEPICKER_VALUE_ACCESSOR,\n    SKY_DATEPICKER_VALIDATOR,\n    SkyDatepickerAdapterService,\n  ],\n})\nexport class SkyDatepickerInputDirective\n  implements\n    OnInit,\n    OnDestroy,\n    AfterViewInit,\n    AfterContentInit,\n    ControlValueAccessor,\n    Validator\n{\n  /**\n   * Specifies the date format for the input. Place this attribute on the `input` element\n   * to override the default in the `SkyDatepickerConfigService`.\n   * @default \"MM/DD/YYYY\"\n   */\n  @Input()\n  public set dateFormat(value: string) {\n    /* istanbul ignore else */\n    if (value !== this._dateFormat) {\n      this._dateFormat = value;\n      this.applyDateFormat();\n    }\n  }\n\n  public get dateFormat(): string {\n    return (\n      this._dateFormat ||\n      this.configService.dateFormat ||\n      this.preferredShortDateFormat\n    );\n  }\n\n  /**\n   * Indicates whether to disable the datepicker.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.datepickerComponent.disabled = value;\n    this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', value);\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * @internal\n   * Indicates if the input element or any of its children have focus.\n   */\n  public get inputIsFocused(): boolean {\n    return this.adapter.elementIsFocused();\n  }\n\n  /**\n   * Specifies the latest date that is available in the calendar. Place this attribute on\n   * the `input` element to override the default in `SkyDatepickerConfigService`.\n   */\n  @Input()\n  public set maxDate(value: Date) {\n    this._maxDate = value;\n    this.datepickerComponent.maxDate = this.maxDate;\n\n    this.onValidatorChange();\n  }\n\n  public get maxDate(): Date {\n    return this._maxDate || this.configService.maxDate;\n  }\n\n  /**\n   * Specifies the earliest date that is available in the calendar. Place this attribute on\n   * the `input` element to override the default in `SkyDatepickerConfigService`.\n   */\n  @Input()\n  public set minDate(value: Date) {\n    this._minDate = value;\n    this.datepickerComponent.minDate = this.minDate;\n\n    this.onValidatorChange();\n  }\n\n  public get minDate(): Date {\n    return this._minDate || this.configService.minDate;\n  }\n\n  /**\n   * Creates the datepicker input and calendar. Place this directive on an `input` element,\n   * and wrap the input in a `sky-datepicker` component. The value that users select is driven\n   * through the `ngModel` attribute specified on the `input` element.\n   * @required\n   */\n  @Input()\n  public set skyDatepickerInput(\n    value: SkyDatepickerComponent | undefined | ''\n  ) {\n    if (value) {\n      console.warn(\n        '[Deprecation warning] You no longer need to provide a template reference variable ' +\n          'to the `skyDatepickerInput` attribute (this will be a breaking change in the next ' +\n          'major version release).\\n' +\n          'Do this instead:\\n' +\n          '<sky-datepicker>\\n  <input skyDatepickerInput />\\n</sky-datepicker>'\n      );\n    }\n  }\n\n  /**\n   * Indicates whether to disable date validation on the datepicker input.\n   * @default false\n   */\n  @Input()\n  public skyDatepickerNoValidate = false;\n\n  /**\n   * Specifies the starting day of the week in the calendar, where `0` sets the starting day\n   * to Sunday. Place this attribute on the `input` element to override the default\n   * in `SkyDatepickerConfigService`.\n   * @default 0\n   */\n  @Input()\n  public set startingDay(value: number) {\n    this._startingDay = value;\n    this.datepickerComponent.startingDay = this.startingDay;\n\n    this.onValidatorChange();\n  }\n\n  public get startingDay(): number {\n    return this._startingDay || this.configService.startingDay;\n  }\n\n  /**\n   * Indicates whether the format of the date value must match the format from the `dateFormat` value.\n   * If this property is `true` and the datepicker input directive cannot find an exact match, then\n   * the input is marked as invalid.\n   * If this property is `false` and the datepicker input directive cannot find an exact match, then\n   * it attempts to format the string based on the [ISO 8601 standard format](https://www.iso.org/iso-8601-date-and-time-format.html).\n   * @default false\n   */\n  @Input()\n  public set strict(value: boolean) {\n    this._strict = value;\n  }\n\n  public get strict(): boolean {\n    return this._strict || false;\n  }\n\n  private get value(): any {\n    return this._value;\n  }\n\n  private set value(value: any) {\n    this.updateValue(value);\n  }\n\n  private control: AbstractControl;\n  private dateFormatter = new SkyDateFormatter();\n  private initialPlaceholder: string;\n  private preferredShortDateFormat: string;\n  private ngUnsubscribe = new Subject<void>();\n\n  private _dateFormat: string;\n  private _disabled: boolean;\n  private _maxDate: Date;\n  private _minDate: Date;\n  private _startingDay: number;\n  private _strict: boolean;\n  private _value: any;\n\n  constructor(\n    private adapter: SkyDatepickerAdapterService,\n    private changeDetector: ChangeDetectorRef,\n    private configService: SkyDatepickerConfigService,\n    private elementRef: ElementRef,\n    private localeProvider: SkyAppLocaleProvider,\n    private renderer: Renderer2,\n    private resourcesService: SkyLibResourcesService,\n    @Optional() private datepickerComponent: SkyDatepickerComponent\n  ) {\n    this.initialPlaceholder = this.adapter.getPlaceholder(this.elementRef);\n    this.updatePlaceholder();\n\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        SkyDateFormatter.setLocale(localeInfo.locale);\n        this.preferredShortDateFormat =\n          SkyDateFormatter.getPreferredShortDateFormat();\n        this.applyDateFormat();\n      });\n  }\n\n  public ngOnInit(): void {\n    if (!this.datepickerComponent) {\n      throw new Error(\n        'You must wrap the `skyDatepickerInput` directive within a ' +\n          '`<sky-datepicker>` component!'\n      );\n    }\n\n    const element = this.elementRef.nativeElement;\n\n    this.renderer.addClass(element, 'sky-form-control');\n\n    const hasAriaLabel = element.getAttribute('aria-label');\n\n    if (!hasAriaLabel) {\n      this.resourcesService\n        .getString('skyux_date_field_default_label')\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((value: string) => {\n          this.renderer.setAttribute(element, 'aria-label', value);\n        });\n    }\n  }\n\n  public ngAfterContentInit(): void {\n    this.datepickerComponent.dateChange\n      .pipe(distinctUntilChanged())\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value: Date) => {\n        this.value = value;\n        this.onTouched();\n      });\n  }\n\n  public ngAfterViewInit(): void {\n    // This is needed to address a bug in Angular 4.\n    // When a control value is set intially, its value is not represented on the view.\n    // See: https://github.com/angular/angular/issues/13792\n    // Of note is the parent check which allows us to determine if the form is reactive.\n    // Without this check there is a changed before checked error\n    /* istanbul ignore else */\n    if (this.control && this.control.parent) {\n      setTimeout(() => {\n        this.control.setValue(this.value, {\n          emitEvent: false,\n        });\n\n        this.changeDetector.markForCheck();\n      });\n    }\n\n    this.adapter.init(this.elementRef);\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  @HostListener('change', ['$event'])\n  public onInputChange(event: any) {\n    const value = event.target.value;\n\n    if (this.skyDatepickerNoValidate) {\n      this.onValueChange(value);\n      return;\n    }\n\n    // Don't try to parse the string value into a Date value if it is malformed.\n    if (this.isDateStringValid(value)) {\n      this.onValueChange(value);\n      return;\n    }\n\n    this._value = value;\n    this.onChange(value);\n\n    this.control.setErrors({\n      skyDate: {\n        invalid: true,\n      },\n    });\n  }\n\n  @HostListener('blur')\n  public onInputBlur(): void {\n    this.onTouched();\n  }\n\n  @HostListener('keyup')\n  public onInputKeyup(): void {\n    this.control.markAsDirty();\n  }\n\n  public writeValue(value: any): void {\n    this.updateValue(value, false);\n  }\n\n  public validate(control: AbstractControl): ValidationErrors {\n    if (!this.control) {\n      this.control = control;\n    }\n\n    if (this.skyDatepickerNoValidate) {\n      return;\n    }\n\n    const value: any = control.value;\n\n    if (!value) {\n      return;\n    }\n\n    const dateValue = this.getDateValue(value);\n    const isDateValid = dateValue && this.dateFormatter.dateIsValid(dateValue);\n\n    if (!isDateValid || !this.isDateStringValid(value)) {\n      // Mark the invalid control as touched so that the input's invalid CSS styles appear.\n      // (This is only required when the invalid value is set by the FormControl constructor.)\n      this.control.markAsTouched();\n\n      return {\n        skyDate: {\n          invalid: value,\n        },\n      };\n    }\n\n    const minDate = this.minDate;\n\n    if (minDate && this.dateFormatter.dateIsValid(minDate) && value < minDate) {\n      return {\n        skyDate: {\n          minDate,\n        },\n      };\n    }\n\n    const maxDate = this.maxDate;\n\n    if (maxDate && this.dateFormatter.dateIsValid(maxDate) && value > maxDate) {\n      return {\n        skyDate: {\n          maxDate,\n        },\n      };\n    }\n  }\n\n  public registerOnChange(fn: (value: any) => void): void {\n    this.onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  public registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n\n  public setDisabledState(disabled: boolean): void {\n    this.disabled = disabled;\n    this.datepickerComponent.disabled = disabled;\n  }\n\n  /**\n   * Detects changes to the underlying input element's value and updates the ngModel accordingly.\n   * This is useful if you need to update the ngModel value before the input element loses focus.\n   */\n  public detectInputValueChange(): void {\n    this.onValueChange(this.elementRef.nativeElement.value);\n  }\n\n  private applyDateFormat(): void {\n    this.updatePlaceholder();\n    if (this.value) {\n      const formattedDate = this.dateFormatter.format(\n        this.value,\n        this.dateFormat\n      );\n      this.setInputElementValue(formattedDate);\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  private onValueChange(newValue: string): void {\n    this.value = newValue;\n  }\n\n  private setInputElementValue(value: string): void {\n    this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);\n  }\n\n  private getDateValue(value: any): Date {\n    let dateValue: Date;\n    if (value instanceof Date) {\n      dateValue = value;\n    } else if (typeof value === 'string') {\n      const date = this.dateFormatter.getDateFromString(\n        value,\n        this.dateFormat,\n        this.strict\n      );\n      if (this.dateFormatter.dateIsValid(date)) {\n        dateValue = date;\n      }\n    }\n\n    return dateValue;\n  }\n\n  /**\n   * Validates the input value to ensure it is formatted correctly.\n   */\n  private isDateStringValid(value: string): boolean {\n    if (!value || typeof value !== 'string') {\n      return true;\n    }\n\n    // Does the value only include digits, dashes, or slashes?\n    const regexp = /^[\\d/-]+$/;\n    const isValid = regexp.test(value);\n\n    if (isValid) {\n      return true;\n    }\n\n    // If not, does it conform to the standard ISO format?\n    const isValidIso = moment(value, moment.ISO_8601).isValid();\n\n    return isValidIso;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange = (_: any) => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onValidatorChange = () => {};\n\n  private updatePlaceholder(): void {\n    if (!this.initialPlaceholder) {\n      this.adapter.setPlaceholder(this.elementRef, this.dateFormat);\n    }\n  }\n\n  /**\n   * Update the value of the form control and input element\n   * @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.\n   * 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.\n   */\n  private updateValue(value: any, emitEvent = true): void {\n    if (this._value === value) {\n      return;\n    }\n\n    const dateValue = this.getDateValue(value);\n\n    const areDatesEqual =\n      this._value instanceof Date &&\n      dateValue &&\n      dateValue.getTime() === this._value.getTime();\n\n    const isValidDateString = this.isDateStringValid(value);\n\n    // If the string value supplied is malformed, do not set the value to its Date equivalent.\n    // (JavaScript's Date parser will convert poorly formatted dates to Date objects, such as \"abc 123\", which isn't ideal.)\n    if (!isValidDateString) {\n      this._value = value;\n      if (emitEvent) {\n        this.onChange(this._value);\n      } else {\n        this.control?.setValue(this._value, { emitEvent: false });\n      }\n\n      this.datepickerComponent.selectedDate = this._value;\n    } else if (dateValue !== this._value || !areDatesEqual) {\n      this._value = dateValue || value;\n      if (emitEvent) {\n        this.onChange(this._value);\n      } else {\n        this.control?.setValue(this._value, { emitEvent: false });\n      }\n\n      this.datepickerComponent.selectedDate = this._value;\n    }\n\n    if (dateValue && isValidDateString) {\n      const formattedDate = this.dateFormatter.format(\n        dateValue,\n        this.dateFormat\n      );\n      this.setInputElementValue(formattedDate);\n    } else {\n      this.setInputElementValue(value || '');\n    }\n  }\n}\n"]}