@esri/calcite-components 1.0.0-next.621 → 1.0.0-next.623

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;