@skyux/datetime 5.1.3 → 5.5.0-beta.0

package/esm2015/lib/modules/datepicker/datepicker-calendar-inner.component.js

@@ -0,0 +1,315 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { SkyDateFormatter } from './date-formatter';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+let nextDatepickerId = 0;
+/**
+ * @internal
+ */
+export class SkyDatepickerCalendarInnerComponent {
+    constructor() {
+        this.selectedDateChange = new EventEmitter(undefined);
+        this.calendarModeChange = new EventEmitter();
+        this.minMode = 'day';
+        this.maxMode = 'year';
+        this.monthColLimit = 3;
+        this.yearColLimit = 5;
+        this.datepickerMode = 'day';
+        this.yearRange = 20;
+        this.formatDay = 'DD';
+        this.formatMonth = 'MMMM';
+        this.formatYear = 'YYYY';
+        this.formatDayHeader = 'dd';
+        this.formatDayTitle = 'MMMM YYYY';
+        this.formatMonthTitle = 'YYYY';
+        this.datepickerId = `sky-datepicker-${++nextDatepickerId}`;
+        this.stepDay = {};
+        this.stepMonth = {};
+        this.stepYear = {};
+        this.modes = ['day', 'month', 'year'];
+        this.dateFormatter = new SkyDateFormatter();
+        this.keys = {
+            13: 'enter',
+            32: 'space',
+            33: 'pageup',
+            34: 'pagedown',
+            35: 'end',
+            36: 'home',
+            37: 'left',
+            38: 'up',
+            39: 'right',
+            40: 'down',
+        };
+        this.ngUnsubscribe = new Subject();
+    }
+    set selectedDate(value) {
+        if (this.dateFormatter.dateIsValid(value)) {
+            this._selectedDate = value;
+            this.activeDate = value;
+        }
+    }
+    get selectedDate() {
+        return this._selectedDate;
+    }
+    ngOnInit() {
+        if (this.selectedDate) {
+            this.activeDate = new Date(this.selectedDate);
+        }
+        else {
+            this.activeDate = new Date();
+        }
+    }
+    ngOnChanges(changes) {
+        this.refreshView();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    setCompareHandler(handler, type) {
+        if (type === 'day') {
+            this.compareHandlerDay = handler;
+        }
+        if (type === 'month') {
+            this.compareHandlerMonth = handler;
+        }
+        if (type === 'year') {
+            this.compareHandlerYear = handler;
+        }
+    }
+    compare(date1, date2) {
+        if (date1 === undefined || date2 === undefined) {
+            return undefined;
+        }
+        if (this.datepickerMode === 'day' && this.compareHandlerDay) {
+            return this.compareHandlerDay(date1, date2);
+        }
+        if (this.datepickerMode === 'month' && this.compareHandlerMonth) {
+            return this.compareHandlerMonth(date1, date2);
+        }
+        /* istanbul ignore else */
+        /* sanity check */
+        if (this.datepickerMode === 'year' && this.compareHandlerYear) {
+            return this.compareHandlerYear(date1, date2);
+        }
+    }
+    setRefreshViewHandler(handler, type) {
+        if (type === 'day') {
+            this.refreshViewHandlerDay = handler;
+        }
+        if (type === 'month') {
+            this.refreshViewHandlerMonth = handler;
+        }
+        if (type === 'year') {
+            this.refreshViewHandlerYear = handler;
+        }
+    }
+    refreshView() {
+        if (this.datepickerMode === 'day' && this.refreshViewHandlerDay) {
+            this.refreshViewHandlerDay();
+        }
+        if (this.datepickerMode === 'month' && this.refreshViewHandlerMonth) {
+            this.refreshViewHandlerMonth();
+        }
+        if (this.datepickerMode === 'year' && this.refreshViewHandlerYear) {
+            this.refreshViewHandlerYear();
+        }
+    }
+    setKeydownHandler(handler, type) {
+        if (type === 'day') {
+            this.handleKeydownDay = handler;
+        }
+        if (type === 'month') {
+            this.handleKeydownMonth = handler;
+        }
+        if (type === 'year') {
+            this.handleKeydownYear = handler;
+        }
+    }
+    handleKeydown(key, event) {
+        if (this.datepickerMode === 'day' && this.handleKeydownDay) {
+            this.handleKeydownDay(key, event);
+        }
+        if (this.datepickerMode === 'month' && this.handleKeydownMonth) {
+            this.handleKeydownMonth(key, event);
+        }
+        if (this.datepickerMode === 'year' && this.handleKeydownYear) {
+            this.handleKeydownYear(key, event);
+        }
+    }
+    dateFilter(date, format) {
+        return this.dateFormatter.format(date, format);
+    }
+    isActive(dateObject) {
+        if (this.compare(dateObject.date, this.activeDate) === 0) {
+            this.activeDateId = dateObject.uid;
+            return true;
+        }
+        return false;
+    }
+    onKeydown(event) {
+        let key = this.keys[event.which];
+        if (!key || event.shiftKey || event.altKey) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        if (key === 'enter' || key === 'space') {
+            if (this.isDisabled(this.activeDate)) {
+                return;
+            }
+            this.select(this.activeDate);
+        }
+        else if (event.ctrlKey && (key === 'up' || key === 'down')) {
+            this.toggleMode(key === 'up' ? 1 : -1);
+        }
+        else {
+            this.handleKeydown(key, event);
+            this.refreshView();
+        }
+    }
+    createDateObject(date, format, isSecondary, id) {
+        const customDateMatch = this.getCustomDate(date);
+        let dateObject = {
+            date: new Date(date.getFullYear(), date.getMonth(), date.getDate()),
+            label: this.dateFilter(date, format),
+            selected: this.compare(date, this.selectedDate) === 0,
+            disabled: this.isDisabled(date),
+            current: this.compare(date, new Date()) === 0,
+            secondary: isSecondary,
+            uid: id,
+            keyDate: customDateMatch ? customDateMatch.keyDate : undefined,
+            keyDateText: customDateMatch ? customDateMatch.keyDateText : [],
+        };
+        return dateObject;
+    }
+    createCalendarRows(dates, size) {
+        let rows = [];
+        while (dates.length > 0) {
+            rows.push(dates.splice(0, size));
+        }
+        return rows;
+    }
+    /*
+      This is ensures that no strangeness happens when converting a date to local time.
+    */
+    fixTimeZone(date) {
+        let newDate = new Date(date);
+        newDate.setFullYear(date.getFullYear(), date.getMonth(), date.getDate());
+        return newDate;
+    }
+    selectCalendar(event, date, closePicker = false) {
+        if (!closePicker) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        this.select(date);
+    }
+    select(date, isManual = true) {
+        this.activeDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+        /*
+            Only actually select date if in minmode (day picker mode).
+            Otherwise, just change the active view for the datepicker.
+        */
+        if (this.datepickerMode === this.minMode) {
+            this.selectedDate = new Date(this.activeDate);
+            if (isManual) {
+                this.selectedDateChange.emit(this.selectedDate);
+            }
+        }
+        else {
+            this.datepickerMode =
+                this.modes[this.modes.indexOf(this.datepickerMode) - 1];
+            this.calendarModeChange.emit(this.datepickerMode);
+        }
+        this.refreshView();
+    }
+    moveCalendar(event, direction) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.move(direction);
+    }
+    move(direction) {
+        let expectedStep;
+        if (this.datepickerMode === 'day') {
+            expectedStep = this.stepDay;
+        }
+        if (this.datepickerMode === 'month') {
+            expectedStep = this.stepMonth;
+        }
+        if (this.datepickerMode === 'year') {
+            expectedStep = this.stepYear;
+        }
+        /* istanbul ignore else */
+        /* sanity check */
+        if (expectedStep) {
+            let year = this.activeDate.getFullYear() + direction * (expectedStep.years || 0);
+            let month = this.activeDate.getMonth() + direction * (expectedStep.months || 0);
+            this.activeDate = new Date(year, month, 1);
+            this.refreshView();
+        }
+    }
+    toggleModeCalendar(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.toggleMode(1);
+    }
+    toggleMode(direction) {
+        /*istanbul ignore next */
+        direction = direction || 1;
+        /* istanbul ignore else */
+        /* sanity check */
+        if (!(direction === 1 && this.datepickerMode === this.maxMode) &&
+            !(this.datepickerMode === this.minMode && direction === -1)) {
+            this.datepickerMode =
+                this.modes[this.modes.indexOf(this.datepickerMode) + direction];
+            this.calendarModeChange.emit(this.datepickerMode);
+            this.refreshView();
+        }
+    }
+    /**
+     * Date is disabled if it meets any of these criteria:
+     * 1. Date falls outside the min or max dates set by the SkyDatepickerConfigService.
+     * 2. Date is marked as disabled in the customDates array.
+     */
+    isDisabled(date) {
+        const customDate = this.getCustomDate(date);
+        return ((this.minDate && this.compare(date, this.minDate) < 0) ||
+            (this.maxDate && this.compare(date, this.maxDate) > 0) ||
+            (customDate && customDate.disabled));
+    }
+    getCustomDate(date) {
+        if (this.customDates) {
+            return this.customDates.find((customDate) => {
+                return customDate.date.getTime() === date.getTime();
+            });
+        }
+    }
+}
+SkyDatepickerCalendarInnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerCalendarInnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDatepickerCalendarInnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDatepickerCalendarInnerComponent, selector: "sky-datepicker-inner", inputs: { customDates: "customDates", startingDay: "startingDay", minDate: "minDate", maxDate: "maxDate", selectedDate: "selectedDate" }, outputs: { selectedDateChange: "selectedDateChange", calendarModeChange: "calendarModeChange" }, usesOnChanges: true, ngImport: i0, template: "<div\n  *ngIf=\"datepickerMode\"\n  class=\"sky-datepicker-calendar-inner\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-datepicker-calendar-inner{border-radius:5px;background-color:#fff;border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-right:1px solid #e2e3e4}.sky-datepicker-calendar-inner .sky-btn-default{border-color:transparent;border:2px solid #ffffff}.sky-datepicker-calendar-inner .sky-btn-default:hover{border-color:#eeeeef}.sky-datepicker-calendar-inner .sky-datepicker-center{text-align:center}.sky-datepicker-calendar-inner .sky-datepicker-btn-selected,.sky-datepicker-calendar-inner .sky-btn-default.sky-datepicker-btn-selected:hover{background-color:#c1e8fb;border:2px solid #00b4f1}.sky-datepicker-calendar-inner .sky-btn.sky-btn-active{box-shadow:none}.sky-datepicker-calendar-inner .sky-datepicker-secondary{color:#686c73}.sky-datepicker-calendar-inner .sky-datepicker-btn-date{min-width:100%}.sky-datepicker-calendar-inner .sky-datepicker-calendar-title{width:100%}.sky-datepicker-calendar-inner .sky-datepicker-chevron-modern{display:none}.sky-datepicker-calendar-inner .sky-datepicker-header-left{text-align:left}.sky-datepicker-calendar-inner .sky-datepicker-header-right{text-align:right}.sky-theme-modern .sky-datepicker-calendar-inner{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;border-radius:6px;padding:5px 10px}.sky-theme-modern .sky-datepicker-calendar-inner:focus-within{border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-datepicker-calendar-inner .sky-btn-default{border:none;box-shadow:inset 0 0 0 1px transparent;padding:5px 7px}.sky-theme-modern .sky-datepicker-calendar-inner .sky-btn-active,.sky-theme-modern .sky-datepicker-calendar-inner .sky-btn-default:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-btn-sm.sky-datepicker-btn-date{height:30px;min-width:0;padding:0;width:30px}.sky-theme-modern .sky-datepicker-chevron-default{display:none}.sky-theme-modern .sky-datepicker-chevron-modern{display:inline;font-size:16px}.sky-theme-modern.sky-theme-mode-dark .sky-datepicker-calendar-inner{background-color:transparent}.sky-theme-modern.sky-theme-mode-dark .sky-datepicker-calendar-inner:not(:focus-within){border:none;box-shadow:inset 0 0 0 1px #686c73}.sky-theme-modern.sky-theme-mode-dark .sky-datepicker-calendar-inner .sky-datepicker-btn-selected{background-color:#009cd1}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerCalendarInnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-datepicker-inner',
+                    templateUrl: './datepicker-calendar-inner.component.html',
+                    styleUrls: ['./datepicker-calendar-inner.component.scss'],
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { customDates: [{
+                type: Input
+            }], startingDay: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], selectedDate: [{
+                type: Input
+            }], selectedDateChange: [{
+                type: Output
+            }], calendarModeChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=datepicker-calendar-inner.component.js.map

