@skyux/datetime 5.9.4 → 6.0.0-beta.10

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

@@ -1,467 +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 { Subject } from 'rxjs';
-import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
-import { SkyDateFormatter } from './date-formatter';
-import { SkyDatepickerConfigService } from './datepicker-config.service';
-import { SkyDatepickerComponent } from './datepicker.component';
-import { SkyFuzzyDateService } from './fuzzy-date.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./datepicker-config.service";
-import * as i2 from "./fuzzy-date.service";
-import * as i3 from "@skyux/i18n";
-import * as i4 from "./datepicker.component";
-// tslint:disable:no-forward-ref no-use-before-declare
-const SKY_FUZZY_DATEPICKER_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => SkyFuzzyDatepickerInputDirective),
-    multi: true,
-};
-const SKY_FUZZY_DATEPICKER_VALIDATOR = {
-    provide: NG_VALIDATORS,
-    useExisting: forwardRef(() => SkyFuzzyDatepickerInputDirective),
-    multi: true,
-};
-// tslint:enable
-export class SkyFuzzyDatepickerInputDirective {
-    constructor(changeDetector, configService, elementRef, fuzzyDateService, localeProvider, renderer, resourcesService, datepickerComponent) {
-        this.changeDetector = changeDetector;
-        this.configService = configService;
-        this.elementRef = elementRef;
-        this.fuzzyDateService = fuzzyDateService;
-        this.localeProvider = localeProvider;
-        this.renderer = renderer;
-        this.resourcesService = resourcesService;
-        this.datepickerComponent = datepickerComponent;
-        /**
-         * Indicates whether to disable date validation on the fuzzy datepicker input.
-         * @default false
-         */
-        this.skyDatepickerNoValidate = false;
-        this.dateFormatter = new SkyDateFormatter();
-        this.ngUnsubscribe = new Subject();
-        this._futureDisabled = false;
-        this._disabled = false;
-        this._yearRequired = false;
-        // 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.localeProvider
-            .getLocaleInfo()
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((localeInfo) => {
-            this.locale = localeInfo.locale;
-            SkyDateFormatter.setLocale(this.locale);
-            this.preferredShortDateFormat =
-                SkyDateFormatter.getPreferredShortDateFormat();
-        });
-    }
-    /**
-     * Specifies the date format for the input. Place this attribute on the `input` element
-     * to override the default in `SkyDatepickerConfigService`.
-     * @default "MM/DD/YYYY"
-     */
-    set dateFormat(value) {
-        this._dateFormat = value;
-        if (this.value) {
-            const formattedDate = this.fuzzyDateService.format(this.value, this.dateFormat, this.locale);
-            this.setInputElementValue(formattedDate);
-            this.changeDetector.markForCheck();
-        }
-    }
-    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;
-    }
-    /**
-     * Indicates whether to prevent users from specifying dates that are in the future.
-     * Place this attribute on the `input` element.
-     * @default false
-     */
-    set futureDisabled(value) {
-        this._futureDisabled = value;
-        this.onValidatorChange();
-    }
-    get futureDisabled() {
-        return this._futureDisabled;
-    }
-    /**
-     * Specifies the latest fuzzy date allowed. Place this attribute on the `input` element
-     * to prevent fuzzy dates after a specified date. This property accepts
-     * a `SkyFuzzyDate` value that includes numeric month, day, and year values.
-     * For example: `{ month: 1, day: 1, year: 2027 }`.
-     */
-    set maxDate(value) {
-        this._maxDate = value;
-        this.datepickerComponent.maxDate = this.getMaxDate();
-        this.onValidatorChange();
-    }
-    get maxDate() {
-        return this._maxDate;
-    }
-    /**
-     * Specifies the earliest fuzzy date allowed. Place this attribute on the `input` element
-     * to prevent fuzzy dates before a specified date. This property accepts a `SkyFuzzyDate` value
-     * that includes numeric month, day, and year values.
-     * For example: `{ month: 1, day: 1, year: 2007 }`.
-     */
-    set minDate(value) {
-        this._minDate = value;
-        this.datepickerComponent.minDate = this.getMinDate();
-        this.onValidatorChange();
-    }
-    get minDate() {
-        return this._minDate;
-    }
-    /**
-     * Creates the fuzzy datepicker input and calendar to let users specify dates that are
-     * not complete. For example, if users know the year but not the month or day, they can
-     * enter just the year. 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 skyFuzzyDatepickerInput(value) {
-        // TODO: Remove this property in a future version of SKY UX.
-    }
-    /**
-     * 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 to require the year in fuzzy dates.
-     * @default false
-     */
-    set yearRequired(value) {
-        this._yearRequired = value;
-        this.onValidatorChange();
-    }
-    get yearRequired() {
-        return this._yearRequired;
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        this.updateValue(value);
-    }
-    ngOnInit() {
-        if (this.yearRequired) {
-            if (this.dateFormat.toLowerCase().indexOf('y') === -1) {
-                throw new Error('You have configured conflicting settings. Year is required and dateFormat does not include year.');
-            }
-        }
-        if (!this.datepickerComponent) {
-            throw new Error('You must wrap the `skyFuzzyDatepickerInput` directive within a ' +
-                '`<sky-datepicker>` component!');
-        }
-        const element = this.elementRef.nativeElement;
-        this.renderer.addClass(element, 'sky-form-control');
-        const hasAriaLabel = element.getAttribute('aria-label');
-        /* istanbul ignore else */
-        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(), 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();
-            });
-        }
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    onInputChange(event) {
-        this.onValueChange(event.target.value);
-    }
-    onInputBlur() {
-        this.onTouched();
-        const formattedDate = this.fuzzyDateService.format(this.value, this.dateFormat, this.locale);
-        if (this.control.valid) {
-            this.setInputElementValue(formattedDate);
-        }
-    }
-    onInputKeyup() {
-        this.control.markAsDirty();
-    }
-    writeValue(value) {
-        this.updateValue(value, false);
-    }
-    validate(control) {
-        if (!this.control) {
-            this.control = control;
-        }
-        if (this.skyDatepickerNoValidate) {
-            return;
-        }
-        if (!this.control.value) {
-            return;
-        }
-        const value = control.value;
-        let fuzzyDate;
-        let validationError;
-        if (typeof value === 'string') {
-            fuzzyDate = this.fuzzyDateService.getFuzzyDateFromString(value, this.dateFormat);
-        }
-        else {
-            fuzzyDate = value;
-        }
-        if (!fuzzyDate) {
-            validationError = {
-                skyFuzzyDate: {
-                    invalid: value,
-                },
-            };
-        }
-        if (!validationError && !fuzzyDate.year && this.yearRequired) {
-            validationError = {
-                skyFuzzyDate: {
-                    yearRequired: value,
-                },
-            };
-        }
-        if (!validationError && fuzzyDate.year) {
-            let fuzzyDateRange;
-            if (this.maxDate) {
-                fuzzyDateRange = this.fuzzyDateService.getFuzzyDateRange(fuzzyDate, this.maxDate);
-                if (!fuzzyDateRange.valid) {
-                    validationError = {
-                        skyFuzzyDate: {
-                            maxDate: value,
-                        },
-                    };
-                }
-            }
-            if (!validationError && this.minDate) {
-                fuzzyDateRange = this.fuzzyDateService.getFuzzyDateRange(this.minDate, fuzzyDate);
-                if (!fuzzyDateRange.valid) {
-                    validationError = {
-                        skyFuzzyDate: {
-                            minDate: value,
-                        },
-                    };
-                }
-            }
-            if (!validationError && this.futureDisabled) {
-                fuzzyDateRange = this.fuzzyDateService.getFuzzyDateRange(fuzzyDate, this.fuzzyDateService.getCurrentFuzzyDate());
-                if (!fuzzyDateRange.valid) {
-                    validationError = {
-                        skyFuzzyDate: {
-                            futureDisabled: value,
-                        },
-                    };
-                }
-            }
-        }
-        if (validationError) {
-            // 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 validationError;
-    }
-    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);
-    }
-    onValueChange(newValue) {
-        this.value = newValue;
-    }
-    setInputElementValue(value) {
-        this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);
-    }
-    getMaxDate() {
-        if (this.maxDate) {
-            const maxDate = this.fuzzyDateService.getMomentFromFuzzyDate(this.maxDate);
-            if (maxDate.isValid()) {
-                return maxDate.toDate();
-            }
-        }
-        else if (this.futureDisabled) {
-            return new Date();
-        }
-        return this.configService.maxDate;
-    }
-    getMinDate() {
-        if (this.minDate) {
-            const minDate = this.fuzzyDateService.getMomentFromFuzzyDate(this.minDate);
-            if (minDate.isValid()) {
-                return minDate.toDate();
-            }
-        }
-        return this.configService.minDate;
-    }
-    /* istanbul ignore next */
-    fuzzyDatesEqual(dateA, dateB) {
-        return (dateA &&
-            dateB &&
-            ((!dateA.day && !dateB.day) || dateA.day === dateB.day) &&
-            ((!dateA.month && !dateB.month) || dateA.month === dateB.month) &&
-            ((!dateA.year && !dateB.year) || dateA.year === dateB.year));
-    }
-    /**
-     * 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;
-        if (this._value === value) {
-            return;
-        }
-        let fuzzyDate;
-        let fuzzyMoment;
-        let dateValue;
-        let formattedDate;
-        if (value instanceof Date) {
-            dateValue = value;
-            formattedDate = this.dateFormatter.format(value, this.dateFormat);
-            fuzzyDate = this.fuzzyDateService.getFuzzyDateFromSelectedDate(value, this.dateFormat);
-        }
-        else if (typeof value === 'string') {
-            fuzzyDate = this.fuzzyDateService.getFuzzyDateFromString(value, this.dateFormat);
-            formattedDate = this.fuzzyDateService.format(fuzzyDate, this.dateFormat, this.locale);
-            if (!formattedDate) {
-                formattedDate = value;
-            }
-            fuzzyMoment = this.fuzzyDateService.getMomentFromFuzzyDate(fuzzyDate);
-            if (fuzzyMoment) {
-                dateValue = fuzzyMoment.toDate();
-            }
-        }
-        else {
-            fuzzyDate = value;
-            formattedDate = this.fuzzyDateService.format(fuzzyDate, this.dateFormat, this.locale);
-            fuzzyMoment = this.fuzzyDateService.getMomentFromFuzzyDate(fuzzyDate);
-            if (fuzzyMoment) {
-                dateValue = fuzzyMoment.toDate();
-            }
-        }
-        const areFuzzyDatesEqual = this.fuzzyDatesEqual(this._value, fuzzyDate);
-        const isNewValue = fuzzyDate !== this._value || !areFuzzyDatesEqual;
-        this._value = fuzzyDate || value;
-        if (isNewValue) {
-            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 = dateValue;
-        }
-        this.setInputElementValue(formattedDate || '');
-    }
-}
-SkyFuzzyDatepickerInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFuzzyDatepickerInputDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDatepickerConfigService }, { token: i0.ElementRef }, { token: i2.SkyFuzzyDateService }, { token: i3.SkyAppLocaleProvider }, { token: i0.Renderer2 }, { token: i3.SkyLibResourcesService }, { token: i4.SkyDatepickerComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyFuzzyDatepickerInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyFuzzyDatepickerInputDirective, selector: "[skyFuzzyDatepickerInput]", inputs: { dateFormat: "dateFormat", disabled: "disabled", futureDisabled: "futureDisabled", maxDate: "maxDate", minDate: "minDate", skyDatepickerNoValidate: "skyDatepickerNoValidate", skyFuzzyDatepickerInput: "skyFuzzyDatepickerInput", startingDay: "startingDay", yearRequired: "yearRequired" }, host: { listeners: { "change": "onInputChange($event)", "blur": "onInputBlur()", "keyup": "onInputKeyup()" } }, providers: [
-        SKY_FUZZY_DATEPICKER_VALUE_ACCESSOR,
-        SKY_FUZZY_DATEPICKER_VALIDATOR,
-    ], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFuzzyDatepickerInputDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyFuzzyDatepickerInput]',
-                    providers: [
-                        SKY_FUZZY_DATEPICKER_VALUE_ACCESSOR,
-                        SKY_FUZZY_DATEPICKER_VALIDATOR,
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDatepickerConfigService }, { type: i0.ElementRef }, { type: i2.SkyFuzzyDateService }, { type: i3.SkyAppLocaleProvider }, { type: i0.Renderer2 }, { type: i3.SkyLibResourcesService }, { type: i4.SkyDatepickerComponent, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { dateFormat: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], futureDisabled: [{
-                type: Input
-            }], maxDate: [{
-                type: Input
-            }], minDate: [{
-                type: Input
-            }], skyDatepickerNoValidate: [{
-                type: Input
-            }], skyFuzzyDatepickerInput: [{
-                type: Input
-            }], startingDay: [{
-                type: Input
-            }], yearRequired: [{
-                type: Input
-            }], onInputChange: [{
-                type: HostListener,
-                args: ['change', ['$event']]
-            }], onInputBlur: [{
-                type: HostListener,
-                args: ['blur']
-            }], onInputKeyup: [{
-                type: HostListener,
-                args: ['keyup']
-            }] } });
-//# sourceMappingURL=datepicker-input-fuzzy.directive.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker-input-fuzzy.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-input-fuzzy.directive.ts"],"names":[],"mappings":"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","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 { Subject } from 'rxjs';\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyDateFormatter } from './date-formatter';\nimport { SkyDatepickerConfigService } from './datepicker-config.service';\nimport { SkyDatepickerComponent } from './datepicker.component';\nimport { SkyFuzzyDate } from './fuzzy-date';\nimport { SkyFuzzyDateService } from './fuzzy-date.service';\n\n// tslint:disable:no-forward-ref no-use-before-declare\nconst SKY_FUZZY_DATEPICKER_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => SkyFuzzyDatepickerInputDirective),\n  multi: true,\n};\n\nconst SKY_FUZZY_DATEPICKER_VALIDATOR = {\n  provide: NG_VALIDATORS,\n  useExisting: forwardRef(() => SkyFuzzyDatepickerInputDirective),\n  multi: true,\n};\n// tslint:enable\n\n@Directive({\n  selector: '[skyFuzzyDatepickerInput]',\n  providers: [\n    SKY_FUZZY_DATEPICKER_VALUE_ACCESSOR,\n    SKY_FUZZY_DATEPICKER_VALIDATOR,\n  ],\n})\nexport class SkyFuzzyDatepickerInputDirective\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 `SkyDatepickerConfigService`.\n   * @default \"MM/DD/YYYY\"\n   */\n  @Input()\n  public set dateFormat(value: string) {\n    this._dateFormat = value;\n\n    if (this.value) {\n      const formattedDate = this.fuzzyDateService.format(\n        this.value,\n        this.dateFormat,\n        this.locale\n      );\n      this.setInputElementValue(formattedDate);\n      this.changeDetector.markForCheck();\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\n    this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', value);\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  /**\n   * Indicates whether to prevent users from specifying dates that are in the future.\n   * Place this attribute on the `input` element.\n   * @default false\n   */\n  @Input()\n  public set futureDisabled(value: boolean) {\n    this._futureDisabled = value;\n    this.onValidatorChange();\n  }\n\n  public get futureDisabled(): boolean {\n    return this._futureDisabled;\n  }\n\n  /**\n   * Specifies the latest fuzzy date allowed. Place this attribute on the `input` element\n   * to prevent fuzzy dates after a specified date. This property accepts\n   * a `SkyFuzzyDate` value that includes numeric month, day, and year values.\n   * For example: `{ month: 1, day: 1, year: 2027 }`.\n   */\n  @Input()\n  public set maxDate(value: SkyFuzzyDate) {\n    this._maxDate = value;\n    this.datepickerComponent.maxDate = this.getMaxDate();\n    this.onValidatorChange();\n  }\n\n  public get maxDate(): SkyFuzzyDate {\n    return this._maxDate;\n  }\n\n  /**\n   * Specifies the earliest fuzzy date allowed. Place this attribute on the `input` element\n   * to prevent fuzzy dates before a specified date. This property accepts a `SkyFuzzyDate` value\n   * that includes numeric month, day, and year values.\n   * For example: `{ month: 1, day: 1, year: 2007 }`.\n   */\n  @Input()\n  public set minDate(value: SkyFuzzyDate) {\n    this._minDate = value;\n    this.datepickerComponent.minDate = this.getMinDate();\n    this.onValidatorChange();\n  }\n\n  public get minDate(): SkyFuzzyDate {\n    return this._minDate;\n  }\n\n  /**\n   * Indicates whether to disable date validation on the fuzzy datepicker input.\n   * @default false\n   */\n  @Input()\n  public skyDatepickerNoValidate = false;\n\n  /**\n   * Creates the fuzzy datepicker input and calendar to let users specify dates that are\n   * not complete. For example, if users know the year but not the month or day, they can\n   * enter just the year. Place this directive on an `input` element, and wrap the `input`\n   * 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 skyFuzzyDatepickerInput(\n    value: SkyDatepickerComponent | undefined | ''\n  ) {\n    // TODO: Remove this property in a future version of SKY UX.\n  }\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 to require the year in fuzzy dates.\n   * @default false\n   */\n  @Input()\n  public set yearRequired(value: boolean) {\n    this._yearRequired = value;\n    this.onValidatorChange();\n  }\n\n  public get yearRequired(): boolean {\n    return this._yearRequired;\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\n  private dateFormatter = new SkyDateFormatter();\n\n  private locale: string;\n\n  private preferredShortDateFormat: string;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _futureDisabled = false;\n\n  private _dateFormat: string;\n\n  private _disabled = false;\n\n  private _maxDate: SkyFuzzyDate;\n\n  private _minDate: SkyFuzzyDate;\n\n  private _startingDay: number;\n\n  private _value: any;\n\n  private _yearRequired = false;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private configService: SkyDatepickerConfigService,\n    private elementRef: ElementRef,\n    private fuzzyDateService: SkyFuzzyDateService,\n    private localeProvider: SkyAppLocaleProvider,\n    private renderer: Renderer2,\n    private resourcesService: SkyLibResourcesService,\n    @Optional() private datepickerComponent: SkyDatepickerComponent\n  ) {\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        this.locale = localeInfo.locale;\n        SkyDateFormatter.setLocale(this.locale);\n        this.preferredShortDateFormat =\n          SkyDateFormatter.getPreferredShortDateFormat();\n      });\n  }\n\n  public ngOnInit(): void {\n    if (this.yearRequired) {\n      if (this.dateFormat.toLowerCase().indexOf('y') === -1) {\n        throw new Error(\n          'You have configured conflicting settings. Year is required and dateFormat does not include year.'\n        );\n      }\n    }\n\n    if (!this.datepickerComponent) {\n      throw new Error(\n        'You must wrap the `skyFuzzyDatepickerInput` 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    /* istanbul ignore else */\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(), 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\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\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  @HostListener('change', ['$event'])\n  public onInputChange(event: any) {\n    this.onValueChange(event.target.value);\n  }\n\n  @HostListener('blur')\n  public onInputBlur(): void {\n    this.onTouched();\n\n    const formattedDate = this.fuzzyDateService.format(\n      this.value,\n      this.dateFormat,\n      this.locale\n    );\n\n    if (this.control.valid) {\n      this.setInputElementValue(formattedDate);\n    }\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    if (!this.control.value) {\n      return;\n    }\n\n    const value: any = control.value;\n\n    let fuzzyDate: SkyFuzzyDate;\n    let validationError: ValidationErrors;\n\n    if (typeof value === 'string') {\n      fuzzyDate = this.fuzzyDateService.getFuzzyDateFromString(\n        value,\n        this.dateFormat\n      );\n    } else {\n      fuzzyDate = value;\n    }\n\n    if (!fuzzyDate) {\n      validationError = {\n        skyFuzzyDate: {\n          invalid: value,\n        },\n      };\n    }\n\n    if (!validationError && !fuzzyDate.year && this.yearRequired) {\n      validationError = {\n        skyFuzzyDate: {\n          yearRequired: value,\n        },\n      };\n    }\n\n    if (!validationError && fuzzyDate.year) {\n      let fuzzyDateRange;\n\n      if (this.maxDate) {\n        fuzzyDateRange = this.fuzzyDateService.getFuzzyDateRange(\n          fuzzyDate,\n          this.maxDate\n        );\n\n        if (!fuzzyDateRange.valid) {\n          validationError = {\n            skyFuzzyDate: {\n              maxDate: value,\n            },\n          };\n        }\n      }\n\n      if (!validationError && this.minDate) {\n        fuzzyDateRange = this.fuzzyDateService.getFuzzyDateRange(\n          this.minDate,\n          fuzzyDate\n        );\n        if (!fuzzyDateRange.valid) {\n          validationError = {\n            skyFuzzyDate: {\n              minDate: value,\n            },\n          };\n        }\n      }\n\n      if (!validationError && this.futureDisabled) {\n        fuzzyDateRange = this.fuzzyDateService.getFuzzyDateRange(\n          fuzzyDate,\n          this.fuzzyDateService.getCurrentFuzzyDate()\n        );\n        if (!fuzzyDateRange.valid) {\n          validationError = {\n            skyFuzzyDate: {\n              futureDisabled: value,\n            },\n          };\n        }\n      }\n    }\n\n    if (validationError) {\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\n    return validationError;\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 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 getMaxDate(): Date {\n    if (this.maxDate) {\n      const maxDate = this.fuzzyDateService.getMomentFromFuzzyDate(\n        this.maxDate\n      );\n      if (maxDate.isValid()) {\n        return maxDate.toDate();\n      }\n    } else if (this.futureDisabled) {\n      return new Date();\n    }\n    return this.configService.maxDate;\n  }\n\n  private getMinDate(): Date {\n    if (this.minDate) {\n      const minDate = this.fuzzyDateService.getMomentFromFuzzyDate(\n        this.minDate\n      );\n      if (minDate.isValid()) {\n        return minDate.toDate();\n      }\n    }\n    return this.configService.minDate;\n  }\n\n  /* istanbul ignore next */\n  private fuzzyDatesEqual(dateA: SkyFuzzyDate, dateB: SkyFuzzyDate): boolean {\n    return (\n      dateA &&\n      dateB &&\n      ((!dateA.day && !dateB.day) || dateA.day === dateB.day) &&\n      ((!dateA.month && !dateB.month) || dateA.month === dateB.month) &&\n      ((!dateA.year && !dateB.year) || dateA.year === dateB.year)\n    );\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  /**\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    let fuzzyDate: SkyFuzzyDate;\n    let fuzzyMoment: any;\n    let dateValue: Date;\n    let formattedDate: string;\n\n    if (value instanceof Date) {\n      dateValue = value;\n      formattedDate = this.dateFormatter.format(value, this.dateFormat);\n      fuzzyDate = this.fuzzyDateService.getFuzzyDateFromSelectedDate(\n        value,\n        this.dateFormat\n      );\n    } else if (typeof value === 'string') {\n      fuzzyDate = this.fuzzyDateService.getFuzzyDateFromString(\n        value,\n        this.dateFormat\n      );\n      formattedDate = this.fuzzyDateService.format(\n        fuzzyDate,\n        this.dateFormat,\n        this.locale\n      );\n\n      if (!formattedDate) {\n        formattedDate = value;\n      }\n\n      fuzzyMoment = this.fuzzyDateService.getMomentFromFuzzyDate(fuzzyDate);\n\n      if (fuzzyMoment) {\n        dateValue = fuzzyMoment.toDate();\n      }\n    } else {\n      fuzzyDate = value as SkyFuzzyDate;\n      formattedDate = this.fuzzyDateService.format(\n        fuzzyDate,\n        this.dateFormat,\n        this.locale\n      );\n      fuzzyMoment = this.fuzzyDateService.getMomentFromFuzzyDate(fuzzyDate);\n\n      if (fuzzyMoment) {\n        dateValue = fuzzyMoment.toDate();\n      }\n    }\n\n    const areFuzzyDatesEqual = this.fuzzyDatesEqual(this._value, fuzzyDate);\n    const isNewValue = fuzzyDate !== this._value || !areFuzzyDatesEqual;\n\n    this._value = fuzzyDate || value;\n\n    if (isNewValue) {\n      if (emitEvent) {\n        this.onChange(this._value);\n      } else {\n        this.control?.setValue(this._value, { emitEvent: false });\n      }\n\n      this.datepickerComponent.selectedDate = dateValue;\n    }\n\n    this.setInputElementValue(formattedDate || '');\n  }\n}\n"]}