@esri/calcite-components 1.0.0-beta.80 → 1.0.0-beta.83

package/dist/collection/components/combobox/combobox.js

@@ -1,18 +1,20 @@
 /*!
  * 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-beta.83
  */
 import { Component, h, Prop, State, Listen, Event, Element, Method, Watch, Host } from "@stencil/core";
 import { filter } from "../../utils/filter";
 import { debounce } from "lodash-es";
-import { createPopper, updatePopper, CSS as PopperCSS, popperMenuFlipPlacements, defaultMenuPlacement } from "../../utils/popper";
+import { createPopper, updatePopper, CSS as PopperCSS, popperMenuComputedPlacements, defaultMenuPlacement, filterComputedPlacements } from "../../utils/popper";
 import { guid } from "../../utils/guid";
 import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, TEXT } from "./resources";
 import { getItemAncestors, getItemChildren, hasActiveChildren } from "./utils";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot } from "../../utils/form";
+import { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
+import { toAriaBoolean } from "../../utils/dom";
 const isGroup = (el) => el.tagName === ComboboxItemGroup;
 const itemUidPrefix = "combobox-item-";
 const chipUidPrefix = "combobox-chip-";
@@ -43,7 +45,8 @@ export class Combobox {
      * @internal
      */
     this.required = false;
-    /** specify the selection mode
+    /**
+     * specify the selection mode
      * - multi: allow any number of selected items (default)
      * - single: only one selection)
      * - ancestors: like multi, but show ancestors of selected items as selected, only deepest children shown in chips
@@ -53,15 +56,12 @@ export class Combobox {
     this.scale = "m";
     /** The value(s) of the selectedItem(s) */
     this.value = null;
-    /** string to override the English "Remove tag" text for when an item is selected.
+    /**
+     * string to override the English "Remove tag" text for when an item is selected.
+     *
      * @default "Remove tag"
      */
     this.intlRemoveTag = TEXT.removeTag;
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     this.internalValueChangeFlag = false;
     this.items = [];
     this.groupItems = [];
@@ -83,8 +83,14 @@ export class Combobox {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
+    this.setFilteredPlacements = () => {
+      const { el, flipPlacements } = this;
+      this.filteredFlipPlacements = flipPlacements
+        ? filterComputedPlacements(flipPlacements, el)
+        : null;
+    };
     this.getValue = () => {
-      const items = this.selectedItems.map((item) => item === null || item === void 0 ? void 0 : item.value.toString());
+      const items = this.selectedItems.map((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.toString(); });
       return (items === null || items === void 0 ? void 0 : items.length) ? (items.length > 1 ? items : items[0]) : "";
     };
     this.onLabelClick = () => {
@@ -100,8 +106,9 @@ export class Combobox {
             this.addCustomChip(this.text, true);
             event.preventDefault();
           }
-          else {
+          else if (this.active) {
             this.active = false;
+            event.preventDefault();
           }
           break;
         case "ArrowLeft":
@@ -111,22 +118,47 @@ export class Combobox {
           this.nextChip();
           break;
         case "ArrowUp":
-          event.preventDefault();
-          this.active = true;
           this.shiftActiveItemIndex(-1);
+          if (!this.comboboxInViewport()) {
+            this.el.scrollIntoView();
+          }
           break;
         case "ArrowDown":
-          event.preventDefault();
-          this.active = true;
+          if (!this.active) {
+            event.preventDefault();
+            this.active = true;
+          }
           this.shiftActiveItemIndex(1);
+          if (!this.comboboxInViewport()) {
+            this.el.scrollIntoView();
+          }
+          break;
+        case " ":
+          if (!this.textInput.value) {
+            event.preventDefault();
+            this.active = true;
+            this.shiftActiveItemIndex(1);
+          }
           break;
         case "Home":
-          this.active = true;
+          if (this.active) {
+            event.preventDefault();
+          }
           this.updateActiveItemIndex(0);
+          this.scrollToActiveItem();
+          if (!this.comboboxInViewport()) {
+            this.el.scrollIntoView();
+          }
           break;
         case "End":
-          this.active = true;
+          if (this.active) {
+            event.preventDefault();
+          }
           this.updateActiveItemIndex(this.visibleItems.length - 1);
+          this.scrollToActiveItem();
+          if (!this.comboboxInViewport()) {
+            this.el.scrollIntoView();
+          }
           break;
         case "Escape":
           this.active = false;
@@ -141,6 +173,9 @@ export class Combobox {
           else if (this.allowCustomValues && this.text) {
             this.addCustomChip(this.text, true);
           }
+          else if (!event.defaultPrevented) {
+            submitForm(this);
+          }
           break;
         case "Delete":
         case "Backspace":
@@ -151,11 +186,6 @@ export class Combobox {
             this.removeLastChip();
           }
           break;
-        default:
-          if (!this.active) {
-            this.setFocus();
-          }
-          break;
       }
     };
     this.toggleCloseEnd = () => {
@@ -189,10 +219,12 @@ export class Combobox {
       }
       this.calciteComboboxChipDismiss.emit(event.detail);
     };
-    this.setFocusClick = (event) => {
+    this.clickHandler = (event) => {
       if (event.composedPath().some((node) => node.tagName === "CALCITE-CHIP")) {
         return;
       }
+      this.active = !this.active;
+      this.updateActiveItemIndex(0);
       this.setFocus();
     };
     this.setInactiveIfNotContained = (event) => {
@@ -200,7 +232,7 @@ export class Combobox {
       if (!this.active || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
         return;
       }
-      if (this.allowCustomValues && this.text) {
+      if (this.allowCustomValues && this.text.trim().length) {
         this.addCustomChip(this.text);
       }
       if (this.selectionMode === "single") {
@@ -235,7 +267,7 @@ export class Combobox {
       const find = (item, filteredData) => item &&
         filteredData.some(({ label, value }) => {
           if (isGroup(item)) {
-            return value === item.label || value === item.label;
+            return value === item.label;
           }
           return (value === item.textLabel ||
             value === item.value ||
@@ -280,9 +312,19 @@ export class Combobox {
         this.setMaxScrollerHeight();
       }
     };
+    this.scrollToActiveItem = () => {
+      const activeItem = this.visibleItems[this.activeItemIndex];
+      const height = this.calculateSingleItemHeight(activeItem);
+      const { offsetHeight, scrollTop } = this.listContainerEl;
+      if (offsetHeight + scrollTop < activeItem.offsetTop + height) {
+        this.listContainerEl.scrollTop = activeItem.offsetTop - offsetHeight + height;
+      }
+      else if (activeItem.offsetTop < scrollTop) {
+        this.listContainerEl.scrollTop = activeItem.offsetTop;
+      }
+    };
     this.comboboxFocusHandler = () => {
       var _a;
-      this.active = true;
       (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
     };
     this.comboboxBlurHandler = (event) => {
@@ -319,6 +361,9 @@ export class Combobox {
       this.updateItems();
     }
   }
+  flipPlacementsHandler() {
+    this.setFilteredPlacements();
+  }
   //--------------------------------------------------------------------------
   //
   //  Event Listeners
@@ -332,6 +377,8 @@ export class Combobox {
       return;
     }
     const target = event.target;
+    const newIndex = this.visibleItems.indexOf(target);
+    this.updateActiveItemIndex(newIndex);
     this.toggleSelection(target, target.selected);
   }
   //--------------------------------------------------------------------------
@@ -355,7 +402,6 @@ export class Combobox {
   /** Sets focus on the component. */
   async setFocus() {
     var _a;
-    this.active = true;
     (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
     this.activeChipIndex = -1;
     this.activeItemIndex = -1;
@@ -374,6 +420,7 @@ export class Combobox {
     this.createPopper();
     connectLabel(this);
     connectForm(this);
+    this.setFilteredPlacements();
   }
   componentWillLoad() {
     this.updateItems();
@@ -405,13 +452,20 @@ export class Combobox {
   textHandler() {
     this.updateActiveItemIndex(-1);
   }
+  comboboxInViewport() {
+    const bounding = this.el.getBoundingClientRect();
+    return (bounding.top >= 0 &&
+      bounding.left >= 0 &&
+      bounding.right <= (window.innerWidth || document.documentElement.clientWidth) &&
+      bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight));
+  }
   getModifiers() {
     const flipModifier = {
       name: "flip",
       enabled: true
     };
     flipModifier.options = {
-      fallbackPlacements: this.flipPlacements || popperMenuFlipPlacements
+      fallbackPlacements: this.filteredFlipPlacements || popperMenuComputedPlacements
     };
     const eventListenerModifier = {
       name: "eventListeners",
@@ -542,8 +596,7 @@ export class Combobox {
     return this.items.map((item) => ({
       constant: item.constant,
       value: item.value,
-      label: item.textLabel,
-      guid: item.guid
+      label: item.textLabel
     }));
   }
   getNeedsIcon() {
@@ -629,19 +682,10 @@ export class Combobox {
     chip === null || chip === void 0 ? void 0 : chip.setFocus();
   }
   shiftActiveItemIndex(delta) {
-    const length = this.visibleItems.length;
+    const { length } = this.visibleItems;
     const newIndex = (this.activeItemIndex + length + delta) % length;
     this.updateActiveItemIndex(newIndex);
-    // ensure active item is in view if we have scrolling
-    const activeItem = this.visibleItems[this.activeItemIndex];
-    const height = this.calculateSingleItemHeight(activeItem);
-    const { offsetHeight, scrollTop } = this.listContainerEl;
-    if (offsetHeight + scrollTop < activeItem.offsetTop + height) {
-      this.listContainerEl.scrollTop = activeItem.offsetTop - offsetHeight + height;
-    }
-    else if (activeItem.offsetTop < scrollTop) {
-      this.listContainerEl.scrollTop = activeItem.offsetTop;
-    }
+    this.scrollToActiveItem();
   }
   updateActiveItemIndex(index) {
     var _a;
@@ -695,7 +739,7 @@ export class Combobox {
       showLabel && (h("span", { class: {
           label: true,
           "label--spaced": needsIcon
-        }, key: "label", onFocus: this.comboboxFocusHandler, tabindex: "0" }, selectedItem.textLabel)),
+        }, key: "label" }, selectedItem.textLabel)),
       h("input", { "aria-activedescendant": this.activeDescendant, "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-label": getLabelText(this), class: {
           input: true,
           "input--single": true,
@@ -705,7 +749,7 @@ export class Combobox {
         }, disabled: disabled, id: `${inputUidPrefix}${guid}`, key: "input", onBlur: this.comboboxBlurHandler, onFocus: this.comboboxFocusHandler, onInput: this.inputHandler, placeholder: placeholder, ref: (el) => (this.textInput = el), type: "text" })));
   }
   renderListBoxOptions() {
-    return this.visibleItems.map((item) => (h("li", { "aria-selected": (!!item.selected).toString(), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
+    return this.visibleItems.map((item) => (h("li", { "aria-selected": toAriaBoolean(item.selected), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
   }
   renderPopperContainer() {
     const { active, setMenuEl, setListContainerEl } = this;
@@ -726,18 +770,19 @@ export class Combobox {
       needsIcon && (h("span", { class: "icon-start" }, (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon) && (h("calcite-icon", { class: "selected-icon", icon: selectedItem.icon, scale: "s" })))));
   }
   renderIconEnd() {
+    const { active } = this;
     return (h("span", { class: "icon-end" },
-      h("calcite-icon", { icon: "chevron-down", scale: "s" })));
+      h("calcite-icon", { icon: active ? "chevron-up" : "chevron-down", scale: "s" })));
   }
   render() {
     const { active, guid, label } = this;
     const single = this.selectionMode === "single";
     return (h(Host, { onKeyDown: this.keydownHandler },
-      h("div", { "aria-autocomplete": "list", "aria-expanded": active.toString(), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
+      h("div", { "aria-autocomplete": "list", "aria-expanded": toAriaBoolean(active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
           wrapper: true,
           "wrapper--single": single || !this.selectedItems.length,
           "wrapper--active": active
-        }, onClick: this.setFocusClick, ref: this.setReferenceEl, role: "combobox" },
+        }, onClick: this.clickHandler, ref: this.setReferenceEl, role: "combobox" },
         h("div", { class: "grid-input" },
           this.renderIconStart(),
           !single && this.renderChips(),
@@ -1108,7 +1153,7 @@ export class Combobox {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Called when a selected item in the combobox is dismissed via its chip *"
+        "text": "Called when a selected item in the combobox is dismissed via its chip"
       },
       "complexType": {
         "original": "any",
@@ -1199,6 +1244,9 @@ export class Combobox {
     }, {
       "propName": "value",
       "methodName": "valueHandler"
+    }, {
+      "propName": "flipPlacements",
+      "methodName": "flipPlacementsHandler"
     }, {
       "propName": "selectedItems",
       "methodName": "selectedItemsHandler"

package/dist/collection/components/combobox/interfaces.js

@@ -1,5 +1,6 @@
 /*!
  * 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-beta.83
  */
 export {};

package/dist/collection/components/combobox/resources.js

@@ -1,6 +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-beta.83
  */
 export const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 export const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -8,3 +9,7 @@ export const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 export const TEXT = {
   removeTag: "Remove tag"
 };
+export const CSS = {
+  labelActive: "label--active",
+  labelSelected: "label--selected"
+};

package/dist/collection/components/combobox/utils.js

@@ -1,6 +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-beta.83
  */
 import { nodeListToArray } from "../../utils/dom";
 import { ComboboxChildSelector } from "./resources";

package/dist/collection/components/combobox-item/combobox-item.css

@@ -150,9 +150,7 @@
           text-decoration-line: none;
   transition-duration: 150ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  outline-offset: 0;
   outline-color: transparent;
-  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   padding: var(--calcite-combobox-item-spacing-unit-s) var(--calcite-combobox-item-spacing-unit-l);
 }
 
@@ -208,7 +206,7 @@
 .icon--dot{
   display: flex;
   justify-content: flex-end;
-  width: var(--calcite-combobox-item-spacing-unit-l);
+  min-width: var(--calcite-combobox-item-spacing-unit-l);
 }
 
 .icon--dot:before {

package/dist/collection/components/combobox-item/combobox-item.js

@@ -1,6 +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-beta.83
  */
 import { Component, Element, Event, Host, Method, Prop, h, Watch } from "@stencil/core";
 import { getElementProp, getSlotted } from "../../utils/dom";
@@ -68,6 +69,8 @@ export class ComboboxItem {
   /**
    * Used to toggle the selection state. By default this won't trigger an event.
    * The first argument allows the value to be coerced, rather than swapping values.
+   *
+   * @param coerce
    */
   async toggleSelected(coerce) {
     if (this.disabled) {
@@ -311,7 +314,10 @@ export class ComboboxItem {
       "complexType": {
         "signature": "(coerce?: boolean) => Promise<void>",
         "parameters": [{
-            "tags": [],
+            "tags": [{
+                "name": "param",
+                "text": "coerce"
+              }],
             "text": ""
           }],
         "references": {
@@ -323,7 +329,10 @@ export class ComboboxItem {
       },
       "docs": {
         "text": "Used to toggle the selection state. By default this won't trigger an event.\nThe first argument allows the value to be coerced, rather than swapping values.",
-        "tags": []
+        "tags": [{
+            "name": "param",
+            "text": "coerce"
+          }]
       }
     }
   }; }

package/dist/collection/components/combobox-item/resources.js

@@ -1,6 +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-beta.83
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/combobox-item-group/combobox-item-group.js

@@ -1,6 +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-beta.83
  */
 import { Component, Prop, h, Element } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/combobox-item-group/resources.js

@@ -1,6 +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-beta.83
  */
 export const CSS = {
   list: "list",

package/dist/collection/components/date-picker/assets/date-picker/nls/ru.json

@@ -5,10 +5,10 @@
   "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
-    "abbreviated": ["пн", "вт", "ср", "чт", "пт", "сб", "вс"],
-    "narrow": ["пн", "вт", "ср", "чт", "пт", "сб", "вс"],
-    "short": ["пн", "вт", "ср", "чт", "пт", "сб", "вс"],
-    "wide": ["понедельник", "вторник", "среда", "четверг", "пятница", "суббота", "воскресенье"]
+    "abbreviated": ["вс", "пн", "вт", "ср", "чт", "пт", "сб"],
+    "narrow": ["вс", "пн", "вт", "ср", "чт", "пт", "сб"],
+    "short": ["вс", "пн", "вт", "ср", "чт", "пт", "сб"],
+    "wide": ["воскресенье", "понедельник", "вторник", "среда", "четверг", "пятница", "суббота"]
   },
   "numerals": "0123456789",
   "months": {

package/dist/collection/components/date-picker/date-picker.js

@@ -1,6 +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-beta.83
  */
 import { Component, h, Prop, Event, Element, Host, State, Watch, Build } from "@stencil/core";
 import { getLocaleData } from "./utils";
@@ -8,15 +9,21 @@ import { dateFromRange, dateFromISO, dateToISO, getDaysDiff } from "../../utils/
 import { HEADING_LEVEL, TEXT } from "./resources";
 export class DatePicker {
   constructor() {
-    /** Localized string for "previous month" (used for aria label)
+    /**
+     * Localized string for "previous month" (used for aria label)
+     *
      * @default "Previous month"
      */
     this.intlPrevMonth = TEXT.prevMonth;
-    /** Localized string for "next month" (used for aria label)
+    /**
+     * Localized string for "next month" (used for aria label)
+     *
      * @default "Next month"
      */
     this.intlNextMonth = TEXT.nextMonth;
-    /** Localized string for "year" (used for aria label)
+    /**
+     * Localized string for "year" (used for aria label)
+     *
      * @default "Year"
      */
     this.intlYear = TEXT.year;
@@ -132,6 +139,7 @@ export class DatePicker {
           this.hoverRange = undefined;
         }
       }
+      e.stopPropagation();
     };
     this.monthMouseOutChange = () => {
       if (this.hoverRange) {
@@ -157,6 +165,8 @@ export class DatePicker {
     };
     /**
      * Event handler for when the selected date changes
+     *
+     * @param e
      */
     this.monthDateChange = (e) => {
       const date = new Date(e.detail);
@@ -227,10 +237,14 @@ export class DatePicker {
     this.activeStartDate = startDate;
   }
   onMinChanged(min) {
-    this.minAsDate = dateFromISO(min);
+    if (min) {
+      this.minAsDate = dateFromISO(min);
+    }
   }
   onMaxChanged(max) {
-    this.maxAsDate = dateFromISO(max);
+    if (max) {
+      this.maxAsDate = dateFromISO(max);
+    }
   }
   // --------------------------------------------------------------------------
   //
@@ -322,15 +336,24 @@ export class DatePicker {
   }
   /**
    * Render calcite-date-picker-month-header and calcite-date-picker-month
+   *
+   * @param activeDate
+   * @param maxDate
+   * @param minDate
+   * @param date
+   * @param endDate
    */
   renderCalendar(activeDate, maxDate, minDate, date, endDate) {
     return (this.localeData && [
       h("calcite-date-picker-month-header", { activeDate: activeDate, headingLevel: this.headingLevel || HEADING_LEVEL, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerSelect: this.monthHeaderSelectChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date || new Date() }),
-      h("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteDatePickerHover: this.monthHoverChange, onCalciteDatePickerMouseOut: this.monthMouseOutChange, onCalciteDatePickerSelect: this.monthDateChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
+      h("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteDatePickerSelect: this.monthDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
     ]);
   }
   /**
    * Update date instance of start if valid
+   *
+   * @param startDate
+   * @param emit
    */
   setStartAsDate(startDate, emit) {
     this.startAsDate = startDate;
@@ -344,6 +367,9 @@ export class DatePicker {
   }
   /**
    * Update date instance of end if valid
+   *
+   * @param endDate
+   * @param emit
    */
   setEndAsDate(endDate, emit) {
     this.endAsDate = endDate;
@@ -367,6 +393,10 @@ export class DatePicker {
   }
   /**
    * Get an active date using the value, or current date as default
+   *
+   * @param value
+   * @param min
+   * @param max
    */
   getActiveDate(value, min, max) {
     return dateFromRange(this.activeDate, min, max) || value || dateFromRange(new Date(), min, max);

package/dist/collection/components/date-picker/interfaces.js

@@ -1,5 +1,6 @@
 /*!
  * 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-beta.83
  */
 export {};

package/dist/collection/components/date-picker/resources.js

@@ -1,6 +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-beta.83
  */
 export const HEADING_LEVEL = 2;
 export const TEXT = {

package/dist/collection/components/date-picker/utils.js

@@ -1,12 +1,15 @@
 /*!
  * 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-beta.83
  */
 import { getAssetPath } from "@stencil/core";
 import { locales } from "../../utils/locale";
 /**
  * Get supported locale code from raw user input
  * Exported for testing purposes.
+ *
+ * @param lang
  * @private
  */
 function getSupportedLocale(lang = "") {
@@ -25,17 +28,21 @@ function getSupportedLocale(lang = "") {
 /**
  * CLDR cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 export const translationCache = {};
 /**
  * CLDR request cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 export const requestCache = {};
 /**
  * Fetch calendar data for a given locale from list of supported languages
+ *
+ * @param lang
  * @public
  */
 export async function getLocaleData(lang) {