npm - @esri/calcite-components - Versions diffs - 1.3.0-next.15 → 1.3.0-next.16 - Mend

@esri/calcite-components 1.3.0-next.15 → 1.3.0-next.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (679) hide show

package/dist/collection/components/action-pad/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/collection/components/alert/alert.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { getSlotted, setRequestedIcon, slotChangeHasAssignedElement, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/alert/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const DURATIONS = {
   slow: 14000,

package/dist/collection/components/avatar/avatar.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h } from "@stencil/core";
 import { getModeName } from "../../utils/dom";

package/dist/collection/components/avatar/utils.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { hexToRGB } from "../color-picker/utils";
 /**

package/dist/collection/components/block/block.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/components/block/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/block-section/block-section.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/block-section/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   content: "content",

package/dist/collection/components/button/button.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { Build, h } from "@stencil/core";
 import { findAssociatedForm, resetForm, submitForm } from "../../utils/form";

package/dist/collection/components/button/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   buttonLoader: "calcite-button--loader",

package/dist/collection/components/card/card.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/components/card/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/checkbox/checkbox.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/chip/chip.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { Build, h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/chip/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   title: "title",

package/dist/collection/components/chip-group/chip-group.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h } from "@stencil/core";
 import { focusElementInGroup, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/color-picker/color-picker.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h } from "@stencil/core";
 import Color from "color";

package/dist/collection/components/color-picker/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import Color from "color";
 export const CSS = {

package/dist/collection/components/color-picker/utils.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h } from "@stencil/core";
 import Color from "color";

package/dist/collection/components/color-picker-hex-input/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/color-picker-swatch/color-picker-swatch.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h } from "@stencil/core";
 import Color from "color";

package/dist/collection/components/color-picker-swatch/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   swatch: "swatch",

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { debounce } from "lodash-es";

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 export const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { nodeListToArray } from "../../utils/dom";
 import { ComboboxChildSelector } from "./resources";

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   icon: "icon",

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   list: "list",

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { Build, h, Host } from "@stencil/core";
 import { dateFromISO, dateFromRange, dateToISO, getDaysDiff, setEndOfDay } from "../../utils/date";

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const HEADING_LEVEL = 2;
 export const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };

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

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { getAssetPath } from "@stencil/core";
 import { dateFromISO } from "../../utils/date";

package/dist/collection/components/date-picker-day/date-picker-day.css CHANGED Viewed

@@ -383,57 +383,57 @@
   background-color: var(--calcite-ui-foreground-2);
 }
-:host([highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,
-:host([range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,
-:host([highlighted]:first-child) .calcite--rtl .day-wrapper,
-:host([range-hover]:first-child) .calcite--rtl .day-wrapper {
+:host([highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
+:host([range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
+:host([highlighted][range-edge=start]) .calcite--rtl .day-wrapper,
+:host([range-hover][range-edge=start]) .calcite--rtl .day-wrapper {
   box-shadow: inset -4px 0px 0px 0px var(--calcite-ui-foreground-1);
 }
-:host([highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,
-:host([range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,
-:host([highlighted]:last-child) .calcite--rtl .day-wrapper,
-:host([range-hover]:last-child) .calcite--rtl .day-wrapper {
+:host([highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
+:host([range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
+:host([highlighted][range-edge=end]) .calcite--rtl .day-wrapper,
+:host([range-hover][range-edge=end]) .calcite--rtl .day-wrapper {
   box-shadow: inset 4px 0px 0px 0px var(--calcite-ui-foreground-1);
 }
-:host([scale=s][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][highlighted]:first-child) .calcite--rtl .day-wrapper,
-:host([scale=s][range-hover]:first-child) .calcite--rtl .day-wrapper {
+:host([scale=s][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=s][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=s][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,
+:host([scale=s][range-hover][range-edge=start]) .calcite--rtl .day-wrapper {
   box-shadow: inset -1px 0px 0px 0px var(--calcite-ui-foreground-1);
 }
-:host([scale=s][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=s][highlighted]:last-child) .calcite--rtl .day-wrapper,
-:host([scale=s][range-hover]:last-child) .calcite--rtl .day-wrapper {
+:host([scale=s][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=s][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=s][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,
+:host([scale=s][range-hover][range-edge=end]) .calcite--rtl .day-wrapper {
   box-shadow: inset 1px 0px 0px 0px var(--calcite-ui-foreground-1);
 }
-:host([scale=l][highlighted]:first-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][range-hover]:first-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][highlighted]:last-child) .calcite--rtl .day-wrapper,
-:host([scale=l][range-hover]:last-child) .calcite--rtl .day-wrapper {
+:host([scale=l][highlighted][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=l][range-hover][range-edge=start]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=l][highlighted][range-edge=end]) .calcite--rtl .day-wrapper,
+:host([scale=l][range-hover][range-edge=end]) .calcite--rtl .day-wrapper {
   box-shadow: inset 6px 0px 0px 0px var(--calcite-ui-foreground-1);
 }
-:host([highlighted]:first-child) .day-wrapper,
-:host([range-hover]:first-child) .day-wrapper {
+:host([highlighted][range-edge=start]) .day-wrapper,
+:host([range-hover][range-edge=start]) .day-wrapper {
   border-start-start-radius: 45%;
   border-end-start-radius: 45%;
 }
-:host([highlighted]:last-child) .day-wrapper,
-:host([range-hover]:last-child) .day-wrapper {
+:host([highlighted][range-edge=end]) .day-wrapper,
+:host([range-hover][range-edge=end]) .day-wrapper {
   border-start-end-radius: 45%;
   border-end-end-radius: 45%;
 }
-:host([scale=l][highlighted]:last-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][range-hover]:last-child) :not(.calcite--rtl) .day-wrapper,
-:host([scale=l][highlighted]:first-child) .calcite--rtl .day-wrapper,
-:host([scale=l][range-hover]:first-child) .calcite--rtl .day-wrapper {
+:host([scale=l][highlighted][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=l][range-hover][range-edge=end]) :not(.calcite--rtl) .day-wrapper,
+:host([scale=l][highlighted][range-edge=start]) .calcite--rtl .day-wrapper,
+:host([scale=l][range-hover][range-edge=start]) .calcite--rtl .day-wrapper {
   box-shadow: inset -6px 0px 0px 0px var(--calcite-ui-foreground-1);
 }

package/dist/collection/components/date-picker-day/date-picker-day.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { dateToISO } from "../../utils/date";
@@ -36,6 +36,7 @@ export class DatePickerDay {
     this.selected = false;
     this.highlighted = false;
     this.range = false;
+    this.rangeEdge = undefined;
     this.startOfRange = false;
     this.endOfRange = false;
     this.rangeHover = false;
@@ -221,6 +222,26 @@ export class DatePickerDay {
         "reflect": true,
         "defaultValue": "false"
       },
+      "rangeEdge": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"start\" | \"end\" | undefined",
+          "resolved": "\"end\" | \"start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": "When `true`, highlight styling for edge dates is applied."
+        },
+        "attribute": "range-edge",
+        "reflect": true
+      },
       "startOfRange": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/date-picker-month/date-picker-month.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { dateFromRange, inRange, sameDate } from "../../utils/date";
@@ -112,26 +112,43 @@ export class DatePickerMonth {
     const curMonDays = this.getCurrentMonthDays(month, year);
     const prevMonDays = this.getPreviousMonthDays(month, year, startOfWeek);
     const nextMonDays = this.getNextMonthDays(month, year, startOfWeek);
+    let dayInWeek = 0;
+    const getDayInWeek = () => dayInWeek++ % 7;
     const days = [
       ...prevMonDays.map((day) => {
-        const date = new Date(year, month - 1, day);
-        return this.renderDateDay(false, day, date);
+        return {
+          active: false,
+          day,
+          dayInWeek: getDayInWeek(),
+          date: new Date(year, month - 1, day)
+        };
       }),
       ...curMonDays.map((day) => {
         const date = new Date(year, month, day);
         const active = sameDate(date, this.activeDate);
-        return this.renderDateDay(active, day, date, true, true);
+        return {
+          active,
+          currentMonth: true,
+          day,
+          dayInWeek: getDayInWeek(),
+          date,
+          ref: true
+        };
       }),
       ...nextMonDays.map((day) => {
-        const date = new Date(year, month + 1, day);
-        return this.renderDateDay(false, day, date);
+        return {
+          active: false,
+          day,
+          dayInWeek: getDayInWeek(),
+          date: new Date(year, month + 1, day)
+        };
       })
     ];
     const weeks = [];
     for (let i = 0; i < days.length; i += 7) {
       weeks.push(days.slice(i, i + 7));
     }
-    return (h(Host, { onFocusOut: this.disableActiveFocus, onKeyDown: this.keyDownHandler }, h("div", { class: "calendar", role: "grid" }, h("div", { class: "week-headers", role: "row" }, adjustedWeekDays.map((weekday) => (h("span", { class: "week-header", role: "columnheader" }, weekday)))), weeks.map((days) => (h("div", { class: "week-days", role: "row" }, days))))));
+    return (h(Host, { onFocusOut: this.disableActiveFocus, onKeyDown: this.keyDownHandler }, h("div", { class: "calendar", role: "grid" }, h("div", { class: "week-headers", role: "row" }, adjustedWeekDays.map((weekday) => (h("span", { class: "week-header", role: "columnheader" }, weekday)))), weeks.map((days) => (h("div", { class: "week-days", role: "row" }, days.map((day) => this.renderDateDay(day))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -258,22 +275,29 @@ export class DatePickerMonth {
   /**
    * Render calcite-date-picker-day
    *
+   * @param active.active
    * @param active
    * @param day
+   * @param dayInWeek
    * @param date
    * @param currentMonth
    * @param ref
+   * @param active.currentMonth
+   * @param active.date
+   * @param active.day
+   * @param active.dayInWeek
+   * @param active.ref
    */
-  renderDateDay(active, day, date, currentMonth, ref) {
+  renderDateDay({ active, currentMonth, date, day, dayInWeek, ref }) {
     const isFocusedOnStart = this.isFocusedOnStart();
     const isHoverInRange = this.isHoverInRange() ||
       (!this.endDate && this.hoverRange && sameDate(this.hoverRange?.end, this.startDate));
-    return (h("div", { class: "day", role: "gridcell" }, h("calcite-date-picker-day", { active: active, class: {
+    return (h("div", { class: "day", key: date.toDateString(), role: "gridcell" }, h("calcite-date-picker-day", { active: active, class: {
         "hover--inside-range": this.startDate && isHoverInRange,
         "hover--outside-range": this.startDate && !isHoverInRange,
         "focused--start": isFocusedOnStart,
         "focused--end": !isFocusedOnStart
-      }, currentMonth: currentMonth, dateTimeFormat: this.dateTimeFormat, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), scale: this.scale, selected: this.isSelected(date), startOfRange: this.isStartOfRange(date), value: date,
+      }, currentMonth: currentMonth, dateTimeFormat: this.dateTimeFormat, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeEdge: dayInWeek === 0 ? "start" : dayInWeek === 6 ? "end" : undefined, rangeHover: this.isRangeHover(date), scale: this.scale, selected: this.isSelected(date), startOfRange: this.isStartOfRange(date), value: date,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => {
         // when moving via keyboard, focus must be updated on active date

package/dist/collection/components/date-picker-month-header/date-picker-month-header.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { Fragment, h } from "@stencil/core";
 import { dateFromRange, getOrder, nextMonth, prevMonth } from "../../utils/date";

package/dist/collection/components/date-picker-month-header/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
 export const CSS = {

package/dist/collection/components/dropdown/dropdown.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, focusElementInGroup, isPrimaryPointerButton, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/dropdown/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const SLOTS = {
   dropdownTrigger: "trigger"

package/dist/collection/components/dropdown-group/dropdown-group.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";

package/dist/collection/components/dropdown-group/resources.js CHANGED Viewed

@@ -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.3.0-next.15
+ * v1.3.0-next.16
  */
 export const CSS = {
   containerSmall: "container--s",