@skyux/datetime 5.6.2 → 6.0.0-beta.0

package/esm2015/lib/modules/datepicker/datepicker.component.js

@@ -1,333 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Optional, Output, TemplateRef, ViewChild, } from '@angular/core';
-import { SkyAffixAutoFitContext, SkyAffixService, SkyCoreAdapterService, SkyOverlayService, } from '@skyux/core';
-import { SkyInputBoxHostService } from '@skyux/forms';
-import { SkyThemeService } from '@skyux/theme';
-import { Subject, fromEvent } from 'rxjs';
-import { debounceTime, takeUntil } from 'rxjs/operators';
-import { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/core";
-import * as i2 from "@skyux/forms";
-import * as i3 from "@skyux/theme";
-import * as i4 from "@skyux/indicators";
-import * as i5 from "./datepicker-calendar.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@skyux/i18n";
-let nextId = 0;
-/**
- * Creates the datepicker button and calendar.
- * You must wrap this component around an input with the `skyDatepickerInput` directive.
- */
-export class SkyDatepickerComponent {
-    constructor(affixService, changeDetector, coreAdapter, overlayService, inputBoxHostService, themeSvc) {
-        this.affixService = affixService;
-        this.changeDetector = changeDetector;
-        this.coreAdapter = coreAdapter;
-        this.overlayService = overlayService;
-        this.inputBoxHostService = inputBoxHostService;
-        /**
-         * Adds a class to the datepicker.
-         * @default ""
-         */
-        this.pickerClass = '';
-        /**
-         * Fires when the range of displayed dates in the calendar changes. Provides the
-         * current range of displayed dates and a mutable `customDate` property consumers can use
-         * to modify individual dates on the calendar.
-         */
-        this.calendarDateRangeChange = new EventEmitter();
-        this.dateChange = new EventEmitter();
-        this.isDaypickerWaiting = false;
-        this.isOpen = false;
-        this.isVisible = false;
-        this.ngUnsubscribe = new Subject();
-        this._disabled = false;
-        const uniqueId = nextId++;
-        this.calendarId = `sky-datepicker-calendar-${uniqueId}`;
-        this.triggerButtonId = `sky-datepicker-button-${uniqueId}`;
-        // Update icons when theme changes.
-        themeSvc === null || themeSvc === void 0 ? void 0 : themeSvc.settingsChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
-            this.changeDetector.markForCheck();
-        });
-    }
-    /**
-     * @internal
-     * Indicates if the calendar button element or any of its children have focus.
-     * @deprecated This property will be removed in the next major version release.
-     */
-    get buttonIsFocused() {
-        /* sanity check */
-        /* istanbul ignore if */
-        if (!this.triggerButtonRef) {
-            return false;
-        }
-        const activeEl = document.activeElement;
-        return this.triggerButtonRef.nativeElement === activeEl;
-    }
-    /**
-     * @internal
-     * Indicates if the calendar element or any of its children have focus.
-     * @deprecated This property will be removed in the next major version release.
-     */
-    get calendarIsFocused() {
-        if (!this.calendarRef) {
-            return false;
-        }
-        const focusedEl = document.activeElement;
-        return this.calendarRef.nativeElement.contains(focusedEl);
-    }
-    /**
-     * @internal
-     * Indicates if the calendar element's visiblity property is 'visible'.
-     * @deprecated This property will be removed in the next major version release.
-     */
-    get calendarIsVisible() {
-        return this.calendar ? this.calendar.isVisible : false;
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = value;
-        this.changeDetector.markForCheck();
-    }
-    set selectedDate(value) {
-        this._selectedDate = value;
-        if (this.calendar) {
-            this.calendar.writeValue(this._selectedDate);
-        }
-    }
-    set calendarRef(value) {
-        if (value) {
-            this._calendarRef = value;
-            // Wait for the calendar component to render before gauging dimensions.
-            setTimeout(() => {
-                this.calendar.writeValue(this._selectedDate);
-                this.destroyAffixer();
-                this.createAffixer();
-                setTimeout(() => {
-                    this.coreAdapter.getFocusableChildrenAndApplyFocus(this.calendarRef, '.sky-datepicker-calendar-inner', false);
-                    this.isVisible = true;
-                    this.changeDetector.markForCheck();
-                });
-            });
-        }
-    }
-    get calendarRef() {
-        return this._calendarRef;
-    }
-    ngOnInit() {
-        if (this.inputBoxHostService) {
-            this.inputBoxHostService.populate({
-                inputTemplate: this.inputTemplateRef,
-                buttonsTemplate: this.triggerButtonTemplateRef,
-            });
-        }
-    }
-    ngOnDestroy() {
-        this.dateChange.complete();
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        this.removePickerEventListeners();
-        this.destroyAffixer();
-        this.destroyOverlay();
-    }
-    onCalendarModeChange() {
-        // Let the calendar populate in the DOM before recalculating placement.
-        setTimeout(() => {
-            this.affixer.reaffix();
-        });
-    }
-    onSelectedDateChange(value) {
-        this.dateChange.emit(value);
-        this.closePicker();
-    }
-    onTriggerButtonClick() {
-        if (this.isOpen) {
-            this.closePicker();
-        }
-        else {
-            this.openPicker();
-        }
-    }
-    onCalendarDateRangeChange(event) {
-        /* istanbul ignore else */
-        if (event) {
-            this.cancelCustomDatesSubscription();
-            const args = {
-                startDate: event.startDate,
-                endDate: event.endDate,
-                customDates: undefined,
-            };
-            this.calendarDateRangeChange.emit(args);
-            // If consumer has added an observable to the args, watch for incoming custom dates.
-            /* istanbul ignore else */
-            if (args.customDates) {
-                this.isDaypickerWaiting = true;
-                // Avoid an ExpressionChangedAfterItHasBeenCheckedError.
-                this.changeDetector.detectChanges();
-                this.customDatesSubscription = args.customDates
-                    .pipe(debounceTime(250))
-                    .subscribe((result) => {
-                    this.customDates = result;
-                    this.isDaypickerWaiting = false;
-                    // Trigger change detection in child components to show changes in the calendar.
-                    this.changeDetector.markForCheck();
-                });
-            }
-            else {
-                // If consumer returns an undefined value after custom dates have
-                // already ben established, remove custom dates.
-                if (this.customDates) {
-                    this.customDates = undefined;
-                    // Avoid an ExpressionChangedAfterItHasBeenCheckedError.
-                    this.changeDetector.detectChanges();
-                }
-            }
-        }
-    }
-    closePicker() {
-        this.destroyAffixer();
-        this.destroyOverlay();
-        this.removePickerEventListeners();
-        this.triggerButtonRef.nativeElement.focus();
-        this.isOpen = false;
-    }
-    openPicker() {
-        this.isVisible = false;
-        this.changeDetector.markForCheck();
-        this.removePickerEventListeners();
-        this.calendarUnsubscribe = new Subject();
-        this.destroyOverlay();
-        this.createOverlay();
-        this.isOpen = true;
-        this.changeDetector.markForCheck();
-    }
-    createAffixer() {
-        const affixer = this.affixService.createAffixer(this.calendarRef);
-        // Hide calendar when trigger button is scrolled off screen.
-        affixer.placementChange
-            .pipe(takeUntil(this.calendarUnsubscribe))
-            .subscribe((change) => {
-            this.isVisible = change.placement !== null;
-            this.changeDetector.markForCheck();
-        });
-        affixer.affixTo(this.triggerButtonRef.nativeElement, {
-            autoFitContext: SkyAffixAutoFitContext.Viewport,
-            enableAutoFit: true,
-            horizontalAlignment: 'right',
-            isSticky: true,
-            placement: 'below',
-        });
-        this.affixer = affixer;
-    }
-    destroyAffixer() {
-        /*istanbul ignore else*/
-        if (this.affixer) {
-            this.affixer.destroy();
-            this.affixer = undefined;
-        }
-    }
-    createOverlay() {
-        const overlay = this.overlayService.create({
-            wrapperClass: this.pickerClass,
-            enableClose: false,
-            enablePointerEvents: false,
-        });
-        overlay.backdropClick
-            .pipe(takeUntil(this.calendarUnsubscribe))
-            .subscribe(() => {
-            /* istanbul ignore else */
-            if (this.isOpen) {
-                this.closePicker();
-            }
-        });
-        this.addKeydownListner();
-        overlay.attachTemplate(this.calendarTemplateRef);
-        this.overlay = overlay;
-    }
-    destroyOverlay() {
-        /*istanbul ignore else*/
-        if (this.overlay) {
-            this.overlayService.close(this.overlay);
-            this.overlay = undefined;
-        }
-    }
-    addKeydownListner() {
-        this.overlayKeydownListner = fromEvent(window.document, 'keydown')
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
-            var _a;
-            const key = (_a = event.key) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-            if (key === 'escape' && this.isOpen) {
-                this.closePicker();
-            }
-        });
-    }
-    removePickerEventListeners() {
-        var _a;
-        /* istanbul ignore else */
-        if (this.calendarUnsubscribe) {
-            this.calendarUnsubscribe.next();
-            this.calendarUnsubscribe.complete();
-            this.calendarUnsubscribe = undefined;
-        }
-        (_a = this.overlayKeydownListner) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-    }
-    cancelCustomDatesSubscription() {
-        if (this.customDatesSubscription) {
-            this.customDatesSubscription.unsubscribe();
-            this.customDatesSubscription = undefined;
-        }
-    }
-}
-SkyDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerComponent, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i1.SkyCoreAdapterService }, { token: i1.SkyOverlayService }, { token: i2.SkyInputBoxHostService, optional: true }, { token: i3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDatepickerComponent, selector: "sky-datepicker", inputs: { pickerClass: "pickerClass" }, outputs: { calendarDateRangeChange: "calendarDateRangeChange" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: SkyDatepickerCalendarComponent, descendants: true }, { propertyName: "calendarRef", first: true, predicate: ["calendarRef"], descendants: true, read: ElementRef }, { propertyName: "calendarTemplateRef", first: true, predicate: ["calendarTemplateRef"], descendants: true, read: TemplateRef }, { propertyName: "triggerButtonRef", first: true, predicate: ["triggerButtonRef"], descendants: true, read: ElementRef }, { propertyName: "inputTemplateRef", first: true, predicate: ["inputTemplateRef"], descendants: true, read: TemplateRef, static: true }, { propertyName: "triggerButtonTemplateRef", first: true, predicate: ["triggerButtonTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<div class=\"sky-datepicker\">\n  <ng-container *ngIf=\"!inputBoxHostService\">\n    <div class=\"sky-input-group\">\n      <ng-container *ngTemplateOutlet=\"inputTemplateRef\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"triggerButtonTemplateRef\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #inputTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #triggerButtonTemplateRef>\n  <div class=\"sky-input-group-btn\">\n    <button\n      aria-haspopup=\"dialog\"\n      class=\"sky-btn sky-btn-default sky-input-group-datepicker-btn\"\n      type=\"button\"\n      [attr.aria-controls]=\"isOpen ? calendarId : null\"\n      [attr.aria-expanded]=\"isOpen\"\n      [attr.aria-label]=\"\n        'skyux_datepicker_trigger_button_label' | skyLibResources\n      \"\n      [attr.id]=\"triggerButtonId\"\n      [attr.title]=\"'skyux_datepicker_trigger_button_label' | skyLibResources\"\n      [disabled]=\"disabled\"\n      (click)=\"onTriggerButtonClick()\"\n      #triggerButtonRef\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"calendar\" size=\"lg\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"calendar\"\n        size=\"lg\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #calendarTemplateRef>\n  <div\n    class=\"sky-datepicker-calendar-container sky-shadow sky-elevation-4\"\n    role=\"dialog\"\n    [attr.aria-labelledby]=\"triggerButtonId\"\n    [attr.id]=\"calendarId\"\n    [class.sky-datepicker-hidden]=\"!isVisible\"\n    #calendarRef\n  >\n    <sky-datepicker-calendar\n      [customDates]=\"customDates\"\n      [isDaypickerWaiting]=\"isDaypickerWaiting\"\n      [maxDate]=\"maxDate\"\n      [minDate]=\"minDate\"\n      [startingDay]=\"startingDay\"\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n      (calendarModeChange)=\"onCalendarModeChange()\"\n      (selectedDateChange)=\"onSelectedDateChange($event)\"\n    >\n    </sky-datepicker-calendar>\n  </div>\n</ng-template>\n", styles: [".sky-datepicker-calendar-container{position:fixed;border-radius:5px}.sky-datepicker-hidden{visibility:hidden}\n"], components: [{ type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i5.SkyDatepickerCalendarComponent, selector: "sky-datepicker-calendar", inputs: ["customDates", "isDaypickerWaiting", "minDate", "maxDate", "selectedDate", "startingDay"], outputs: ["calendarDateRangeChange", "calendarModeChange", "selectedDateChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i7.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-datepicker',
-                    templateUrl: './datepicker.component.html',
-                    styleUrls: ['./datepicker.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyAffixService }, { type: i0.ChangeDetectorRef }, { type: i1.SkyCoreAdapterService }, { type: i1.SkyOverlayService }, { type: i2.SkyInputBoxHostService, decorators: [{
-                    type: Optional
-                }] }, { type: i3.SkyThemeService, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { pickerClass: [{
-                type: Input
-            }], calendarDateRangeChange: [{
-                type: Output
-            }], calendar: [{
-                type: ViewChild,
-                args: [SkyDatepickerCalendarComponent]
-            }], calendarRef: [{
-                type: ViewChild,
-                args: ['calendarRef', {
-                        read: ElementRef,
-                    }]
-            }], calendarTemplateRef: [{
-                type: ViewChild,
-                args: ['calendarTemplateRef', {
-                        read: TemplateRef,
-                    }]
-            }], triggerButtonRef: [{
-                type: ViewChild,
-                args: ['triggerButtonRef', {
-                        read: ElementRef,
-                    }]
-            }], inputTemplateRef: [{
-                type: ViewChild,
-                args: ['inputTemplateRef', {
-                        read: TemplateRef,
-                        static: true,
-                    }]
-            }], triggerButtonTemplateRef: [{
-                type: ViewChild,
-                args: ['triggerButtonTemplateRef', {
-                        read: TemplateRef,
-                        static: true,
-                    }]
-            }] } });
-//# sourceMappingURL=datepicker.component.js.map

