@esri/calcite-components 1.0.0-next.620 → 1.0.0-next.622

package/dist/esm/{sortable.esm-c828508b.js → sortable.esm-337860b2.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.620
+ * v1.0.0-next.622
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{utils-e6154388.js → utils-c8ff0f30.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.620
+ * v1.0.0-next.622
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.620
+ * v1.0.0-next.622
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.620
+ * v1.0.0-next.622
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.620
+ * v1.0.0-next.622
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.620
+ * v1.0.0-next.622
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/date-picker/date-picker.d.ts

@@ -4,6 +4,9 @@ import { DateRangeChange } from "./interfaces";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 export declare class DatePicker implements LocalizedComponent {
   el: HTMLCalciteDatePickerElement;
+  /** Active date */
+  activeDate: Date;
+  activeDateWatcher(newActiveDate: Date): void;
   /** Active range */
   activeRange?: "start" | "end";
   /** Selected date */
@@ -96,10 +99,6 @@ export declare class DatePicker implements LocalizedComponent {
    * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)
    */
   calciteDatePickerRangeChange: EventEmitter<DateRangeChange>;
-  /**
-   * Active date.
-   */
-  activeDate: Date;
   /**
    * Active start date.
    */
@@ -170,6 +169,5 @@ export declare class DatePicker implements LocalizedComponent {
    * @param max
    */
   private getActiveDate;
-  private getActiveStartDate;
   private getActiveEndDate;
 }

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -20,9 +20,10 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    */
   readOnly: boolean;
   handleDisabledAndReadOnlyChange(value: boolean): void;
-  /** The component's value. */
+  /** Selected date as a string in ISO format (YYYY-MM-DD) */
   value: string | string[];
-  valueHandler(value: string | string[]): void;
+  valueWatcher(newValue: string | string[]): void;
+  valueAsDateWatcher(valueAsDate: Date): void;
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
@@ -145,8 +146,9 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   proximitySelectionDisabled: boolean;
   /** Defines the layout of the component. */
   layout: "horizontal" | "vertical";
-  handleDateOrRangeChange(): void;
   calciteDaySelectHandler(): void;
+  private calciteInternalInputInputHandler;
+  private calciteInternalInputBlurHandler;
   /**
    * Fires when a user changes the date.
    *
@@ -190,6 +192,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: InputDatePicker["value"];
+  datePickerActiveDate: Date;
   effectiveLocale: string;
   focusedInput: "start" | "end";
   globalAttributes: {};
@@ -200,6 +203,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private referenceEl;
   private startWrapper;
   private endWrapper;
+  private userChangedValue;
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
   setReferenceEl(): void;
@@ -213,48 +217,30 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;
   deactivate: () => void;
+  private commitValue;
   keyDownHandler: (event: KeyboardEvent) => void;
-  inputBlur: (event: CustomEvent<any>) => void;
   startInputFocus: () => void;
   endInputFocus: () => void;
-  startInputInput: () => void;
-  endInputInput: () => void;
   setFloatingEl: (el: HTMLDivElement) => void;
   setStartWrapper: (el: HTMLDivElement) => void;
   setEndWrapper: (el: HTMLDivElement) => void;
   startWatcher(start: string): void;
   endWatcher(end: string): void;
   private loadLocaleData;
-  private clearCurrentValue;
-  /**
-   * If inputted string is a valid date, update value/active
-   *
-   * @param value
-   */
-  private input;
-  /**
-   * Clean up invalid date from input on blur
-   *
-   * @param target
-   */
-  private blur;
   /**
    * Event handler for when the selected date changes
    *
-   * @param event
+   * @param event CalciteDatePicker custom change event
    */
   handleDateChange: (event: CustomEvent<Date>) => void;
   private shouldFocusRangeStart;
   private shouldFocusRangeEnd;
   private handleDateRangeChange;
-  /**
-   * Find a date from input string
-   * return false if date is invalid, or out of range
-   *
-   * @param value
-   */
-  private getDateFromInput;
+  private localizeInputValues;
+  private setInputValue;
+  private setRangeValue;
+  private setValue;
+  private warnAboutInvalidValue;
   private commonDateSeparators;
   private formatNumerals;
-  private parseNumerals;
 }

package/dist/types/components.d.ts

@@ -1025,6 +1025,10 @@ export namespace Components {
         "label": string;
     }
     interface CalciteDatePicker {
+        /**
+          * Active date
+         */
+        "activeDate": Date;
         /**
           * Active range
          */
@@ -1917,7 +1921,7 @@ export namespace Components {
          */
         "startAsDate"?: Date;
         /**
-          * The component's value.
+          * Selected date as a string in ISO format (YYYY-MM-DD)
          */
         "value": string | string[];
         /**
@@ -6114,6 +6118,10 @@ declare namespace LocalJSX {
         "label": string;
     }
     interface CalciteDatePicker {
+        /**
+          * Active date
+         */
+        "activeDate"?: Date;
         /**
           * Active range
          */
@@ -7056,7 +7064,7 @@ declare namespace LocalJSX {
          */
         "startAsDate"?: Date;
         /**
-          * The component's value.
+          * Selected date as a string in ISO format (YYYY-MM-DD)
          */
         "value"?: string | string[];
         /**

package/dist/types/utils/date.d.ts

@@ -29,6 +29,25 @@ export declare function dateFromRange(date?: any, min?: Date | string, max?: Dat
  * @param isEndDate
  */
 export declare function dateFromISO(iso8601: string | Date, isEndDate?: boolean): Date | null;
+/**
+ * Parse a localized date string into a valid Date.
+ * return false if date is invalid, or out of range
+ *
+ * @param value
+ * @param localeData
+ */
+export declare function dateFromLocalizedString(value: string, localeData: DateLocaleData): Date;
+/**
+ * Retrieve day, month, and year strings from a localized string
+ *
+ * @param string
+ * @param localeData
+ */
+export declare function datePartsFromLocalizedString(string: string, localeData: DateLocaleData): {
+  day: string;
+  month: string;
+  year: string;
+};
 /**
  * Return first portion of ISO string (YYYY-mm-dd)
  *
@@ -57,11 +76,12 @@ export declare function nextMonth(date: Date): Date;
 /**
  * Parse numeric units for day, month, and year from a localized string
  * month starts at 0 (can pass to date constructor)
+ * can return values as number or string
  *
- * @param str
+ * @param string
  * @param localeData
  */
-export declare function parseDateString(str: string, localeData: DateLocaleData): {
+export declare function parseDateString(string: string, localeData: DateLocaleData): {
   day: number;
   month: number;
   year: number;