@esri/calcite-components 1.0.0-next.701 → 1.0.0-next.702

package/dist/esm/calcite-checkbox.entry.js

@@ -1,17 +1,17 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0f87f5e6.js';
-import { g as guid } from './guid-7da38bae.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-79b320dc.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a2b5a988.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { t as toAriaBoolean } from './dom-b76f7307.js';
-import { i as isActivationKey } from './key-0786ea89.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-e74d33ce.js';
-import './resources-5cc0ab7e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-306667e4.js';
+import { g as guid } from './guid-1b3b1a75.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-239ab500.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1a53b3e5.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { t as toAriaBoolean } from './dom-a9ba459c.js';
+import { i as isActivationKey } from './key-a0012884.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-4ca1f25f.js';
+import './resources-2dc287e4.js';
 
 const checkboxCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 

package/dist/esm/calcite-chip.entry.js

@@ -1,18 +1,18 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0f87f5e6.js';
-import { g as guid } from './guid-7da38bae.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efc4e5ed.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-5f2fd373.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-bf90c06c.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-e74d33ce.js';
-import { c as createObserver } from './observers-ebdba542.js';
-import { s as slotChangeHasAssignedElement } from './dom-b76f7307.js';
-import './key-0786ea89.js';
-import './resources-5cc0ab7e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-306667e4.js';
+import { g as guid } from './guid-1b3b1a75.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e57231c0.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-ef976e46.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-4ca1f25f.js';
+import { c as createObserver } from './observers-944ea463.js';
+import { s as slotChangeHasAssignedElement } from './dom-a9ba459c.js';
+import './key-a0012884.js';
+import './resources-2dc287e4.js';
 
 const CSS = {
   title: "title",

package/dist/esm/calcite-color-picker_3.entry.js

@@ -1,21 +1,21 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0f87f5e6.js';
-import { i as isPrimaryPointerButton, b as getElementDir, f as focusElement, e as getThemeName } from './dom-b76f7307.js';
-import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-75876bc1.js';
-import { c as clamp } from './math-5a31686f.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { i as isActivationKey } from './key-0786ea89.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-5f2fd373.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-bf90c06c.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-e74d33ce.js';
-import { d as debounce, i as isObject } from './debounce-762a0b86.js';
-import './resources-5cc0ab7e.js';
-import './guid-7da38bae.js';
-import './observers-ebdba542.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-306667e4.js';
+import { i as isPrimaryPointerButton, b as getElementDir, f as focusElement, e as getThemeName } from './dom-a9ba459c.js';
+import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-75acecf1.js';
+import { c as clamp } from './math-cb0c9a42.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { i as isActivationKey } from './key-a0012884.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-ef976e46.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-4ca1f25f.js';
+import { d as debounce, i as isObject } from './debounce-752519d2.js';
+import './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
+import './observers-944ea463.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';

package/dist/esm/calcite-combobox_3.entry.js

@@ -1,25 +1,25 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0f87f5e6.js';
-import { f as filter } from './filter-ab981ded.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-6264eee6.js';
-import { g as guid } from './guid-7da38bae.js';
-import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, h as getElementProp, g as getSlotted } from './dom-b76f7307.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a2b5a988.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-79b320dc.js';
-import { c as createObserver } from './observers-ebdba542.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-4c33d83d.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-5f2fd373.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-bf90c06c.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-e74d33ce.js';
-import { d as debounce } from './debounce-762a0b86.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-efc4e5ed.js';
-import './resources-5cc0ab7e.js';
-import './key-0786ea89.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-306667e4.js';
+import { f as filter } from './filter-580c893b.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-a6cb80ab.js';
+import { g as guid } from './guid-1b3b1a75.js';
+import { v as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, h as getElementProp, g as getSlotted } from './dom-a9ba459c.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1a53b3e5.js';
+import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-239ab500.js';
+import { c as createObserver } from './observers-944ea463.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-0f72e798.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-ef976e46.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-4ca1f25f.js';
+import { d as debounce } from './debounce-752519d2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e57231c0.js';
+import './resources-2dc287e4.js';
+import './key-a0012884.js';
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -865,11 +865,6 @@ const ComboboxItem = class {
     registerInstance(this, hostRef);
     this.calciteComboboxItemChange = createEvent(this, "calciteComboboxItemChange", 6);
     this.scale = "m";
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
     this.itemClickHandler = (event) => {
       event.preventDefault();
       this.toggleSelected();
@@ -906,16 +901,10 @@ const ComboboxItem = class {
   }
   // --------------------------------------------------------------------------
   //
-  //  Public Methods
+  //  Private Methods
   //
   // --------------------------------------------------------------------------
-  /**
-   * 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) {
+  toggleSelected(coerce) {
     if (this.disabled) {
       return;
     }

package/dist/esm/calcite-date-picker_4.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-0f87f5e6.js';
-import { h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './utils-596bdfea.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-5f2fd373.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-bf90c06c.js';
-import { c as closestElementCrossShadowBoundary, b as getElementDir } from './dom-b76f7307.js';
-import { C as CSS_UTILITY } from './resources-5cc0ab7e.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { i as isActivationKey } from './key-0786ea89.js';
-import { H as Heading } from './Heading-bd79826a.js';
-import './observers-ebdba542.js';
-import './guid-7da38bae.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-306667e4.js';
+import { h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './utils-8eb026bf.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-ef976e46.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-f3b45ca4.js';
+import { c as closestElementCrossShadowBoundary, b as getElementDir } from './dom-a9ba459c.js';
+import { C as CSS_UTILITY } from './resources-2dc287e4.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { i as isActivationKey } from './key-a0012884.js';
+import { H as Heading } from './Heading-90b4a47e.js';
+import './observers-944ea463.js';
+import './guid-1b3b1a75.js';
 
 const HEADING_LEVEL = 2;
 
@@ -65,20 +65,23 @@ const DatePicker = class {
       }
     };
     this.monthHoverChange = (event) => {
-      if (!this.startAsDate) {
+      if (!this.range) {
         this.hoverRange = undefined;
         return;
       }
+      const { valueAsDate } = this;
+      const start = Array.isArray(valueAsDate) && valueAsDate[0];
+      const end = Array.isArray(valueAsDate) && valueAsDate[1];
       const date = new Date(event.detail);
       this.hoverRange = {
         focused: this.activeRange || "start",
-        start: this.startAsDate,
-        end: this.endAsDate
+        start,
+        end
       };
       if (!this.proximitySelectionDisabled) {
-        if (this.endAsDate) {
-          const startDiff = getDaysDiff(date, this.startAsDate);
-          const endDiff = getDaysDiff(date, this.endAsDate);
+        if (end) {
+          const startDiff = getDaysDiff(date, start);
+          const endDiff = getDaysDiff(date, end);
           if (endDiff > 0) {
             this.hoverRange.end = date;
             this.hoverRange.focused = "end";
@@ -97,11 +100,11 @@ const DatePicker = class {
           }
         }
         else {
-          if (date < this.startAsDate) {
+          if (date < start) {
             this.hoverRange = {
               focused: "start",
               start: date,
-              end: this.startAsDate
+              end: start
             };
           }
           else {
@@ -111,12 +114,12 @@ const DatePicker = class {
         }
       }
       else {
-        if (!this.endAsDate) {
-          if (date < this.startAsDate) {
+        if (!end) {
+          if (date < start) {
             this.hoverRange = {
               focused: "start",
               start: date,
-              end: this.startAsDate
+              end: start
             };
           }
           else {
@@ -139,16 +142,23 @@ const DatePicker = class {
      * Reset active date and close
      */
     this.reset = () => {
-      if (!Array.isArray(this.valueAsDate) &&
-        this.valueAsDate &&
-        this.valueAsDate?.getTime() !== this.activeDate?.getTime()) {
-        this.activeDate = new Date(this.valueAsDate);
-      }
-      if (this.startAsDate && this.startAsDate?.getTime() !== this.activeStartDate?.getTime()) {
-        this.activeStartDate = new Date(this.startAsDate);
+      const { valueAsDate } = this;
+      if (!Array.isArray(valueAsDate) &&
+        valueAsDate &&
+        valueAsDate?.getTime() !== this.activeDate?.getTime()) {
+        this.activeDate = new Date(valueAsDate);
       }
-      if (this.endAsDate && this.endAsDate?.getTime() !== this.activeEndDate?.getTime()) {
-        this.activeEndDate = new Date(this.endAsDate);
+      if (Array.isArray(valueAsDate)) {
+        if (valueAsDate[0] &&
+          valueAsDate[0]?.getTime() !==
+            (this.activeStartDate instanceof Date && this.activeStartDate?.getTime())) {
+          this.activeStartDate = new Date(valueAsDate[0]);
+        }
+        if (valueAsDate[1] &&
+          valueAsDate[1]?.getTime() !==
+            (this.activeStartDate instanceof Date && this.activeEndDate?.getTime())) {
+          this.activeEndDate = new Date(valueAsDate[1]);
+        }
       }
     };
     /**
@@ -169,9 +179,11 @@ const DatePicker = class {
         this.calciteDatePickerChange.emit();
         return;
       }
-      if (!this.startAsDate || (!this.endAsDate && date < this.startAsDate)) {
-        if (this.startAsDate) {
-          this.setEndDate(new Date(this.startAsDate));
+      const start = this.getStartDate();
+      const end = this.getEndDate();
+      if (!start || (!end && date < start)) {
+        if (start) {
+          this.setEndDate(new Date(start));
         }
         if (this.activeRange == "end") {
           this.setEndDate(date);
@@ -180,7 +192,7 @@ const DatePicker = class {
           this.setStartDate(date);
         }
       }
-      else if (!this.endAsDate) {
+      else if (!end) {
         this.setEndDate(date);
       }
       else {
@@ -194,8 +206,8 @@ const DatePicker = class {
             }
           }
           else {
-            const startDiff = getDaysDiff(date, this.startAsDate);
-            const endDiff = getDaysDiff(date, this.endAsDate);
+            const startDiff = getDaysDiff(date, start);
+            const endDiff = getDaysDiff(date, end);
             if (endDiff === 0 || startDiff < 0) {
               this.setStartDate(date);
             }
@@ -212,7 +224,6 @@ const DatePicker = class {
         }
         else {
           this.setStartDate(date);
-          this.endAsDate = this.activeEndDate = undefined;
         }
       }
       this.calciteDatePickerChange.emit();
@@ -246,15 +257,17 @@ const DatePicker = class {
       this.activeEndDate = newActiveDate;
     }
   }
-  handleValueAsDate(date) {
-    if (!Array.isArray(date) && date && date !== this.activeDate) {
-      this.activeDate = date;
+  valueAsDateWatcher(newValueAsDate) {
+    if (this.range && Array.isArray(newValueAsDate)) {
+      const { activeStartDate, activeEndDate } = this;
+      const newActiveStartDate = newValueAsDate[0];
+      const newActiveEndDate = newValueAsDate[1];
+      this.activeStartDate = activeStartDate !== newActiveStartDate && newActiveStartDate;
+      this.activeEndDate = activeEndDate !== newActiveEndDate && newActiveEndDate;
+    }
+    else if (newValueAsDate && newValueAsDate !== this.activeDate) {
+      this.activeDate = newValueAsDate;
     }
-  }
-  handleRangeChange() {
-    const { startAsDate: startDate, endAsDate: endDate } = this;
-    this.activeEndDate = endDate;
-    this.activeStartDate = startDate;
   }
   onMinChanged(min) {
     if (min) {
@@ -361,38 +374,23 @@ const DatePicker = class {
       h("calcite-date-picker-month", { activeDate: activeDate, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteInternalDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, onCalciteInternalDatePickerSelect: this.monthDateChange, 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;
-    this.mostRecentRangeValue = this.startAsDate;
-    if (emit) {
-      this.calciteDatePickerRangeChange.emit();
-    }
-  }
-  /**
-   * Update date instance of end if valid
-   *
-   * @param endDate
-   * @param emit
-   */
-  setEndAsDate(endDate, emit) {
-    this.endAsDate = endDate ? setEndOfDay(endDate) : endDate;
-    this.mostRecentRangeValue = this.endAsDate;
-    if (emit) {
-      this.calciteDatePickerRangeChange.emit();
-    }
+  getEndDate() {
+    return (Array.isArray(this.valueAsDate) && this.valueAsDate[1]) || undefined;
   }
   setEndDate(date) {
-    this.setEndAsDate(date, true);
+    const newEndDate = date ? setEndOfDay(date) : date;
+    this.valueAsDate = [this.getStartDate(), date];
+    this.mostRecentRangeValue = newEndDate;
+    this.calciteDatePickerRangeChange.emit();
     this.activeEndDate = date || null;
   }
+  getStartDate() {
+    return Array.isArray(this.valueAsDate) && this.valueAsDate[0];
+  }
   setStartDate(date) {
-    this.setStartAsDate(date, true);
+    this.valueAsDate = [date, this.getEndDate()];
+    this.mostRecentRangeValue = date;
+    this.calciteDatePickerRangeChange.emit();
     this.activeStartDate = date || null;
   }
   /**
@@ -413,9 +411,7 @@ const DatePicker = class {
   get el() { return getElement(this); }
   static get watchers() { return {
     "activeDate": ["activeDateWatcher"],
-    "valueAsDate": ["handleValueAsDate"],
-    "startAsDate": ["handleRangeChange"],
-    "endAsDate": ["handleRangeChange"],
+    "valueAsDate": ["valueAsDateWatcher"],
     "min": ["onMinChanged"],
     "max": ["onMaxChanged"],
     "messageOverrides": ["onMessagesChange"],

package/dist/esm/calcite-dropdown_3.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0f87f5e6.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, l as focusElementInGroup, f as focusElement, h as getElementProp } from './dom-b76f7307.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-6264eee6.js';
-import { c as createObserver } from './observers-ebdba542.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-4c33d83d.js';
-import { g as guid } from './guid-7da38bae.js';
-import { i as isActivationKey } from './key-0786ea89.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-e74d33ce.js';
-import './resources-5cc0ab7e.js';
-import './debounce-762a0b86.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-306667e4.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, u as focusElementInGroup, f as focusElement, h as getElementProp } from './dom-a9ba459c.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-a6cb80ab.js';
+import { c as createObserver } from './observers-944ea463.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-0f72e798.js';
+import { g as guid } from './guid-1b3b1a75.js';
+import { i as isActivationKey } from './key-a0012884.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-4ca1f25f.js';
+import './resources-2dc287e4.js';
+import './debounce-752519d2.js';
 
 const SLOTS = {
   dropdownTrigger: "trigger"

package/dist/esm/calcite-fab.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, h, g as getElement } from './index-0f87f5e6.js';
-import { f as focusElement } from './dom-b76f7307.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e74d33ce.js';
-import './resources-5cc0ab7e.js';
-import './guid-7da38bae.js';
+import { r as registerInstance, h, g as getElement } from './index-306667e4.js';
+import { f as focusElement } from './dom-a9ba459c.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-4ca1f25f.js';
+import './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
 
 const CSS = {
   button: "button"

package/dist/esm/calcite-filter.entry.js

@@ -1,20 +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-next.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-0f87f5e6.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { f as filter } from './filter-ab981ded.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-bf90c06c.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-5f2fd373.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e74d33ce.js';
-import { d as debounce } from './debounce-762a0b86.js';
-import './key-0786ea89.js';
-import './observers-ebdba542.js';
-import './dom-b76f7307.js';
-import './resources-5cc0ab7e.js';
-import './guid-7da38bae.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-306667e4.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { f as filter } from './filter-580c893b.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-ef976e46.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-4ca1f25f.js';
+import { d as debounce } from './debounce-752519d2.js';
+import './key-a0012884.js';
+import './observers-944ea463.js';
+import './dom-a9ba459c.js';
+import './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-flow-item.entry.js

@@ -1,19 +1,19 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0f87f5e6.js';
-import { b as getElementDir } from './dom-b76f7307.js';
-import { S as SLOTS$1 } from './resources-a23c60b2.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-bf90c06c.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-5f2fd373.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e74d33ce.js';
-import './resources-5cc0ab7e.js';
-import './guid-7da38bae.js';
-import './key-0786ea89.js';
-import './observers-ebdba542.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-306667e4.js';
+import { b as getElementDir } from './dom-a9ba459c.js';
+import { S as SLOTS$1 } from './resources-6fe56f3f.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-ef976e46.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-4ca1f25f.js';
+import './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
+import './key-a0012884.js';
+import './observers-944ea463.js';
 
 const CSS = {
   backButton: "back-button"

package/dist/esm/calcite-flow.entry.js

@@ -1,10 +1,10 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, h, g as getElement } from './index-0f87f5e6.js';
-import { c as createObserver } from './observers-ebdba542.js';
+import { r as registerInstance, h, g as getElement } from './index-306667e4.js';
+import { c as createObserver } from './observers-944ea463.js';
 
 const CSS = {
   frame: "frame",

package/dist/esm/calcite-graph_2.entry.js

@@ -1,20 +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-next.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-0f87f5e6.js';
-import { g as guid } from './guid-7da38bae.js';
-import { c as createObserver } from './observers-ebdba542.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-b76f7307.js';
-import { d as decimalPlaces, c as clamp } from './math-5a31686f.js';
-import { c as connectLabel, d as disconnectLabel } from './label-a2b5a988.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-79b320dc.js';
-import { u as updateHostInteraction } from './interactive-27fb7df1.js';
-import { i as isActivationKey } from './key-0786ea89.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-bf90c06c.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e74d33ce.js';
-import './resources-5cc0ab7e.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-306667e4.js';
+import { g as guid } from './guid-1b3b1a75.js';
+import { c as createObserver } from './observers-944ea463.js';
+import { i as isPrimaryPointerButton, r as intersects } from './dom-a9ba459c.js';
+import { d as decimalPlaces, c as clamp } from './math-cb0c9a42.js';
+import { c as connectLabel, d as disconnectLabel } from './label-1a53b3e5.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-239ab500.js';
+import { u as updateHostInteraction } from './interactive-25955d50.js';
+import { i as isActivationKey } from './key-a0012884.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-f3b45ca4.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-4ca1f25f.js';
+import './resources-2dc287e4.js';
 
 /**
  * Calculate slope of the tangents

package/dist/esm/calcite-handle.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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.701
+ * v1.0.0-next.702
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0f87f5e6.js';
-import { t as toAriaBoolean } from './dom-b76f7307.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e74d33ce.js';
-import './resources-5cc0ab7e.js';
-import './guid-7da38bae.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-306667e4.js';
+import { t as toAriaBoolean } from './dom-a9ba459c.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-4ca1f25f.js';
+import './resources-2dc287e4.js';
+import './guid-1b3b1a75.js';
 
 const CSS = {
   handle: "handle",