package/esm2015/lib/modules/datepicker/datepicker.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixService,\n  SkyAffixer,\n  SkyCoreAdapterService,\n  SkyOverlayInstance,\n  SkyOverlayService,\n} from '@skyux/core';\nimport { SkyInputBoxHostService } from '@skyux/forms';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject, Subscription, fromEvent } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\n\nimport { SkyDatepickerCalendarChange } from './datepicker-calendar-change';\nimport { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';\nimport { SkyDatepickerCustomDate } from './datepicker-custom-date';\n\nlet nextId = 0;\n\n/**\n * Creates the datepicker button and calendar.\n * You must wrap this component around an input with the `skyDatepickerInput` directive.\n */\n@Component({\n  selector: 'sky-datepicker',\n  templateUrl: './datepicker.component.html',\n  styleUrls: ['./datepicker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDatepickerComponent implements OnDestroy, OnInit {\n  /**\n   * Adds a class to the datepicker.\n   * @default \"\"\n   */\n  @Input()\n  public pickerClass = '';\n\n  /**\n   * @internal\n   * Indicates if the calendar button element or any of its children have focus.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get buttonIsFocused(): boolean {\n    /* sanity check */\n    /* istanbul ignore if */\n    if (!this.triggerButtonRef) {\n      return false;\n    }\n    const activeEl = document.activeElement;\n    return this.triggerButtonRef.nativeElement === activeEl;\n  }\n\n  /**\n   * @internal\n   * Indicates if the calendar element or any of its children have focus.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get calendarIsFocused(): boolean {\n    if (!this.calendarRef) {\n      return false;\n    }\n\n    const focusedEl = document.activeElement;\n    return this.calendarRef.nativeElement.contains(focusedEl);\n  }\n\n  /**\n   * @internal\n   * Indicates if the calendar element's visiblity property is 'visible'.\n   * @deprecated This property will be removed in the next major version release.\n   */\n  public get calendarIsVisible(): boolean {\n    return this.calendar ? this.calendar.isVisible : false;\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n\n  public set disabled(value: boolean) {\n    this._disabled = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public set selectedDate(value: Date) {\n    this._selectedDate = value;\n    if (this.calendar) {\n      this.calendar.writeValue(this._selectedDate);\n    }\n  }\n\n  /**\n   * Fires when the range of displayed dates in the calendar changes. Provides the\n   * current range of displayed dates and a mutable `customDate` property consumers can use\n   * to modify individual dates on the calendar.\n   */\n  @Output()\n  public calendarDateRangeChange = new EventEmitter<SkyDatepickerCalendarChange>();\n\n  public calendarId: string;\n\n  public customDates: SkyDatepickerCustomDate[] | undefined;\n\n  public dateChange = new EventEmitter<Date>();\n\n  public isDaypickerWaiting = false;\n\n  public isOpen = false;\n\n  public isVisible = false;\n\n  public maxDate: Date;\n\n  public minDate: Date;\n\n  public startingDay: number;\n\n  public triggerButtonId: string;\n\n  @ViewChild(SkyDatepickerCalendarComponent)\n  private calendar: SkyDatepickerCalendarComponent;\n\n  @ViewChild('calendarRef', {\n    read: ElementRef,\n  })\n  private set calendarRef(value: ElementRef) {\n    if (value) {\n      this._calendarRef = value;\n\n      // Wait for the calendar component to render before gauging dimensions.\n      setTimeout(() => {\n        this.calendar.writeValue(this._selectedDate);\n\n        this.destroyAffixer();\n        this.createAffixer();\n\n        setTimeout(() => {\n          this.coreAdapter.getFocusableChildrenAndApplyFocus(\n            this.calendarRef,\n            '.sky-datepicker-calendar-inner',\n            false\n          );\n\n          this.isVisible = true;\n          this.changeDetector.markForCheck();\n        });\n      });\n    }\n  }\n\n  private get calendarRef(): ElementRef {\n    return this._calendarRef;\n  }\n\n  @ViewChild('calendarTemplateRef', {\n    read: TemplateRef,\n  })\n  private calendarTemplateRef: TemplateRef<any>;\n\n  @ViewChild('triggerButtonRef', {\n    read: ElementRef,\n  })\n  private triggerButtonRef: ElementRef;\n\n  @ViewChild('inputTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private inputTemplateRef: TemplateRef<any>;\n\n  @ViewChild('triggerButtonTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private triggerButtonTemplateRef: TemplateRef<any>;\n\n  private affixer: SkyAffixer;\n\n  private calendarUnsubscribe: Subject<void>;\n\n  private customDatesSubscription: Subscription;\n\n  private ngUnsubscribe = new Subject();\n\n  private overlay: SkyOverlayInstance;\n\n  private overlayKeydownListner: Subscription;\n\n  private _calendarRef: ElementRef;\n\n  private _disabled = false;\n\n  private _selectedDate: Date;\n\n  constructor(\n    private affixService: SkyAffixService,\n    private changeDetector: ChangeDetectorRef,\n    private coreAdapter: SkyCoreAdapterService,\n    private overlayService: SkyOverlayService,\n    @Optional() public inputBoxHostService?: SkyInputBoxHostService,\n    @Optional() themeSvc?: SkyThemeService\n  ) {\n    const uniqueId = nextId++;\n    this.calendarId = `sky-datepicker-calendar-${uniqueId}`;\n    this.triggerButtonId = `sky-datepicker-button-${uniqueId}`;\n\n    // Update icons when theme changes.\n    themeSvc?.settingsChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnInit(): void {\n    if (this.inputBoxHostService) {\n      this.inputBoxHostService.populate({\n        inputTemplate: this.inputTemplateRef,\n        buttonsTemplate: this.triggerButtonTemplateRef,\n      });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.dateChange.complete();\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.removePickerEventListeners();\n    this.destroyAffixer();\n    this.destroyOverlay();\n  }\n\n  public onCalendarModeChange(): void {\n    // Let the calendar populate in the DOM before recalculating placement.\n    setTimeout(() => {\n      this.affixer.reaffix();\n    });\n  }\n\n  public onSelectedDateChange(value: Date): void {\n    this.dateChange.emit(value);\n    this.closePicker();\n  }\n\n  public onTriggerButtonClick(): void {\n    if (this.isOpen) {\n      this.closePicker();\n    } else {\n      this.openPicker();\n    }\n  }\n\n  public onCalendarDateRangeChange(event: SkyDatepickerCalendarChange): void {\n    /* istanbul ignore else */\n    if (event) {\n      this.cancelCustomDatesSubscription();\n\n      const args: SkyDatepickerCalendarChange = {\n        startDate: event.startDate,\n        endDate: event.endDate,\n        customDates: undefined,\n      };\n      this.calendarDateRangeChange.emit(args);\n      // If consumer has added an observable to the args, watch for incoming custom dates.\n      /* istanbul ignore else */\n      if (args.customDates) {\n        this.isDaypickerWaiting = true;\n        // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n        this.changeDetector.detectChanges();\n\n        this.customDatesSubscription = args.customDates\n          .pipe(debounceTime(250))\n          .subscribe((result) => {\n            this.customDates = result;\n            this.isDaypickerWaiting = false;\n\n            // Trigger change detection in child components to show changes in the calendar.\n            this.changeDetector.markForCheck();\n          });\n      } else {\n        // If consumer returns an undefined value after custom dates have\n        // already ben established, remove custom dates.\n        if (this.customDates) {\n          this.customDates = undefined;\n          // Avoid an ExpressionChangedAfterItHasBeenCheckedError.\n          this.changeDetector.detectChanges();\n        }\n      }\n    }\n  }\n\n  private closePicker() {\n    this.destroyAffixer();\n    this.destroyOverlay();\n    this.removePickerEventListeners();\n    this.triggerButtonRef.nativeElement.focus();\n    this.isOpen = false;\n  }\n\n  private openPicker(): void {\n    this.isVisible = false;\n    this.changeDetector.markForCheck();\n\n    this.removePickerEventListeners();\n    this.calendarUnsubscribe = new Subject<void>();\n    this.destroyOverlay();\n    this.createOverlay();\n\n    this.isOpen = true;\n    this.changeDetector.markForCheck();\n  }\n\n  private createAffixer(): void {\n    const affixer = this.affixService.createAffixer(this.calendarRef);\n\n    // Hide calendar when trigger button is scrolled off screen.\n    affixer.placementChange\n      .pipe(takeUntil(this.calendarUnsubscribe))\n      .subscribe((change) => {\n        this.isVisible = change.placement !== null;\n        this.changeDetector.markForCheck();\n      });\n\n    affixer.affixTo(this.triggerButtonRef.nativeElement, {\n      autoFitContext: SkyAffixAutoFitContext.Viewport,\n      enableAutoFit: true,\n      horizontalAlignment: 'right',\n      isSticky: true,\n      placement: 'below',\n    });\n\n    this.affixer = affixer;\n  }\n\n  private destroyAffixer(): void {\n    /*istanbul ignore else*/\n    if (this.affixer) {\n      this.affixer.destroy();\n      this.affixer = undefined;\n    }\n  }\n\n  private createOverlay(): void {\n    const overlay = this.overlayService.create({\n      wrapperClass: this.pickerClass,\n      enableClose: false,\n      enablePointerEvents: false,\n    });\n\n    overlay.backdropClick\n      .pipe(takeUntil(this.calendarUnsubscribe))\n      .subscribe(() => {\n        /* istanbul ignore else */\n        if (this.isOpen) {\n          this.closePicker();\n        }\n      });\n\n    this.addKeydownListner();\n\n    overlay.attachTemplate(this.calendarTemplateRef);\n\n    this.overlay = overlay;\n  }\n\n  private destroyOverlay(): void {\n    /*istanbul ignore else*/\n    if (this.overlay) {\n      this.overlayService.close(this.overlay);\n      this.overlay = undefined;\n    }\n  }\n\n  private addKeydownListner(): void {\n    this.overlayKeydownListner = fromEvent(window.document, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: KeyboardEvent) => {\n        const key = event.key?.toLowerCase();\n        if (key === 'escape' && this.isOpen) {\n          this.closePicker();\n        }\n      });\n  }\n\n  private removePickerEventListeners(): void {\n    /* istanbul ignore else */\n    if (this.calendarUnsubscribe) {\n      this.calendarUnsubscribe.next();\n      this.calendarUnsubscribe.complete();\n      this.calendarUnsubscribe = undefined;\n    }\n    this.overlayKeydownListner?.unsubscribe();\n  }\n\n  private cancelCustomDatesSubscription(): void {\n    if (this.customDatesSubscription) {\n      this.customDatesSubscription.unsubscribe();\n      this.customDatesSubscription = undefined;\n    }\n  }\n}\n","<div class=\"sky-datepicker\">\n  <ng-container *ngIf=\"!inputBoxHostService\">\n    <div class=\"sky-input-group\">\n      <ng-container *ngTemplateOutlet=\"inputTemplateRef\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"triggerButtonTemplateRef\"></ng-container>\n    </div>\n  </ng-container>\n</div>\n\n<ng-template #inputTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-template #triggerButtonTemplateRef>\n  <div class=\"sky-input-group-btn\">\n    <button\n      aria-haspopup=\"dialog\"\n      class=\"sky-btn sky-btn-default sky-input-group-datepicker-btn\"\n      type=\"button\"\n      [attr.aria-controls]=\"isOpen ? calendarId : null\"\n      [attr.aria-expanded]=\"isOpen\"\n      [attr.aria-label]=\"\n        'skyux_datepicker_trigger_button_label' | skyLibResources\n      \"\n      [attr.id]=\"triggerButtonId\"\n      [attr.title]=\"'skyux_datepicker_trigger_button_label' | skyLibResources\"\n      [disabled]=\"disabled\"\n      (click)=\"onTriggerButtonClick()\"\n      #triggerButtonRef\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"calendar\" size=\"lg\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"calendar\"\n        size=\"lg\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #calendarTemplateRef>\n  <div\n    class=\"sky-datepicker-calendar-container sky-shadow sky-elevation-4\"\n    role=\"dialog\"\n    [attr.aria-labelledby]=\"triggerButtonId\"\n    [attr.id]=\"calendarId\"\n    [class.sky-datepicker-hidden]=\"!isVisible\"\n    #calendarRef\n  >\n    <sky-datepicker-calendar\n      [customDates]=\"customDates\"\n      [isDaypickerWaiting]=\"isDaypickerWaiting\"\n      [maxDate]=\"maxDate\"\n      [minDate]=\"minDate\"\n      [startingDay]=\"startingDay\"\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n      (calendarModeChange)=\"onCalendarModeChange()\"\n      (selectedDateChange)=\"onSelectedDateChange($event)\"\n    >\n    </sky-datepicker-calendar>\n  </div>\n</ng-template>\n"]}

package/esm2015/lib/modules/datepicker/datepicker.module.js

@@ -1,95 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { SkyAffixModule, SkyOverlayModule } from '@skyux/core';
-import { SkyI18nModule } from '@skyux/i18n';
-import { SkyIconModule, SkyWaitModule } from '@skyux/indicators';
-import { SkyPopoverModule } from '@skyux/popovers';
-import { SkyThemeModule } from '@skyux/theme';
-import { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';
-import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
-import { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';
-import { SkyFuzzyDatepickerInputDirective } from './datepicker-input-fuzzy.directive';
-import { SkyDatepickerInputDirective } from './datepicker-input.directive';
-import { SkyDatepickerComponent } from './datepicker.component';
-import { SkyDatepickerService } from './datepicker.service';
-import { SkyDayPickerButtonComponent } from './daypicker-button.component';
-import { SkyDayPickerCellComponent } from './daypicker-cell.component';
-import { SkyDayPickerComponent } from './daypicker.component';
-import { SkyMonthPickerComponent } from './monthpicker.component';
-import { SkyYearPickerComponent } from './yearpicker.component';
-import * as i0 from "@angular/core";
-export class SkyDatepickerModule {
-}
-SkyDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerModule, declarations: [SkyDatepickerCalendarComponent,
-        SkyDatepickerCalendarInnerComponent,
-        SkyDayPickerComponent,
-        SkyMonthPickerComponent,
-        SkyYearPickerComponent,
-        SkyDatepickerComponent,
-        SkyDatepickerInputDirective,
-        SkyFuzzyDatepickerInputDirective,
-        SkyDayPickerCellComponent,
-        SkyDayPickerButtonComponent], imports: [CommonModule,
-        SkyI18nModule,
-        FormsModule,
-        SkyIconModule,
-        SkyDatetimeResourcesModule,
-        SkyAffixModule,
-        SkyOverlayModule,
-        SkyThemeModule,
-        SkyPopoverModule,
-        SkyWaitModule], exports: [SkyDatepickerCalendarComponent,
-        SkyDatepickerComponent,
-        SkyDatepickerInputDirective,
-        SkyFuzzyDatepickerInputDirective] });
-SkyDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerModule, providers: [SkyDatepickerService], imports: [[
-            CommonModule,
-            SkyI18nModule,
-            FormsModule,
-            SkyIconModule,
-            SkyDatetimeResourcesModule,
-            SkyAffixModule,
-            SkyOverlayModule,
-            SkyThemeModule,
-            SkyPopoverModule,
-            SkyWaitModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkyDatepickerCalendarComponent,
-                        SkyDatepickerCalendarInnerComponent,
-                        SkyDayPickerComponent,
-                        SkyMonthPickerComponent,
-                        SkyYearPickerComponent,
-                        SkyDatepickerComponent,
-                        SkyDatepickerInputDirective,
-                        SkyFuzzyDatepickerInputDirective,
-                        SkyDayPickerCellComponent,
-                        SkyDayPickerButtonComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        SkyI18nModule,
-                        FormsModule,
-                        SkyIconModule,
-                        SkyDatetimeResourcesModule,
-                        SkyAffixModule,
-                        SkyOverlayModule,
-                        SkyThemeModule,
-                        SkyPopoverModule,
-                        SkyWaitModule,
-                    ],
-                    exports: [
-                        SkyDatepickerCalendarComponent,
-                        SkyDatepickerComponent,
-                        SkyDatepickerInputDirective,
-                        SkyFuzzyDatepickerInputDirective,
-                    ],
-                    providers: [SkyDatepickerService],
-                }]
-        }] });
-//# sourceMappingURL=datepicker.module.js.map

