@skyux/datetime 5.1.3 → 5.5.0-beta.0

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

@@ -0,0 +1,403 @@
+import { Injectable } from '@angular/core';
+import { SkyAppLocaleProvider } from '@skyux/i18n';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import moment from 'moment';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/i18n";
+/**
+ * @internal
+ */
+export class SkyFuzzyDateService {
+    constructor(localeProvider) {
+        this.localeProvider = localeProvider;
+        this.ngUnsubscribe = new Subject();
+        this.localeProvider
+            .getLocaleInfo()
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((localeInfo) => {
+            this.currentLocale = localeInfo.locale;
+        });
+    }
+    /* istanbul ignore next */
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    /**
+     * Returns the browser's current locale string.
+     */
+    getCurrentLocale() {
+        return this.currentLocale;
+    }
+    /**
+     * Returns the short format of the provided locale.
+     * If not provided, the locale will be taken from the browser's default locale.
+     */
+    getLocaleShortFormat(locale) {
+        return moment.localeData(locale || this.currentLocale).longDateFormat('L');
+    }
+    /**
+     * Formats a fuzzy date by using the provided format and locale strings.
+     * If not provided, the locale will be taken from the browser's default locale.
+     */
+    format(fuzzyDate, format, locale) {
+        if (!this.isFuzzyDateValid(fuzzyDate)) {
+            return '';
+        }
+        if (!format) {
+            return '';
+        }
+        const separator = this.getDateSeparator(format);
+        let dateParts = [];
+        let formatTokens = format.split(separator);
+        locale = locale || this.currentLocale;
+        let fuzzyDateMoment = this.getMomentFromFuzzyDate(fuzzyDate).locale(locale);
+        for (let index = 0; index < formatTokens.length; index++) {
+            const token = formatTokens[index];
+            /* istanbul ignore else */
+            if (token) {
+                // tslint:disable-next-line: switch-default
+                switch (token.substr(0, 1).toLowerCase()) {
+                    case 'y':
+                        if (fuzzyDate.year) {
+                            dateParts.push(fuzzyDateMoment.format(token));
+                        }
+                        break;
+                    case 'm':
+                        if (fuzzyDate.month) {
+                            dateParts.push(fuzzyDateMoment.format(token));
+                        }
+                        break;
+                    case 'd':
+                        if (fuzzyDate.day) {
+                            dateParts.push(fuzzyDateMoment.format(token));
+                        }
+                        break;
+                }
+            }
+        }
+        return dateParts.join(separator);
+    }
+    /**
+     * If not provided, years will default to current year; months will default to January;
+     * days will default to 1st of the month.
+     */
+    getMomentFromFuzzyDate(fuzzyDate) {
+        if (!fuzzyDate) {
+            return;
+        }
+        const year = fuzzyDate.year || this.getDefaultYear(fuzzyDate);
+        const month = fuzzyDate.month > 0 ? fuzzyDate.month - 1 : 0;
+        const day = fuzzyDate.day || 1;
+        return moment([year, month, day]);
+    }
+    /**
+     * Gets a string instance of a fuzzy date.
+     * @deprecated Deprecated in favor of the `format` function.
+     */
+    getStringFromFuzzyDate(fuzzyDate, dateFormat) {
+        if (!fuzzyDate || !dateFormat) {
+            return;
+        }
+        const separator = this.getDateSeparator(dateFormat);
+        const dateFormatIndexes = this.getDateFormatIndexes(dateFormat);
+        let dateString = '';
+        // Get the components of the date in the order expected of the local format.
+        let dateComponents = [
+            { value: fuzzyDate.year || 0, index: dateFormatIndexes.yearIndex },
+            { value: fuzzyDate.month || 0, index: dateFormatIndexes.monthIndex },
+            { value: fuzzyDate.day || 0, index: dateFormatIndexes.dayIndex },
+        ];
+        dateComponents.sort((a, b) => a.index - b.index);
+        dateComponents.forEach((component) => {
+            if (component.value > 0 && component.index > -1) {
+                if (dateString) {
+                    dateString += separator;
+                }
+                dateString += component.value.toString();
+            }
+        });
+        return dateString.trim();
+    }
+    getFuzzyDateFromSelectedDate(selectedDate, dateFormat) {
+        if (!selectedDate || !dateFormat) {
+            return;
+        }
+        let fuzzyDate = {};
+        const dateFormatIndexes = this.getDateFormatIndexes(dateFormat);
+        if (dateFormatIndexes.yearIndex > -1) {
+            fuzzyDate.year = selectedDate.getFullYear();
+        }
+        if (dateFormatIndexes.dayIndex > -1) {
+            fuzzyDate.day = selectedDate.getDate();
+        }
+        if (dateFormatIndexes.monthIndex > -1) {
+            fuzzyDate.month = selectedDate.getMonth() + 1; // getMonth() is 0-indexed.
+        }
+        return fuzzyDate;
+    }
+    getFuzzyDateFromString(date, dateFormat) {
+        if (!date || !dateFormat) {
+            return;
+        }
+        let day;
+        let month;
+        let year;
+        const dateComponents = this.getDateComponents(date);
+        const indexes = this.getDateValueIndexes(date, dateFormat);
+        // Look at the date string's component count:
+        // 3 indicates a full date
+        // 2 indicates a month-year or month-day date
+        // 1 indicates a year
+        // Other indicates a problem
+        switch (dateComponents.length) {
+            case 3:
+                year = dateComponents[indexes.yearIndex];
+                month = dateComponents[indexes.monthIndex];
+                day = dateComponents[indexes.dayIndex];
+                break;
+            case 2:
+                // First, check for a 4-digit year. If year exists, then we assume the other component
+                // is the month. Otherwise, we can assume the input is mm/dd or mm/yy (2-digit year).
+                year = this.get4DigitYearFromDateString(date);
+                if (year) {
+                    month =
+                        dateComponents[0] === year.toString()
+                            ? dateComponents[1]
+                            : dateComponents[0];
+                }
+                else {
+                    if (indexes.dayIndex > -1) {
+                        // mm/dd
+                        month =
+                            indexes.monthIndex < indexes.dayIndex
+                                ? dateComponents[0]
+                                : dateComponents[1];
+                        day =
+                            month === dateComponents[1]
+                                ? dateComponents[0]
+                                : dateComponents[1];
+                    }
+                    else {
+                        // mm/yy
+                        month =
+                            indexes.monthIndex < indexes.yearIndex
+                                ? dateComponents[0]
+                                : dateComponents[1];
+                        year =
+                            month === dateComponents[1]
+                                ? dateComponents[0]
+                                : dateComponents[1];
+                    }
+                }
+                break;
+            case 1:
+                year = date;
+                break;
+            default:
+                return;
+        }
+        if (month) {
+            // Check if month is valid.
+            month = this.getMonthNumber(month);
+            if (month === undefined) {
+                return;
+            }
+            // Check if day is valid.
+            if (day) {
+                day = parseInt(day, 10);
+                let fuzzyMoment = this.getMomentFromFuzzyDate({
+                    month: month,
+                    day: day,
+                    year: year,
+                });
+                if (isNaN(day) || !fuzzyMoment.isValid()) {
+                    return;
+                }
+            }
+        }
+        if (year) {
+            year =
+                year.toString().length === 2
+                    ? moment.parseTwoDigitYear(year)
+                    : parseInt(year.toString(), 10);
+            if (isNaN(year) || year.toString().length !== 4) {
+                return;
+            }
+        }
+        return {
+            month: month,
+            day: day,
+            year: year,
+        };
+    }
+    getFuzzyDateRange(startFuzzyDate, endFuzzyDate) {
+        let start;
+        let end;
+        let days;
+        let months;
+        let years;
+        let valid = false;
+        if (startFuzzyDate &&
+            startFuzzyDate.year &&
+            endFuzzyDate &&
+            endFuzzyDate.year) {
+            start = this.getMomentFromFuzzyDate(startFuzzyDate);
+            end = this.getMomentFromFuzzyDate(endFuzzyDate);
+            years = end.diff(start, 'years');
+            months = end.diff(start, 'months');
+            days = end.diff(start, 'days');
+            valid = end.diff(start) >= 0;
+        }
+        return {
+            years: years,
+            months: months,
+            days: days,
+            valid: valid,
+        };
+    }
+    getCurrentFuzzyDate() {
+        let currentDate = moment();
+        return {
+            day: currentDate.date(),
+            month: currentDate.month() + 1,
+            year: currentDate.year(),
+        };
+    }
+    getMostRecentLeapYear() {
+        let leapYear = new Date().getFullYear();
+        while (!this.isLeapYear(leapYear)) {
+            leapYear -= 1;
+        }
+        return leapYear;
+    }
+    /**
+     * Returns the first separator found in the provided date format string.
+     * Accepted separators: ['/', '.', '-', ' '].
+     * @param dateFormat
+     */
+    getDateSeparator(dateFormat) {
+        let returnValue;
+        let separators = ['/', '.', '-', ' '];
+        separators.forEach((separator) => {
+            if (!returnValue && dateFormat.indexOf(separator) > 0) {
+                returnValue = separator;
+            }
+        });
+        return returnValue;
+    }
+    get4DigitYearFromDateString(date) {
+        let year;
+        const separator = this.getDateSeparator(date);
+        // Find the number value in the string that is 4 digits long.
+        date.split(separator).forEach((dateComponent) => {
+            if (!year && parseInt(dateComponent, 10).toString().length === 4) {
+                year = dateComponent;
+            }
+        });
+        if (year && !isNaN(Number(year))) {
+            return parseInt(year, 10);
+        }
+    }
+    isLeapYear(year) {
+        return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+    }
+    getMonthNumber(month) {
+        let returnValue;
+        const monthAsNumber = parseInt(month, 10);
+        // If the month component is a string ("Janaury"), we check to see if it is a valid month
+        if (isNaN(monthAsNumber)) {
+            if (!moment(month, 'MMMM').isValid()) {
+                return;
+            }
+            returnValue = parseInt(moment().month(month).format('M'), 10);
+        }
+        else {
+            returnValue = monthAsNumber;
+        }
+        // Ensure that the month is between 1 and 12
+        if (!(1 <= returnValue && returnValue <= 12)) {
+            return;
+        }
+        return returnValue;
+    }
+    getDefaultYear(fuzzyDate) {
+        // Check if we need to return a leap year or the current year.
+        if (fuzzyDate.month === 2 && fuzzyDate.day === 29) {
+            return this.getMostRecentLeapYear();
+        }
+        else {
+            return new Date().getFullYear();
+        }
+    }
+    getDateComponents(date) {
+        const separator = this.getDateSeparator(date);
+        return date.split(separator);
+    }
+    // Returns the order of year, month, and day from the provided date format.
+    getDateFormatIndexes(dateFormat) {
+        dateFormat = dateFormat.toLowerCase();
+        return {
+            yearIndex: dateFormat.indexOf('y'),
+            monthIndex: dateFormat.indexOf('m'),
+            dayIndex: dateFormat.indexOf('d'),
+        };
+    }
+    // Returns the index of each of the date components in the provided string (month, day, year).
+    getDateValueIndexes(date, dateFormat) {
+        const dateFormatIndexes = this.getDateFormatIndexes(dateFormat);
+        let dateComponentIndexes = [];
+        if (dateFormatIndexes.yearIndex > -1) {
+            dateComponentIndexes.push(dateFormatIndexes.yearIndex);
+        }
+        if (dateFormatIndexes.monthIndex > -1) {
+            dateComponentIndexes.push(dateFormatIndexes.monthIndex);
+        }
+        if (dateFormatIndexes.dayIndex > -1) {
+            dateComponentIndexes.push(dateFormatIndexes.dayIndex);
+        }
+        dateComponentIndexes.sort(function (a, b) {
+            return a - b;
+        });
+        return {
+            yearIndex: dateComponentIndexes.indexOf(dateFormatIndexes.yearIndex),
+            monthIndex: dateComponentIndexes.indexOf(dateFormatIndexes.monthIndex),
+            dayIndex: dateComponentIndexes.indexOf(dateFormatIndexes.dayIndex),
+        };
+    }
+    /**
+     * Validates the provided SkyFuzzyDate object. Valid fuzzy dates are as follows:
+     * month, day, year
+     * month, year
+     * month, day
+     * year only
+     */
+    isFuzzyDateValid(fuzzyDate) {
+        if (!fuzzyDate) {
+            return false;
+        }
+        // If none of the dates part are specified, return false.
+        if (!fuzzyDate.day && !fuzzyDate.month && !fuzzyDate.year) {
+            return false;
+        }
+        // If only month is specified, return false.
+        if (!fuzzyDate.day && fuzzyDate.month && !fuzzyDate.year) {
+            return false;
+        }
+        // If only day is specified, return false.
+        if (fuzzyDate.day && !fuzzyDate.month && !fuzzyDate.year) {
+            return false;
+        }
+        return true;
+    }
+}
+SkyFuzzyDateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFuzzyDateService, deps: [{ token: i1.SkyAppLocaleProvider }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyFuzzyDateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFuzzyDateService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyFuzzyDateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyAppLocaleProvider }]; } });
+//# sourceMappingURL=fuzzy-date.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fuzzy-date.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/fuzzy-date.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, OnDestroy } from '@angular/core';\n\nimport { SkyAppLocaleProvider } from '@skyux/i18n';\n\nimport { Subject } from 'rxjs';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyFuzzyDate } from './fuzzy-date';\n\nimport moment from 'moment';\n\n/**\n * @internal\n */\ninterface SkyDateIndexes {\n  yearIndex: number;\n  monthIndex: number;\n  dayIndex: number;\n}\n\n/**\n * @internal\n */\ninterface SkyFuzzyDateRange {\n  years: string;\n  months: string;\n  days: string;\n  valid: boolean;\n}\n\n/**\n * @internal\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyFuzzyDateService implements OnDestroy {\n  private currentLocale: string;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  constructor(private localeProvider: SkyAppLocaleProvider) {\n    this.localeProvider\n      .getLocaleInfo()\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((localeInfo) => {\n        this.currentLocale = localeInfo.locale;\n      });\n  }\n\n  /* istanbul ignore next */\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  /**\n   * Returns the browser's current locale string.\n   */\n  public getCurrentLocale(): string {\n    return this.currentLocale;\n  }\n\n  /**\n   * Returns the short format of the provided locale.\n   * If not provided, the locale will be taken from the browser's default locale.\n   */\n  public getLocaleShortFormat(locale?: string): string {\n    return moment.localeData(locale || this.currentLocale).longDateFormat('L');\n  }\n\n  /**\n   * Formats a fuzzy date by using the provided format and locale strings.\n   * If not provided, the locale will be taken from the browser's default locale.\n   */\n  public format(\n    fuzzyDate: SkyFuzzyDate,\n    format: string,\n    locale?: string\n  ): string {\n    if (!this.isFuzzyDateValid(fuzzyDate)) {\n      return '';\n    }\n\n    if (!format) {\n      return '';\n    }\n\n    const separator = this.getDateSeparator(format);\n    let dateParts: string[] = [];\n    let formatTokens: string[] = format.split(separator);\n    locale = locale || this.currentLocale;\n    let fuzzyDateMoment = this.getMomentFromFuzzyDate(fuzzyDate).locale(locale);\n\n    for (let index = 0; index < formatTokens.length; index++) {\n      const token = formatTokens[index];\n\n      /* istanbul ignore else */\n      if (token) {\n        // tslint:disable-next-line: switch-default\n        switch (token.substr(0, 1).toLowerCase()) {\n          case 'y':\n            if (fuzzyDate.year) {\n              dateParts.push(fuzzyDateMoment.format(token));\n            }\n            break;\n          case 'm':\n            if (fuzzyDate.month) {\n              dateParts.push(fuzzyDateMoment.format(token));\n            }\n            break;\n          case 'd':\n            if (fuzzyDate.day) {\n              dateParts.push(fuzzyDateMoment.format(token));\n            }\n            break;\n        }\n      }\n    }\n\n    return dateParts.join(separator);\n  }\n\n  /**\n   * If not provided, years will default to current year; months will default to January;\n   * days will default to 1st of the month.\n   */\n  public getMomentFromFuzzyDate(fuzzyDate: SkyFuzzyDate): any {\n    if (!fuzzyDate) {\n      return;\n    }\n\n    const year = fuzzyDate.year || this.getDefaultYear(fuzzyDate);\n    const month = fuzzyDate.month > 0 ? fuzzyDate.month - 1 : 0;\n    const day = fuzzyDate.day || 1;\n\n    return moment([year, month, day]);\n  }\n\n  /**\n   * Gets a string instance of a fuzzy date.\n   * @deprecated Deprecated in favor of the `format` function.\n   */\n  public getStringFromFuzzyDate(\n    fuzzyDate: SkyFuzzyDate,\n    dateFormat: string\n  ): string {\n    if (!fuzzyDate || !dateFormat) {\n      return;\n    }\n\n    const separator = this.getDateSeparator(dateFormat);\n    const dateFormatIndexes = this.getDateFormatIndexes(dateFormat);\n    let dateString: string = '';\n\n    // Get the components of the date in the order expected of the local format.\n    let dateComponents = [\n      { value: fuzzyDate.year || 0, index: dateFormatIndexes.yearIndex },\n      { value: fuzzyDate.month || 0, index: dateFormatIndexes.monthIndex },\n      { value: fuzzyDate.day || 0, index: dateFormatIndexes.dayIndex },\n    ];\n    dateComponents.sort((a: any, b: any) => a.index - b.index);\n\n    dateComponents.forEach((component) => {\n      if (component.value > 0 && component.index > -1) {\n        if (dateString) {\n          dateString += separator;\n        }\n        dateString += component.value.toString();\n      }\n    });\n\n    return dateString.trim();\n  }\n\n  public getFuzzyDateFromSelectedDate(\n    selectedDate: Date,\n    dateFormat: string\n  ): SkyFuzzyDate {\n    if (!selectedDate || !dateFormat) {\n      return;\n    }\n\n    let fuzzyDate: SkyFuzzyDate = {};\n    const dateFormatIndexes = this.getDateFormatIndexes(dateFormat);\n\n    if (dateFormatIndexes.yearIndex > -1) {\n      fuzzyDate.year = selectedDate.getFullYear();\n    }\n\n    if (dateFormatIndexes.dayIndex > -1) {\n      fuzzyDate.day = selectedDate.getDate();\n    }\n\n    if (dateFormatIndexes.monthIndex > -1) {\n      fuzzyDate.month = selectedDate.getMonth() + 1; // getMonth() is 0-indexed.\n    }\n\n    return fuzzyDate;\n  }\n\n  public getFuzzyDateFromString(\n    date: string,\n    dateFormat: string\n  ): SkyFuzzyDate {\n    if (!date || !dateFormat) {\n      return;\n    }\n\n    let day: any;\n    let month: any;\n    let year: any;\n\n    const dateComponents = this.getDateComponents(date);\n    const indexes = this.getDateValueIndexes(date, dateFormat);\n\n    // Look at the date string's component count:\n    // 3 indicates a full date\n    // 2 indicates a month-year or month-day date\n    // 1 indicates a year\n    // Other indicates a problem\n    switch (dateComponents.length) {\n      case 3:\n        year = dateComponents[indexes.yearIndex];\n        month = dateComponents[indexes.monthIndex];\n        day = dateComponents[indexes.dayIndex];\n        break;\n      case 2:\n        // First, check for a 4-digit year. If year exists, then we assume the other component\n        // is the month. Otherwise, we can assume the input is mm/dd or mm/yy (2-digit year).\n        year = this.get4DigitYearFromDateString(date);\n        if (year) {\n          month =\n            dateComponents[0] === year.toString()\n              ? dateComponents[1]\n              : dateComponents[0];\n        } else {\n          if (indexes.dayIndex > -1) {\n            // mm/dd\n            month =\n              indexes.monthIndex < indexes.dayIndex\n                ? dateComponents[0]\n                : dateComponents[1];\n            day =\n              month === dateComponents[1]\n                ? dateComponents[0]\n                : dateComponents[1];\n          } else {\n            // mm/yy\n            month =\n              indexes.monthIndex < indexes.yearIndex\n                ? dateComponents[0]\n                : dateComponents[1];\n            year =\n              month === dateComponents[1]\n                ? dateComponents[0]\n                : dateComponents[1];\n          }\n        }\n        break;\n      case 1:\n        year = date;\n        break;\n      default:\n        return;\n    }\n\n    if (month) {\n      // Check if month is valid.\n      month = this.getMonthNumber(month);\n      if (month === undefined) {\n        return;\n      }\n\n      // Check if day is valid.\n      if (day) {\n        day = parseInt(day, 10);\n        let fuzzyMoment = this.getMomentFromFuzzyDate({\n          month: month,\n          day: day,\n          year: year,\n        });\n        if (isNaN(day) || !fuzzyMoment.isValid()) {\n          return;\n        }\n      }\n    }\n\n    if (year) {\n      year =\n        year.toString().length === 2\n          ? moment.parseTwoDigitYear(year)\n          : parseInt(year.toString(), 10);\n      if (isNaN(year) || year.toString().length !== 4) {\n        return;\n      }\n    }\n\n    return {\n      month: month,\n      day: day,\n      year: year,\n    };\n  }\n\n  public getFuzzyDateRange(\n    startFuzzyDate: SkyFuzzyDate,\n    endFuzzyDate: SkyFuzzyDate\n  ): SkyFuzzyDateRange {\n    let start;\n    let end;\n    let days;\n    let months;\n    let years;\n    let valid = false;\n\n    if (\n      startFuzzyDate &&\n      startFuzzyDate.year &&\n      endFuzzyDate &&\n      endFuzzyDate.year\n    ) {\n      start = this.getMomentFromFuzzyDate(startFuzzyDate);\n      end = this.getMomentFromFuzzyDate(endFuzzyDate);\n\n      years = end.diff(start, 'years');\n      months = end.diff(start, 'months');\n      days = end.diff(start, 'days');\n      valid = end.diff(start) >= 0;\n    }\n\n    return {\n      years: years,\n      months: months,\n      days: days,\n      valid: valid,\n    };\n  }\n\n  public getCurrentFuzzyDate(): SkyFuzzyDate {\n    let currentDate = moment();\n\n    return {\n      day: currentDate.date(),\n      month: currentDate.month() + 1, // month() is 0-indexed.\n      year: currentDate.year(),\n    };\n  }\n\n  private getMostRecentLeapYear(): number {\n    let leapYear = new Date().getFullYear();\n\n    while (!this.isLeapYear(leapYear)) {\n      leapYear -= 1;\n    }\n\n    return leapYear;\n  }\n\n  /**\n   * Returns the first separator found in the provided date format string.\n   * Accepted separators: ['/', '.', '-', ' '].\n   * @param dateFormat\n   */\n  private getDateSeparator(dateFormat: string): string {\n    let returnValue: string;\n    let separators = ['/', '.', '-', ' '];\n\n    separators.forEach((separator) => {\n      if (!returnValue && dateFormat.indexOf(separator) > 0) {\n        returnValue = separator;\n      }\n    });\n\n    return returnValue;\n  }\n\n  private get4DigitYearFromDateString(date: string): number {\n    let year: string;\n    const separator = this.getDateSeparator(date);\n\n    // Find the number value in the string that is 4 digits long.\n    date.split(separator).forEach((dateComponent) => {\n      if (!year && parseInt(dateComponent, 10).toString().length === 4) {\n        year = dateComponent;\n      }\n    });\n\n    if (year && !isNaN(Number(year))) {\n      return parseInt(year, 10);\n    }\n  }\n\n  private isLeapYear(year: number): boolean {\n    return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;\n  }\n\n  private getMonthNumber(month: string): number {\n    let returnValue: number;\n    const monthAsNumber = parseInt(month, 10);\n\n    // If the month component is a string (\"Janaury\"), we check to see if it is a valid month\n    if (isNaN(monthAsNumber)) {\n      if (!moment(month, 'MMMM').isValid()) {\n        return;\n      }\n      returnValue = parseInt(moment().month(month).format('M'), 10);\n    } else {\n      returnValue = monthAsNumber;\n    }\n\n    // Ensure that the month is between 1 and 12\n    if (!(1 <= returnValue && returnValue <= 12)) {\n      return;\n    }\n\n    return returnValue;\n  }\n\n  private getDefaultYear(fuzzyDate: SkyFuzzyDate): number {\n    // Check if we need to return a leap year or the current year.\n    if (fuzzyDate.month === 2 && fuzzyDate.day === 29) {\n      return this.getMostRecentLeapYear();\n    } else {\n      return new Date().getFullYear();\n    }\n  }\n\n  private getDateComponents(date: string): string[] {\n    const separator = this.getDateSeparator(date);\n    return date.split(separator);\n  }\n\n  // Returns the order of year, month, and day from the provided date format.\n  private getDateFormatIndexes(dateFormat: string): SkyDateIndexes {\n    dateFormat = dateFormat.toLowerCase();\n    return {\n      yearIndex: dateFormat.indexOf('y'),\n      monthIndex: dateFormat.indexOf('m'),\n      dayIndex: dateFormat.indexOf('d'),\n    };\n  }\n\n  // Returns the index of each of the date components in the provided string (month, day, year).\n  private getDateValueIndexes(\n    date: string,\n    dateFormat: string\n  ): SkyDateIndexes {\n    const dateFormatIndexes = this.getDateFormatIndexes(dateFormat);\n    let dateComponentIndexes = [];\n    if (dateFormatIndexes.yearIndex > -1) {\n      dateComponentIndexes.push(dateFormatIndexes.yearIndex);\n    }\n\n    if (dateFormatIndexes.monthIndex > -1) {\n      dateComponentIndexes.push(dateFormatIndexes.monthIndex);\n    }\n\n    if (dateFormatIndexes.dayIndex > -1) {\n      dateComponentIndexes.push(dateFormatIndexes.dayIndex);\n    }\n\n    dateComponentIndexes.sort(function (a, b) {\n      return a - b;\n    });\n\n    return {\n      yearIndex: dateComponentIndexes.indexOf(dateFormatIndexes.yearIndex),\n      monthIndex: dateComponentIndexes.indexOf(dateFormatIndexes.monthIndex),\n      dayIndex: dateComponentIndexes.indexOf(dateFormatIndexes.dayIndex),\n    };\n  }\n\n  /**\n   * Validates the provided SkyFuzzyDate object. Valid fuzzy dates are as follows:\n   * month, day, year\n   * month, year\n   * month, day\n   * year only\n   */\n  private isFuzzyDateValid(fuzzyDate: SkyFuzzyDate): boolean {\n    if (!fuzzyDate) {\n      return false;\n    }\n\n    // If none of the dates part are specified, return false.\n    if (!fuzzyDate.day && !fuzzyDate.month && !fuzzyDate.year) {\n      return false;\n    }\n\n    // If only month is specified, return false.\n    if (!fuzzyDate.day && fuzzyDate.month && !fuzzyDate.year) {\n      return false;\n    }\n\n    // If only day is specified, return false.\n    if (fuzzyDate.day && !fuzzyDate.month && !fuzzyDate.year) {\n      return false;\n    }\n\n    return true;\n  }\n}\n"]}

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

