@skyux/datetime 5.1.4 → 5.5.0-alpha.0

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

@@ -0,0 +1,457 @@
+import { ChangeDetectorRef, Directive, ElementRef, forwardRef, HostListener, Input, Optional, Renderer2, } 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.isFirstChange = true;
+        this.ngUnsubscribe = new Subject();
+        this._futureDisabled = false;
+        this._disabled = false;
+        this._yearRequired = false;
+        this.onChange = (_) => { };
+        /*istanbul ignore next */
+        this.onTouched = () => { };
+        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) { }
+    /**
+     * 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) {
+        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) {
+            this.onChange(this._value);
+            // Do not mark the field as "dirty"
+            // if the field has been initialized with a value.
+            if (this.isFirstChange && this.control) {
+                this.control.markAsPristine();
+            }
+            if (this.isFirstChange && this._value) {
+                this.isFirstChange = false;
+            }
+            this.datepickerComponent.selectedDate = dateValue;
+        }
+        this.setInputElementValue(formattedDate || '');
+    }
+    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.isFirstChange = false;
+            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();
+        let formattedDate = this.fuzzyDateService.format(this.value, this.dateFormat, this.locale);
+        if (this.control.valid) {
+            this.setInputElementValue(formattedDate);
+        }
+    }
+    onInputKeyup() {
+        this.control.markAsDirty();
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    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.isFirstChange = false;
+        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));
+    }
+}
+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

@@ -0,0 +1 @@
+{"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  forwardRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Renderer2,\n} from '@angular/core';\n\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  Validator,\n  ValidationErrors,\n} from '@angular/forms';\n\nimport { SkyAppLocaleProvider, SkyLibResourcesService } from '@skyux/i18n';\n\nimport { Subject } from 'rxjs';\n\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyDateFormatter } from './date-formatter';\n\nimport { SkyDatepickerConfigService } from './datepicker-config.service';\n\nimport { SkyDatepickerComponent } from './datepicker.component';\n\nimport { SkyFuzzyDate } from './fuzzy-date';\n\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\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    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      this.onChange(this._value);\n\n      // Do not mark the field as \"dirty\"\n      // if the field has been initialized with a value.\n      if (this.isFirstChange && this.control) {\n        this.control.markAsPristine();\n      }\n\n      if (this.isFirstChange && this._value) {\n        this.isFirstChange = false;\n      }\n\n      this.datepickerComponent.selectedDate = dateValue;\n    }\n\n    this.setInputElementValue(formattedDate || '');\n  }\n\n  private control: AbstractControl;\n\n  private dateFormatter = new SkyDateFormatter();\n\n  private isFirstChange = true;\n\n  private locale: string;\n\n  private preferredShortDateFormat: string;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _futureDisabled: boolean = 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: boolean = 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.isFirstChange = false;\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    let 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.value = value;\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.isFirstChange = false;\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  private onChange = (_: any) => {};\n  /*istanbul ignore next */\n  private onTouched = () => {};\n  private onValidatorChange = () => {};\n}\n"]}