package/esm2015/lib/modules/datepicker/datepicker.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAErF,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;;AAmChE,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBA/B5B,8BAA8B;QAC9B,mCAAmC;QACnC,qBAAqB;QACrB,uBAAuB;QACvB,sBAAsB;QACtB,sBAAsB;QACtB,2BAA2B;QAC3B,gCAAgC;QAChC,yBAAyB;QACzB,2BAA2B,aAG3B,YAAY;QACZ,aAAa;QACb,WAAW;QACX,aAAa;QACb,0BAA0B;QAC1B,cAAc;QACd,gBAAgB;QAChB,cAAc;QACd,gBAAgB;QAChB,aAAa,aAGb,8BAA8B;QAC9B,sBAAsB;QACtB,2BAA2B;QAC3B,gCAAgC;kHAIvB,mBAAmB,aAFnB,CAAC,oBAAoB,CAAC,YAlBxB;YACP,YAAY;YACZ,aAAa;YACb,WAAW;YACX,aAAa;YACb,0BAA0B;YAC1B,cAAc;YACd,gBAAgB;YAChB,cAAc;YACd,gBAAgB;YAChB,aAAa;SACd;4FASU,mBAAmB;kBAjC/B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,8BAA8B;wBAC9B,mCAAmC;wBACnC,qBAAqB;wBACrB,uBAAuB;wBACvB,sBAAsB;wBACtB,sBAAsB;wBACtB,2BAA2B;wBAC3B,gCAAgC;wBAChC,yBAAyB;wBACzB,2BAA2B;qBAC5B;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,WAAW;wBACX,aAAa;wBACb,0BAA0B;wBAC1B,cAAc;wBACd,gBAAgB;wBAChB,cAAc;wBACd,gBAAgB;wBAChB,aAAa;qBACd;oBACD,OAAO,EAAE;wBACP,8BAA8B;wBAC9B,sBAAsB;wBACtB,2BAA2B;wBAC3B,gCAAgC;qBACjC;oBACD,SAAS,EAAE,CAAC,oBAAoB,CAAC;iBAClC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyAffixModule, SkyOverlayModule } from '@skyux/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyIconModule, SkyWaitModule } from '@skyux/indicators';\nimport { SkyPopoverModule } from '@skyux/popovers';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyDatetimeResourcesModule } from '../shared/sky-datetime-resources.module';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\nimport { SkyDatepickerCalendarComponent } from './datepicker-calendar.component';\nimport { SkyFuzzyDatepickerInputDirective } from './datepicker-input-fuzzy.directive';\nimport { SkyDatepickerInputDirective } from './datepicker-input.directive';\nimport { SkyDatepickerComponent } from './datepicker.component';\nimport { SkyDatepickerService } from './datepicker.service';\nimport { SkyDayPickerButtonComponent } from './daypicker-button.component';\nimport { SkyDayPickerCellComponent } from './daypicker-cell.component';\nimport { SkyDayPickerComponent } from './daypicker.component';\nimport { SkyMonthPickerComponent } from './monthpicker.component';\nimport { SkyYearPickerComponent } from './yearpicker.component';\n\n@NgModule({\n  declarations: [\n    SkyDatepickerCalendarComponent,\n    SkyDatepickerCalendarInnerComponent,\n    SkyDayPickerComponent,\n    SkyMonthPickerComponent,\n    SkyYearPickerComponent,\n    SkyDatepickerComponent,\n    SkyDatepickerInputDirective,\n    SkyFuzzyDatepickerInputDirective,\n    SkyDayPickerCellComponent,\n    SkyDayPickerButtonComponent,\n  ],\n  imports: [\n    CommonModule,\n    SkyI18nModule,\n    FormsModule,\n    SkyIconModule,\n    SkyDatetimeResourcesModule,\n    SkyAffixModule,\n    SkyOverlayModule,\n    SkyThemeModule,\n    SkyPopoverModule,\n    SkyWaitModule,\n  ],\n  exports: [\n    SkyDatepickerCalendarComponent,\n    SkyDatepickerComponent,\n    SkyDatepickerInputDirective,\n    SkyFuzzyDatepickerInputDirective,\n  ],\n  providers: [SkyDatepickerService],\n})\nexport class SkyDatepickerModule {}\n"]}