package/esm2015/lib/modules/datepicker/datepicker-calendar-inner.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-calendar-inner.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-calendar-inner.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-calendar-inner.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SkyDatepickerCustomDate } from './datepicker-custom-date';\nimport { Subject } from 'rxjs';\n\nimport { SkyDateFormatter } from './date-formatter';\n\nimport { SkyDatepickerDate } from './datepicker-date';\n\nlet nextDatepickerId = 0;\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-datepicker-inner',\n  templateUrl: './datepicker-calendar-inner.component.html',\n  styleUrls: ['./datepicker-calendar-inner.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyDatepickerCalendarInnerComponent\n  implements OnDestroy, OnInit, OnChanges\n{\n  @Input()\n  public customDates: SkyDatepickerCustomDate[];\n\n  @Input()\n  public startingDay: number;\n\n  @Input()\n  public minDate: Date;\n\n  @Input()\n  public maxDate: Date;\n\n  @Input()\n  public set selectedDate(value: Date) {\n    if (this.dateFormatter.dateIsValid(value)) {\n      this._selectedDate = value;\n      this.activeDate = value;\n    }\n  }\n\n  public get selectedDate(): Date {\n    return this._selectedDate;\n  }\n\n  @Output()\n  public selectedDateChange: EventEmitter<Date> = new EventEmitter<Date>(\n    undefined\n  );\n\n  @Output()\n  public calendarModeChange: EventEmitter<string> = new EventEmitter<string>();\n\n  public activeDate: Date;\n  public activeDateId: string;\n\n  public minMode: string = 'day';\n  public maxMode: string = 'year';\n  public monthColLimit: number = 3;\n  public yearColLimit: number = 5;\n  public datepickerMode: string = 'day';\n  public yearRange: number = 20;\n\n  public formatDay: string = 'DD';\n  public formatMonth: string = 'MMMM';\n  public formatYear: string = 'YYYY';\n  public formatDayHeader: string = 'dd';\n  public formatDayTitle: string = 'MMMM YYYY';\n  public formatMonthTitle: string = 'YYYY';\n\n  public datepickerId: string = `sky-datepicker-${++nextDatepickerId}`;\n\n  public stepDay: any = {};\n  public stepMonth: any = {};\n  public stepYear: any = {};\n\n  protected modes: string[] = ['day', 'month', 'year'];\n  protected dateFormatter: SkyDateFormatter = new SkyDateFormatter();\n\n  public refreshViewHandlerDay: Function;\n  public compareHandlerDay: Function;\n  public refreshViewHandlerMonth: Function;\n  public compareHandlerMonth: Function;\n  public refreshViewHandlerYear: Function;\n  public compareHandlerYear: Function;\n\n  public handleKeydownDay: Function;\n  public handleKeydownMonth: Function;\n  public handleKeydownYear: Function;\n\n  public keys: any = {\n    13: 'enter',\n    32: 'space',\n    33: 'pageup',\n    34: 'pagedown',\n    35: 'end',\n    36: 'home',\n    37: 'left',\n    38: 'up',\n    39: 'right',\n    40: 'down',\n  };\n\n  private ngUnsubscribe = new Subject();\n\n  private _selectedDate: Date;\n\n  public ngOnInit(): void {\n    if (this.selectedDate) {\n      this.activeDate = new Date(this.selectedDate);\n    } else {\n      this.activeDate = new Date();\n    }\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    this.refreshView();\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public setCompareHandler(handler: Function, type: string): void {\n    if (type === 'day') {\n      this.compareHandlerDay = handler;\n    }\n\n    if (type === 'month') {\n      this.compareHandlerMonth = handler;\n    }\n\n    if (type === 'year') {\n      this.compareHandlerYear = handler;\n    }\n  }\n\n  public compare(date1: Date, date2: Date) {\n    if (date1 === undefined || date2 === undefined) {\n      return undefined;\n    }\n\n    if (this.datepickerMode === 'day' && this.compareHandlerDay) {\n      return this.compareHandlerDay(date1, date2);\n    }\n\n    if (this.datepickerMode === 'month' && this.compareHandlerMonth) {\n      return this.compareHandlerMonth(date1, date2);\n    }\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (this.datepickerMode === 'year' && this.compareHandlerYear) {\n      return this.compareHandlerYear(date1, date2);\n    }\n  }\n\n  public setRefreshViewHandler(handler: Function, type: string): void {\n    if (type === 'day') {\n      this.refreshViewHandlerDay = handler;\n    }\n\n    if (type === 'month') {\n      this.refreshViewHandlerMonth = handler;\n    }\n\n    if (type === 'year') {\n      this.refreshViewHandlerYear = handler;\n    }\n  }\n\n  public refreshView(): void {\n    if (this.datepickerMode === 'day' && this.refreshViewHandlerDay) {\n      this.refreshViewHandlerDay();\n    }\n\n    if (this.datepickerMode === 'month' && this.refreshViewHandlerMonth) {\n      this.refreshViewHandlerMonth();\n    }\n\n    if (this.datepickerMode === 'year' && this.refreshViewHandlerYear) {\n      this.refreshViewHandlerYear();\n    }\n  }\n\n  public setKeydownHandler(handler: Function, type: string) {\n    if (type === 'day') {\n      this.handleKeydownDay = handler;\n    }\n\n    if (type === 'month') {\n      this.handleKeydownMonth = handler;\n    }\n\n    if (type === 'year') {\n      this.handleKeydownYear = handler;\n    }\n  }\n\n  public handleKeydown(key: string, event: KeyboardEvent): void {\n    if (this.datepickerMode === 'day' && this.handleKeydownDay) {\n      this.handleKeydownDay(key, event);\n    }\n\n    if (this.datepickerMode === 'month' && this.handleKeydownMonth) {\n      this.handleKeydownMonth(key, event);\n    }\n\n    if (this.datepickerMode === 'year' && this.handleKeydownYear) {\n      this.handleKeydownYear(key, event);\n    }\n  }\n\n  public dateFilter(date: Date, format: string): string {\n    return this.dateFormatter.format(date, format);\n  }\n\n  public isActive(dateObject: any): boolean {\n    if (this.compare(dateObject.date, this.activeDate) === 0) {\n      this.activeDateId = dateObject.uid;\n      return true;\n    }\n\n    return false;\n  }\n\n  public onKeydown(event: KeyboardEvent) {\n    let key = this.keys[event.which];\n\n    if (!key || event.shiftKey || event.altKey) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (key === 'enter' || key === 'space') {\n      if (this.isDisabled(this.activeDate)) {\n        return;\n      }\n      this.select(this.activeDate);\n    } else if (event.ctrlKey && (key === 'up' || key === 'down')) {\n      this.toggleMode(key === 'up' ? 1 : -1);\n    } else {\n      this.handleKeydown(key, event);\n      this.refreshView();\n    }\n  }\n\n  public createDateObject(\n    date: Date,\n    format: string,\n    isSecondary: boolean,\n    id: string\n  ): SkyDatepickerDate {\n    const customDateMatch = this.getCustomDate(date);\n\n    let dateObject: SkyDatepickerDate = {\n      date: new Date(date.getFullYear(), date.getMonth(), date.getDate()),\n      label: this.dateFilter(date, format),\n      selected: this.compare(date, this.selectedDate) === 0,\n      disabled: this.isDisabled(date),\n      current: this.compare(date, new Date()) === 0,\n      secondary: isSecondary,\n      uid: id,\n      keyDate: customDateMatch ? customDateMatch.keyDate : undefined,\n      keyDateText: customDateMatch ? customDateMatch.keyDateText : [],\n    };\n\n    return dateObject;\n  }\n\n  public createCalendarRows(\n    dates: Array<SkyDatepickerDate>,\n    size: number\n  ): Array<Array<SkyDatepickerDate>> {\n    let rows: Array<Array<SkyDatepickerDate>> = [];\n    while (dates.length > 0) {\n      rows.push(dates.splice(0, size));\n    }\n    return rows;\n  }\n\n  /*\n    This is ensures that no strangeness happens when converting a date to local time.\n  */\n  public fixTimeZone(date: Date): Date {\n    let newDate = new Date(date);\n    newDate.setFullYear(date.getFullYear(), date.getMonth(), date.getDate());\n\n    return newDate;\n  }\n\n  public selectCalendar(\n    event: Event,\n    date: Date,\n    closePicker: boolean = false\n  ) {\n    if (!closePicker) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this.select(date);\n  }\n\n  public select(date: Date, isManual: boolean = true): void {\n    this.activeDate = new Date(\n      date.getFullYear(),\n      date.getMonth(),\n      date.getDate()\n    );\n\n    /*\n        Only actually select date if in minmode (day picker mode).\n        Otherwise, just change the active view for the datepicker.\n    */\n    if (this.datepickerMode === this.minMode) {\n      this.selectedDate = new Date(this.activeDate);\n      if (isManual) {\n        this.selectedDateChange.emit(this.selectedDate);\n      }\n    } else {\n      this.datepickerMode =\n        this.modes[this.modes.indexOf(this.datepickerMode) - 1];\n      this.calendarModeChange.emit(this.datepickerMode);\n    }\n\n    this.refreshView();\n  }\n\n  public moveCalendar(event: Event, direction: number) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.move(direction);\n  }\n\n  public move(direction: number): void {\n    let expectedStep: any;\n    if (this.datepickerMode === 'day') {\n      expectedStep = this.stepDay;\n    }\n\n    if (this.datepickerMode === 'month') {\n      expectedStep = this.stepMonth;\n    }\n\n    if (this.datepickerMode === 'year') {\n      expectedStep = this.stepYear;\n    }\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (expectedStep) {\n      let year =\n        this.activeDate.getFullYear() + direction * (expectedStep.years || 0);\n      let month =\n        this.activeDate.getMonth() + direction * (expectedStep.months || 0);\n\n      this.activeDate = new Date(year, month, 1);\n\n      this.refreshView();\n    }\n  }\n\n  public toggleModeCalendar(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.toggleMode(1);\n  }\n\n  public toggleMode(direction: number): void {\n    /*istanbul ignore next */\n    direction = direction || 1;\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (\n      !(direction === 1 && this.datepickerMode === this.maxMode) &&\n      !(this.datepickerMode === this.minMode && direction === -1)\n    ) {\n      this.datepickerMode =\n        this.modes[this.modes.indexOf(this.datepickerMode) + direction];\n      this.calendarModeChange.emit(this.datepickerMode);\n      this.refreshView();\n    }\n  }\n\n  /**\n   * Date is disabled if it meets any of these criteria:\n   * 1. Date falls outside the min or max dates set by the SkyDatepickerConfigService.\n   * 2. Date is marked as disabled in the customDates array.\n   */\n  protected isDisabled(date: Date): boolean {\n    const customDate = this.getCustomDate(date);\n    return (\n      (this.minDate && this.compare(date, this.minDate) < 0) ||\n      (this.maxDate && this.compare(date, this.maxDate) > 0) ||\n      (customDate && customDate.disabled)\n    );\n  }\n  private getCustomDate(date: Date): SkyDatepickerCustomDate | undefined {\n    if (this.customDates) {\n      return this.customDates.find((customDate: SkyDatepickerCustomDate) => {\n        return customDate.date.getTime() === date.getTime();\n      });\n    }\n  }\n}\n","<div\n  *ngIf=\"datepickerMode\"\n  class=\"sky-datepicker-calendar-inner\"\n  (keydown)=\"onKeydown($event)\"\n>\n  <ng-content></ng-content>\n</div>\n"]}

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