@@ -0,0 +1,84 @@
+import { Component } 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 "@skyux/indicators";
+import * as i3 from "@angular/common";
+/**
+ * @internal
+ */
+export class SkyMonthPickerComponent {
+    constructor(datepicker) {
+        this.rows = [];
+        this.datepicker = datepicker;
+    }
+    ngOnInit() {
+        this.datepicker.stepMonth = {
+            years: 1,
+        };
+        this.datepicker.setRefreshViewHandler(() => {
+            this.refreshMonthView();
+        }, 'month');
+        this.datepicker.setCompareHandler(this.compareMonth, 'month');
+        this.datepicker.refreshView();
+        this.datepicker.setKeydownHandler((key, event) => {
+            this.keydownMonths(key, event);
+        }, 'month');
+    }
+    compareMonth(date1, date2) {
+        let d1 = new Date(date1.getFullYear(), date1.getMonth());
+        let d2 = new Date(date2.getFullYear(), date2.getMonth());
+        return d1.getTime() - d2.getTime();
+    }
+    refreshMonthView() {
+        let months = new Array(12);
+        let year = this.datepicker.activeDate.getFullYear();
+        let date;
+        for (let i = 0; i < 12; i++) {
+            date = new Date(year, i, 1);
+            date = this.datepicker.fixTimeZone(date);
+            months[i] = this.datepicker.createDateObject(date, this.datepicker.formatMonth, false, this.datepicker.datepickerId + '-' + i);
+        }
+        this.title = this.datepicker.dateFilter(this.datepicker.activeDate, this.datepicker.formatMonthTitle);
+        this.rows = this.datepicker.createCalendarRows(months, this.datepicker.monthColLimit);
+    }
+    keydownMonths(key, event) {
+        let date = this.datepicker.activeDate.getMonth();
+        /* istanbul ignore else */
+        /* sanity check */
+        if (key === 'left') {
+            date = date - 1;
+        }
+        else if (key === 'up') {
+            date = date - this.datepicker.monthColLimit;
+        }
+        else if (key === 'right') {
+            date = date + 1;
+        }
+        else if (key === 'down') {
+            date = date + this.datepicker.monthColLimit;
+        }
+        else if (key === 'pageup' || key === 'pagedown') {
+            let year = this.datepicker.activeDate.getFullYear() + (key === 'pageup' ? -1 : 1);
+            this.datepicker.activeDate.setFullYear(year);
+        }
+        else if (key === 'home') {
+            date = 0;
+        }
+        else if (key === 'end') {
+            date = 11;
+        }
+        this.datepicker.activeDate.setMonth(date);
+    }
+}
+SkyMonthPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyMonthPickerComponent, deps: [{ token: i1.SkyDatepickerCalendarInnerComponent }], target: i0.ɵɵFactoryTarget.Component });
+SkyMonthPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyMonthPickerComponent, selector: "sky-monthpicker", ngImport: i0, template: "<table *ngIf=\"datepicker.datepickerMode === 'month'\" role=\"grid\">\n  <thead>\n    <tr>\n      <th class=\"sky-datepicker-header-left\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-previous\"\n          (click)=\"datepicker.moveCalendar($event, -1)\"\n          tabindex=\"-1\"\n        >\n          <sky-icon\n            class=\"sky-datepicker-chevron-default\"\n            icon=\"chevron-left\"\n          ></sky-icon>\n          <sky-icon\n            class=\"sky-datepicker-chevron-modern\"\n            icon=\"chevron-left\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n      </th>\n      <th\n        [attr.colspan]=\"\n          datepicker.monthColLimit - 2 <= 0 ? 1 : datepicker.monthColLimit - 2\n        \"\n      >\n        <button\n          [id]=\"datepicker.datepickerId + '-title'\"\n          type=\"button\"\n          class=\"\n            sky-btn sky-btn-default sky-btn-sm sky-datepicker-calendar-title\n          \"\n          (click)=\"datepicker.toggleModeCalendar($event)\"\n          [disabled]=\"datepicker.datepickerMode === maxMode\"\n          [ngClass]=\"{\n            'sky-btn-disabled': datepicker.datepickerMode === maxMode\n          }\"\n          tabindex=\"-1\"\n        >\n          <strong>{{ title }}</strong>\n        </button>\n      </th>\n      <th class=\"sky-datepicker-header-right\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-next\"\n          (click)=\"datepicker.moveCalendar($event, 1)\"\n          tabindex=\"-1\"\n        >\n          <sky-icon\n            class=\"sky-datepicker-chevron-default\"\n            icon=\"chevron-right\"\n          ></sky-icon>\n          <sky-icon\n            class=\"sky-datepicker-chevron-modern\"\n            icon=\"chevron-right\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let row of rows\">\n      <td\n        *ngFor=\"let date of row\"\n        class=\"text-center\"\n        role=\"gridcell\"\n        id=\"{{ date.uid }}\"\n      >\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-datepicker-btn-date\"\n          [ngClass]=\"{\n            'sky-datepicker-btn-selected': date.selected,\n            'sky-btn-disabled': date.disabled,\n            'sky-btn-active': datepicker.isActive(date)\n          }\"\n          [disabled]=\"date.disabled\"\n          (click)=\"datepicker.selectCalendar($event, date.date)\"\n          tabindex=\"-1\"\n        >\n          <span [ngClass]=\"{ 'sky-datepicker-current': date.current }\">{{\n            date.label\n          }}</span>\n        </button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n", styles: [":host-context(.sky-theme-modern) :host:focus{outline:none}.sky-theme-modern :host:focus{outline:none}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyMonthPickerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-monthpicker',
+                    templateUrl: 'monthpicker.component.html',
+                    styleUrls: ['./monthpicker.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyDatepickerCalendarInnerComponent }]; } });
+//# sourceMappingURL=monthpicker.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"monthpicker.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/monthpicker.component.ts","../../../../../../../../libs/components/datetime/src/lib/modules/datepicker/monthpicker.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { SkyDatepickerCalendarInnerComponent } from './datepicker-calendar-inner.component';\n\nimport { SkyDatepickerDate } from './datepicker-date';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-monthpicker',\n  templateUrl: 'monthpicker.component.html',\n  styleUrls: ['./monthpicker.component.scss'],\n})\nexport class SkyMonthPickerComponent implements OnInit {\n  public datepicker: SkyDatepickerCalendarInnerComponent;\n\n  public maxMode: string;\n\n  public rows: Array<Array<SkyDatepickerDate>> = [];\n\n  public title: string;\n\n  public constructor(datepicker: SkyDatepickerCalendarInnerComponent) {\n    this.datepicker = datepicker;\n  }\n\n  public ngOnInit(): void {\n    this.datepicker.stepMonth = {\n      years: 1,\n    };\n\n    this.datepicker.setRefreshViewHandler(() => {\n      this.refreshMonthView();\n    }, 'month');\n\n    this.datepicker.setCompareHandler(this.compareMonth, 'month');\n\n    this.datepicker.refreshView();\n\n    this.datepicker.setKeydownHandler((key: string, event: KeyboardEvent) => {\n      this.keydownMonths(key, event);\n    }, 'month');\n  }\n\n  private compareMonth(date1: Date, date2: Date): number {\n    let d1 = new Date(date1.getFullYear(), date1.getMonth());\n    let d2 = new Date(date2.getFullYear(), date2.getMonth());\n    return d1.getTime() - d2.getTime();\n  }\n\n  private refreshMonthView(): void {\n    let months: Array<SkyDatepickerDate> = new Array(12);\n    let year: number = this.datepicker.activeDate.getFullYear();\n    let date: Date;\n\n    for (let i = 0; i < 12; i++) {\n      date = new Date(year, i, 1);\n      date = this.datepicker.fixTimeZone(date);\n      months[i] = this.datepicker.createDateObject(\n        date,\n        this.datepicker.formatMonth,\n        false,\n        this.datepicker.datepickerId + '-' + i\n      );\n    }\n\n    this.title = this.datepicker.dateFilter(\n      this.datepicker.activeDate,\n      this.datepicker.formatMonthTitle\n    );\n    this.rows = this.datepicker.createCalendarRows(\n      months,\n      this.datepicker.monthColLimit\n    );\n  }\n\n  private keydownMonths(key: string, event: KeyboardEvent) {\n    let date = this.datepicker.activeDate.getMonth();\n\n    /* istanbul ignore else */\n    /* sanity check */\n    if (key === 'left') {\n      date = date - 1;\n    } else if (key === 'up') {\n      date = date - this.datepicker.monthColLimit;\n    } else if (key === 'right') {\n      date = date + 1;\n    } else if (key === 'down') {\n      date = date + this.datepicker.monthColLimit;\n    } else if (key === 'pageup' || key === 'pagedown') {\n      let year =\n        this.datepicker.activeDate.getFullYear() + (key === 'pageup' ? -1 : 1);\n      this.datepicker.activeDate.setFullYear(year);\n    } else if (key === 'home') {\n      date = 0;\n    } else if (key === 'end') {\n      date = 11;\n    }\n    this.datepicker.activeDate.setMonth(date);\n  }\n}\n","<table *ngIf=\"datepicker.datepickerMode === 'month'\" role=\"grid\">\n  <thead>\n    <tr>\n      <th class=\"sky-datepicker-header-left\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-previous\"\n          (click)=\"datepicker.moveCalendar($event, -1)\"\n          tabindex=\"-1\"\n        >\n          <sky-icon\n            class=\"sky-datepicker-chevron-default\"\n            icon=\"chevron-left\"\n          ></sky-icon>\n          <sky-icon\n            class=\"sky-datepicker-chevron-modern\"\n            icon=\"chevron-left\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n      </th>\n      <th\n        [attr.colspan]=\"\n          datepicker.monthColLimit - 2 <= 0 ? 1 : datepicker.monthColLimit - 2\n        \"\n      >\n        <button\n          [id]=\"datepicker.datepickerId + '-title'\"\n          type=\"button\"\n          class=\"\n            sky-btn sky-btn-default sky-btn-sm sky-datepicker-calendar-title\n          \"\n          (click)=\"datepicker.toggleModeCalendar($event)\"\n          [disabled]=\"datepicker.datepickerMode === maxMode\"\n          [ngClass]=\"{\n            'sky-btn-disabled': datepicker.datepickerMode === maxMode\n          }\"\n          tabindex=\"-1\"\n        >\n          <strong>{{ title }}</strong>\n        </button>\n      </th>\n      <th class=\"sky-datepicker-header-right\">\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-btn-sm sky-datepicker-btn-next\"\n          (click)=\"datepicker.moveCalendar($event, 1)\"\n          tabindex=\"-1\"\n        >\n          <sky-icon\n            class=\"sky-datepicker-chevron-default\"\n            icon=\"chevron-right\"\n          ></sky-icon>\n          <sky-icon\n            class=\"sky-datepicker-chevron-modern\"\n            icon=\"chevron-right\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n      </th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr *ngFor=\"let row of rows\">\n      <td\n        *ngFor=\"let date of row\"\n        class=\"text-center\"\n        role=\"gridcell\"\n        id=\"{{ date.uid }}\"\n      >\n        <button\n          type=\"button\"\n          class=\"sky-btn sky-btn-default sky-datepicker-btn-date\"\n          [ngClass]=\"{\n            'sky-datepicker-btn-selected': date.selected,\n            'sky-btn-disabled': date.disabled,\n            'sky-btn-active': datepicker.isActive(date)\n          }\"\n          [disabled]=\"date.disabled\"\n          (click)=\"datepicker.selectCalendar($event, date.date)\"\n          tabindex=\"-1\"\n        >\n          <span [ngClass]=\"{ 'sky-datepicker-current': date.current }\">{{\n            date.label\n          }}</span>\n        </button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n"]}