package/esm2015/lib/modules/datepicker/datepicker.service.js

@@ -1,21 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyDatepickerService {
-    constructor() {
-        /**
-         * Specifies if a key date popover is currently displayed.
-         * Useful for communicating across all daypicker siblings when a popover is displayed.
-         */
-        this.keyDatePopoverStream = new Subject();
-    }
-}
-SkyDatepickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDatepickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerService, decorators: [{
-            type: Injectable
-        }] });
-//# sourceMappingURL=datepicker.service.js.map

package/esm2015/lib/modules/datepicker/datepicker.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;;AAI/B;;GAEG;AAEH,MAAM,OAAO,oBAAoB;IADjC;QAEE;;;WAGG;QACI,yBAAoB,GACzB,IAAI,OAAO,EAAqB,CAAC;KACpC;;kHAPY,oBAAoB;sHAApB,oBAAoB;4FAApB,oBAAoB;kBADhC,UAAU","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { Subject } from 'rxjs';\n\nimport { SkyDatepickerDate } from './datepicker-date';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyDatepickerService {\n  /**\n   * Specifies if a key date popover is currently displayed.\n   * Useful for communicating across all daypicker siblings when a popover is displayed.\n   */\n  public keyDatePopoverStream: Subject<SkyDatepickerDate> =\n    new Subject<SkyDatepickerDate>();\n}\n"]}