@@ -0,0 +1,109 @@
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { SkyDatepickerAdapterService } from './datepicker-adapter.service';
+import { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';
+import { SkyDatepickerConfigService } from './datepicker-config.service';
+import { SkyDateFormatter } from './date-formatter';
+import * as i0 from "@angular/core";
+import * as i1 from "./datepicker-adapter.service";
+import * as i2 from "./datepicker-config.service";
+import * as i3 from "./datepicker-calendar-inner.component";
+import * as i4 from "./daypicker.component";
+import * as i5 from "./monthpicker.component";
+import * as i6 from "./yearpicker.component";
+/**
+ * @internal
+ */
+export class SkyDatepickerCalendarComponent {
+    constructor(adapter, config, elementRef) {
+        this.adapter = adapter;
+        this.config = config;
+        this.elementRef = elementRef;
+        this.calendarDateRangeChange = new EventEmitter();
+        this.calendarModeChange = new EventEmitter();
+        this.selectedDateChange = new EventEmitter(undefined);
+        this._now = new Date();
+        this.formatter = new SkyDateFormatter();
+        this.configureOptions();
+    }
+    /** starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) */
+    set startingDay(start) {
+        this._startingDay = start;
+    }
+    get startingDay() {
+        return this._startingDay || 0;
+    }
+    /**
+     * @internal
+     * Indicates if the calendar element's visiblity property is 'visible'.
+     */
+    get isVisible() {
+        return this.adapter.elementIsVisible();
+    }
+    ngAfterViewInit() {
+        this.adapter.init(this.elementRef);
+    }
+    configureOptions() {
+        Object.assign(this, this.config);
+    }
+    onCalendarDateRangeChange(event) {
+        this.calendarDateRangeChange.next(event);
+    }
+    onCalendarModeChange(event) {
+        this.calendarModeChange.emit(event);
+    }
+    onSelectedDateChange(event) {
+        this.selectedDateChange.emit(event);
+    }
+    writeValue(value) {
+        if (value !== undefined &&
+            this.formatter.dateIsValid(value) &&
+            this.selectedDate !== undefined &&
+            this._datepicker.compareHandlerDay(value, this.selectedDate) === 0) {
+            return;
+        }
+        if (this.formatter.dateIsValid(value)) {
+            this.selectedDate = value;
+            this._datepicker.select(value, false);
+        }
+        else {
+            this.selectedDate = new Date();
+            this._datepicker.select(new Date(), false);
+        }
+    }
+}
+SkyDatepickerCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerCalendarComponent, deps: [{ token: i1.SkyDatepickerAdapterService }, { token: i2.SkyDatepickerConfigService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyDatepickerCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDatepickerCalendarComponent, selector: "sky-datepicker-calendar", inputs: { customDates: "customDates", isDaypickerWaiting: "isDaypickerWaiting", minDate: "minDate", maxDate: "maxDate", selectedDate: "selectedDate", startingDay: "startingDay" }, outputs: { calendarDateRangeChange: "calendarDateRangeChange", calendarModeChange: "calendarModeChange", selectedDateChange: "selectedDateChange" }, providers: [SkyDatepickerAdapterService], viewQueries: [{ propertyName: "_datepicker", first: true, predicate: SkyDatepickerCalendarInnerComponent, descendants: true, read: SkyDatepickerCalendarInnerComponent, static: true }], ngImport: i0, template: "<div class=\"sky-datepicker-calendar\">\n  <sky-datepicker-inner\n    [customDates]=\"customDates\"\n    [maxDate]=\"maxDate\"\n    [minDate]=\"minDate\"\n    [selectedDate]=\"selectedDate\"\n    [startingDay]=\"startingDay\"\n    (calendarModeChange)=\"onCalendarModeChange($event)\"\n    (selectedDateChange)=\"onSelectedDateChange($event)\"\n  >\n    <sky-daypicker\n      tabindex=\"0\"\n      [customDates]=\"customDates\"\n      [isWaiting]=\"isDaypickerWaiting\"\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n    ></sky-daypicker>\n    <sky-monthpicker tabindex=\"0\"></sky-monthpicker>\n    <sky-yearpicker tabindex=\"0\"></sky-yearpicker>\n  </sky-datepicker-inner>\n</div>\n", styles: [".sky-datepicker-calendar{display:block}\n"], components: [{ type: i3.SkyDatepickerCalendarInnerComponent, selector: "sky-datepicker-inner", inputs: ["customDates", "startingDay", "minDate", "maxDate", "selectedDate"], outputs: ["selectedDateChange", "calendarModeChange"] }, { type: i4.SkyDayPickerComponent, selector: "sky-daypicker", inputs: ["customDates", "isWaiting"], outputs: ["calendarDateRangeChange"] }, { type: i5.SkyMonthPickerComponent, selector: "sky-monthpicker" }, { type: i6.SkyYearPickerComponent, selector: "sky-yearpicker" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerCalendarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-datepicker-calendar',
+                    templateUrl: './datepicker-calendar.component.html',
+                    styleUrls: ['./datepicker-calendar.component.scss'],
+                    providers: [SkyDatepickerAdapterService],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyDatepickerAdapterService }, { type: i2.SkyDatepickerConfigService }, { type: i0.ElementRef }]; }, propDecorators: { customDates: [{
+                type: Input
+            }], isDaypickerWaiting: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], selectedDate: [{
+                type: Input
+            }], startingDay: [{
+                type: Input
+            }], calendarDateRangeChange: [{
+                type: Output
+            }], calendarModeChange: [{
+                type: Output
+            }], selectedDateChange: [{
+                type: Output
+            }], _datepicker: [{
+                type: ViewChild,
+                args: [SkyDatepickerCalendarInnerComponent, {
+                        read: SkyDatepickerCalendarInnerComponent,
+                        static: true,
+                    }]
+            }] } });
+//# sourceMappingURL=datepicker-calendar.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-calendar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-calendar.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-calendar.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,KAAK,EACL,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAE3E,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;AAIpD;;GAEG;AAOH,MAAM,OAAO,8BAA8B;IA0DzC,YACU,OAAoC,EACpC,MAAkC,EAClC,UAAsB;QAFtB,YAAO,GAAP,OAAO,CAA6B;QACpC,WAAM,GAAN,MAAM,CAA4B;QAClC,eAAU,GAAV,UAAU,CAAY;QAjCzB,4BAAuB,GAA8C,IAAI,YAAY,EAA+B,CAAC;QAGrH,uBAAkB,GAAyB,IAAI,YAAY,EAAU,CAAC;QAGtE,uBAAkB,GAAuB,IAAI,YAAY,CAC9D,SAAS,CACV,CAAC;QAgBQ,SAAI,GAAS,IAAI,IAAI,EAAE,CAAC;QAE1B,cAAS,GAAG,IAAI,gBAAgB,EAAE,CAAC;QASzC,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IA/CD,oEAAoE;IACpE,IACW,WAAW,CAAC,KAAa;QAClC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC;IAChC,CAAC;IAaD;;;OAGG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;IACzC,CAAC;IAsBM,eAAe;QACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;IAEM,gBAAgB;QACrB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IAEM,yBAAyB,CAAC,KAAkC;QACjE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAEM,oBAAoB,CAAC,KAAa;QACvC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAEM,oBAAoB,CAAC,KAAW;QACrC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAEM,UAAU,CAAC,KAAW;QAC3B,IACE,KAAK,KAAK,SAAS;YACnB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;YACjC,IAAI,CAAC,YAAY,KAAK,SAAS;YAC/B,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAClE;YACA,OAAO;SACR;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;YACrC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;SACvC;aAAM;YACL,IAAI,CAAC,YAAY,GAAG,IAAI,IAAI,EAAE,CAAC;YAC/B,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;SAC5C;IACH,CAAC;;4HAvGU,8BAA8B;gHAA9B,8BAA8B,2XAF9B,CAAC,2BAA2B,CAAC,uEAgD7B,mCAAmC,2BACtC,mCAAmC,2CC5E7C,wsBAoBA;4FDSa,8BAA8B;kBAN1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,WAAW,EAAE,sCAAsC;oBACnD,SAAS,EAAE,CAAC,sCAAsC,CAAC;oBACnD,SAAS,EAAE,CAAC,2BAA2B,CAAC;iBACzC;oLAGQ,WAAW;sBADjB,KAAK;gBAIC,kBAAkB;sBADxB,KAAK;gBAIC,OAAO;sBADb,KAAK;gBAIC,OAAO;sBADb,KAAK;gBAKC,YAAY;sBADlB,KAAK;gBAKK,WAAW;sBADrB,KAAK;gBAUC,uBAAuB;sBAD7B,MAAM;gBAIA,kBAAkB;sBADxB,MAAM;gBAIA,kBAAkB;sBADxB,MAAM;gBAiBA,WAAW;sBAJjB,SAAS;uBAAC,mCAAmC,EAAE;wBAC9C,IAAI,EAAE,mCAAmC;wBACzC,MAAM,EAAE,IAAI;qBACb","sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\n\nimport { SkyDatepickerAdapterService } from './datepicker-adapter.service';\n\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\n\nimport { SkyDatepickerConfigService } from './datepicker-config.service';\n\nimport { SkyDateFormatter } from './date-formatter';\nimport { SkyDatepickerCustomDate } from './datepicker-custom-date';\nimport { SkyDatepickerCalendarChange } from './datepicker-calendar-change';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-datepicker-calendar',\n  templateUrl: './datepicker-calendar.component.html',\n  styleUrls: ['./datepicker-calendar.component.scss'],\n  providers: [SkyDatepickerAdapterService],\n})\nexport class SkyDatepickerCalendarComponent implements AfterViewInit {\n  @Input()\n  public customDates: SkyDatepickerCustomDate[];\n\n  @Input()\n  public isDaypickerWaiting: boolean;\n\n  @Input()\n  public minDate: Date;\n\n  @Input()\n  public maxDate: Date;\n\n  /** currently selected date */\n  @Input()\n  public selectedDate: Date;\n\n  /** starting day of the week from 0-6 (0=Sunday, ..., 6=Saturday) */\n  @Input()\n  public set startingDay(start: number) {\n    this._startingDay = start;\n  }\n\n  public get startingDay() {\n    return this._startingDay || 0;\n  }\n\n  @Output()\n  public calendarDateRangeChange: EventEmitter<SkyDatepickerCalendarChange> = new EventEmitter<SkyDatepickerCalendarChange>();\n\n  @Output()\n  public calendarModeChange: EventEmitter<string> = new EventEmitter<string>();\n\n  @Output()\n  public selectedDateChange: EventEmitter<Date> = new EventEmitter<Date>(\n    undefined\n  );\n\n  /**\n   * @internal\n   * Indicates if the calendar element's visiblity property is 'visible'.\n   */\n  public get isVisible(): boolean {\n    return this.adapter.elementIsVisible();\n  }\n\n  @ViewChild(SkyDatepickerCalendarInnerComponent, {\n    read: SkyDatepickerCalendarInnerComponent,\n    static: true,\n  })\n  public _datepicker: SkyDatepickerCalendarInnerComponent;\n\n  protected _now: Date = new Date();\n\n  private formatter = new SkyDateFormatter();\n\n  private _startingDay: number;\n\n  public constructor(\n    private adapter: SkyDatepickerAdapterService,\n    private config: SkyDatepickerConfigService,\n    private elementRef: ElementRef\n  ) {\n    this.configureOptions();\n  }\n\n  public ngAfterViewInit(): void {\n    this.adapter.init(this.elementRef);\n  }\n\n  public configureOptions(): void {\n    Object.assign(this, this.config);\n  }\n\n  public onCalendarDateRangeChange(event: SkyDatepickerCalendarChange): void {\n    this.calendarDateRangeChange.next(event);\n  }\n\n  public onCalendarModeChange(event: string): void {\n    this.calendarModeChange.emit(event);\n  }\n\n  public onSelectedDateChange(event: Date): void {\n    this.selectedDateChange.emit(event);\n  }\n\n  public writeValue(value: Date): void {\n    if (\n      value !== undefined &&\n      this.formatter.dateIsValid(value) &&\n      this.selectedDate !== undefined &&\n      this._datepicker.compareHandlerDay(value, this.selectedDate) === 0\n    ) {\n      return;\n    }\n\n    if (this.formatter.dateIsValid(value)) {\n      this.selectedDate = value;\n      this._datepicker.select(value, false);\n    } else {\n      this.selectedDate = new Date();\n      this._datepicker.select(new Date(), false);\n    }\n  }\n}\n","<div class=\"sky-datepicker-calendar\">\n  <sky-datepicker-inner\n    [customDates]=\"customDates\"\n    [maxDate]=\"maxDate\"\n    [minDate]=\"minDate\"\n    [selectedDate]=\"selectedDate\"\n    [startingDay]=\"startingDay\"\n    (calendarModeChange)=\"onCalendarModeChange($event)\"\n    (selectedDateChange)=\"onSelectedDateChange($event)\"\n  >\n    <sky-daypicker\n      tabindex=\"0\"\n      [customDates]=\"customDates\"\n      [isWaiting]=\"isDaypickerWaiting\"\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n    ></sky-daypicker>\n    <sky-monthpicker tabindex=\"0\"></sky-monthpicker>\n    <sky-yearpicker tabindex=\"0\"></sky-yearpicker>\n  </sky-datepicker-inner>\n</div>\n"]}

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

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SkyDatepickerConfigService {
+    constructor() {
+        /**
+         * Specifies the starting day of the week in the calendar,
+         * where `0` sets the starting day to Sunday.
+         * @default 0
+         */
+        this.startingDay = 0;
+    }
+}
+SkyDatepickerConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDatepickerConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerConfigService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDatepickerConfigService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=datepicker-config.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-config.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-config.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAK3C,MAAM,OAAO,0BAA0B;IAHvC;QAoBE;;;;WAIG;QACI,gBAAW,GAAG,CAAC,CAAC;KACxB;;wHAvBY,0BAA0B;4HAA1B,0BAA0B,cAFzB,MAAM;4FAEP,0BAA0B;kBAHtC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyDatepickerConfigService {\n  /**\n   * Specifies the date format for the input.\n   * @default \"MM/DD/YYYY\"\n   */\n  public dateFormat: string;\n\n  /**\n   * Specifies the latest selectable date that is available in the calendar.\n   */\n  public maxDate: Date;\n\n  /**\n   * Specifies the earliest selectable date that is available in the calendar.\n   */\n  public minDate: Date;\n\n  /**\n   * Specifies the starting day of the week in the calendar,\n   * where `0` sets the starting day to Sunday.\n   * @default 0\n   */\n  public startingDay = 0;\n}\n"]}

package/esm2015/lib/modules/datepicker/datepicker-custom-date.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=datepicker-custom-date.js.map

package/esm2015/lib/modules/datepicker/datepicker-custom-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-custom-date.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-custom-date.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * The configuration for a custom date.\n */\nexport interface SkyDatepickerCustomDate {\n  /**\n   * The date to customize.\n   */\n  date: Date;\n\n  /**\n   * Indicates whether to disable the date.\n   */\n  disabled?: boolean;\n\n  /**\n   * Indicates whether to display the date as a key date in the calendar.\n   */\n  keyDate?: boolean;\n\n  /**\n   * Displays a popup of the provided text when hovering over the key date in the calendar.\n   */\n  keyDateText?: Array<string>;\n}\n"]}

package/esm2015/lib/modules/datepicker/datepicker-date.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=datepicker-date.js.map

package/esm2015/lib/modules/datepicker/datepicker-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-date.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/datepicker-date.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n */\nexport interface SkyDatepickerDate {\n  date: Date;\n  label: string;\n  selected: boolean;\n  disabled: boolean;\n  current: boolean;\n  secondary: boolean;\n  uid: string;\n  keyDate?: boolean;\n  keyDateText?: Array<string>;\n}\n"]}