@skyux/datetime 5.1.4 → 5.5.0

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

@@ -0,0 +1,435 @@
+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 { SkyDatepickerAdapterService } from './datepicker-adapter.service';
+import { SkyDatepickerConfigService } from './datepicker-config.service';
+import { SkyDatepickerComponent } from './datepicker.component';
+import moment from 'moment';
+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.isFirstChange = true;
+        this.ngUnsubscribe = new Subject();
+        this.onChange = (_) => { };
+        /*istanbul ignore next */
+        this.onTouched = () => { };
+        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) {
+        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;
+            this.notifyUpdatedValue();
+        }
+        else if (dateValue !== this._value || !areDatesEqual) {
+            this._value = dateValue || value;
+            this.notifyUpdatedValue();
+        }
+        if (dateValue && isValidDateString) {
+            const formattedDate = this.dateFormatter.format(dateValue, this.dateFormat);
+            this.setInputElementValue(formattedDate);
+        }
+        else {
+            this.setInputElementValue(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.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();
+            });
+        }
+        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.value = value;
+    }
+    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.isFirstChange = false;
+        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;
+    }
+    notifyUpdatedValue() {
+        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 = this._value;
+    }
+    updatePlaceholder() {
+        if (!this.initialPlaceholder) {
+            this.adapter.setPlaceholder(this.elementRef, this.dateFormat);
+        }
+    }
+}
+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

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-input.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-input.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 { SkyDatepickerAdapterService } from './datepicker-adapter.service';\n\nimport { SkyDatepickerConfigService } from './datepicker-config.service';\n\nimport { SkyDatepickerComponent } from './datepicker.component';\n\nimport moment from 'moment';\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    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      this.notifyUpdatedValue();\n    } else if (dateValue !== this._value || !areDatesEqual) {\n      this._value = dateValue || value;\n      this.notifyUpdatedValue();\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  private control: AbstractControl;\n  private dateFormatter = new SkyDateFormatter();\n  private isFirstChange = true;\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.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    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.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    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.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 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  private onChange = (_: any) => {};\n  /*istanbul ignore next */\n  private onTouched = () => {};\n  private onValidatorChange = () => {};\n\n  private notifyUpdatedValue(): void {\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 = this._value;\n  }\n\n  private updatePlaceholder(): void {\n    if (!this.initialPlaceholder) {\n      this.adapter.setPlaceholder(this.elementRef, this.dateFormat);\n    }\n  }\n}\n"]}