package/esm2015/lib/modules/datepicker/daypicker-button.component.js

@@ -1,26 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
-import * as i0 from "@angular/core";
-import * as i1 from "./datepicker-calendar-inner.component";
-import * as i2 from "@angular/common";
-/**
- * @internal
- */
-export class SkyDayPickerButtonComponent {
-    constructor(datepicker) {
-        this.datepicker = datepicker;
-    }
-}
-SkyDayPickerButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDayPickerButtonComponent, deps: [{ token: i1.SkyDatepickerCalendarInnerComponent }], target: i0.ɵɵFactoryTarget.Component });
-SkyDayPickerButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDayPickerButtonComponent, selector: "sky-daypicker-button", inputs: { date: "date" }, ngImport: i0, template: "<button\n  class=\"sky-btn sky-btn-sm sky-btn-default sky-datepicker-btn-date\"\n  tabindex=\"-1\"\n  type=\"button\"\n  [disabled]=\"date.disabled\"\n  [ngClass]=\"{\n    'sky-datepicker-btn-selected': date.selected,\n    'sky-btn-disabled': date.disabled,\n    'sky-btn-active': datepicker.isActive(date),\n    'sky-datepicker-btn-disabled': date.disabled,\n    'sky-datepicker-btn-key-date': date.keyDate\n  }\"\n  (click)=\"datepicker.selectCalendar($event, date.date, true)\"\n>\n  <span [ngClass]=\"{ 'sky-datepicker-secondary': date.secondary }\">\n    {{ date.label }}\n  </span>\n</button>\n", styles: [".sky-datepicker-btn-disabled{font-style:italic}.sky-datepicker-btn-key-date{position:relative}.sky-datepicker-btn-key-date:before{position:absolute;content:\"\";height:5px;width:5px;background-color:#d93a3d;border-radius:50%;left:15px;top:22px}:host-context(.sky-theme-modern) .sky-datepicker-btn-key-date:before{left:12px}.sky-theme-modern .sky-datepicker-btn-key-date:before{left:12px}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDayPickerButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-daypicker-button',
-                    templateUrl: 'daypicker-button.component.html',
-                    styleUrls: ['./daypicker-button.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyDatepickerCalendarInnerComponent }]; }, propDecorators: { date: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=daypicker-button.component.js.map

package/esm2015/lib/modules/datepicker/daypicker-button.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"daypicker-button.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-button.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/daypicker-button.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;;;;AAG5F;;GAEG;AAMH,MAAM,OAAO,2BAA2B;IAOtC,YAAmB,UAA+C;QAA/C,eAAU,GAAV,UAAU,CAAqC;IAAG,CAAC;;yHAP3D,2BAA2B;6GAA3B,2BAA2B,sFCbxC,0lBAkBA;4FDLa,2BAA2B;kBALvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,iCAAiC;oBAC9C,SAAS,EAAE,CAAC,mCAAmC,CAAC;iBACjD;0HAMQ,IAAI;sBADV,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\nimport { SkyDatepickerDate } from './datepicker-date';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-daypicker-button',\n  templateUrl: 'daypicker-button.component.html',\n  styleUrls: ['./daypicker-button.component.scss'],\n})\nexport class SkyDayPickerButtonComponent {\n  /**\n   * Specifies the date this picker button will represent on the calendar.\n   */\n  @Input()\n  public date: SkyDatepickerDate;\n\n  constructor(public datepicker: SkyDatepickerCalendarInnerComponent) {}\n}\n","<button\n  class=\"sky-btn sky-btn-sm sky-btn-default sky-datepicker-btn-date\"\n  tabindex=\"-1\"\n  type=\"button\"\n  [disabled]=\"date.disabled\"\n  [ngClass]=\"{\n    'sky-datepicker-btn-selected': date.selected,\n    'sky-btn-disabled': date.disabled,\n    'sky-btn-active': datepicker.isActive(date),\n    'sky-datepicker-btn-disabled': date.disabled,\n    'sky-datepicker-btn-key-date': date.keyDate\n  }\"\n  (click)=\"datepicker.selectCalendar($event, date.date, true)\"\n>\n  <span [ngClass]=\"{ 'sky-datepicker-secondary': date.secondary }\">\n    {{ date.label }}\n  </span>\n</button>\n"]}