npm - @esri/calcite-components - Versions diffs - 1.0.0-beta.77 → 1.0.0-beta.80 - Mend

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

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 (872) hide show

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

@@ -92,9 +92,15 @@
 :host([disabled]) {
   pointer-events: none;
+  cursor: default;
   -webkit-user-select: none;
           user-select: none;
-  opacity: 0.5;
+  opacity: var(--calcite-ui-opacity-disabled);
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
 }
 :host([scale=s]) {
@@ -126,7 +132,7 @@
   outline-color: transparent;
   transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
   box-shadow: inset 0 0 0 1px var(--calcite-ui-border-input);
-  padding: 0 var(--calcite-combobox-item-spacing-unit-l) 0 var(--calcite-combobox-item-spacing-unit-l);
+  padding: calc(var(--calcite-combobox-item-spacing-unit-s) / 4) var(--calcite-combobox-item-spacing-unit-l);
 }
 :host(:focus-within) .wrapper, .wrapper--active {
@@ -312,7 +318,7 @@
 }
 .chip {
-  margin-block: calc(var(--calcite-combobox-item-spacing-unit-s) / 2) 0;
+  margin-block: calc(var(--calcite-combobox-item-spacing-unit-s) / 4);
   margin-inline: 0 var(--calcite-combobox-item-spacing-unit-s);
   max-width: 100%;
 }
@@ -321,10 +327,6 @@
   background-color: var(--calcite-ui-foreground-3);
 }
-.chip:last-of-type {
-  margin-inline-end: 0;
-}
 .item {
   display: block;
 }

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

@@ -5,13 +5,14 @@
 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 } from "../../utils/popper";
+import { createPopper, updatePopper, CSS as PopperCSS, popperMenuFlipPlacements, defaultMenuPlacement } from "../../utils/popper";
 import { guid } from "../../utils/guid";
-import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, ComboboxDefaultPlacement, TEXT } from "./resources";
+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 { createObserver } from "../../utils/observers";
+import { updateHostInteraction } from "../../utils/interactive";
 const isGroup = (el) => el.tagName === ComboboxItemGroup;
 const itemUidPrefix = "combobox-item-";
 const chipUidPrefix = "combobox-chip-";
@@ -66,12 +67,10 @@ export class Combobox {
     this.groupItems = [];
     this.selectedItems = [];
     this.visibleItems = [];
-    this.hideList = !this.active;
     this.activeItemIndex = -1;
     this.activeChipIndex = -1;
     this.activeDescendant = "";
     this.text = "";
-    this.open = this.active;
     this.textInput = null;
     this.mutationObserver = createObserver("mutation", () => this.updateItems());
     this.resizeObserver = createObserver("resize", () => this.setMaxScrollerHeight());
@@ -160,11 +159,11 @@ export class Combobox {
       }
     };
     this.toggleCloseEnd = () => {
-      this.hideList = true;
+      this.active = false;
       this.el.removeEventListener("calciteComboboxClose", this.toggleCloseEnd);
     };
     this.toggleOpenEnd = () => {
-      this.hideList = false;
+      this.active = true;
       this.el.removeEventListener("calciteComboboxOpen", this.toggleOpenEnd);
     };
     this.transitionEnd = (event) => {
@@ -198,9 +197,7 @@ export class Combobox {
     };
     this.setInactiveIfNotContained = (event) => {
       const composedPath = event.composedPath();
-      if ((!this.active && !this.open) ||
-        composedPath.includes(this.el) ||
-        composedPath.includes(this.referenceEl)) {
+      if (!this.active || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
         return;
       }
       if (this.allowCustomValues && this.text) {
@@ -215,7 +212,6 @@ export class Combobox {
         this.updateActiveItemIndex(-1);
       }
       this.active = false;
-      this.open = false;
     };
     this.setMenuEl = (el) => {
       this.menuEl = el;
@@ -293,18 +289,18 @@ export class Combobox {
       this.setInactiveIfNotContained(event);
     };
   }
-  activeHandler(newValue, oldValue) {
-    // when closing, wait transition time then hide to prevent overscroll
-    if (oldValue && !newValue) {
-      this.el.addEventListener("calciteComboboxClose", this.toggleCloseEnd);
-      this.open = false;
-    }
-    else if (!oldValue && newValue) {
-      this.el.addEventListener("calciteComboboxOpen", this.toggleOpenEnd);
-      this.open = true;
+  activeHandler() {
+    if (this.disabled) {
+      this.active = false;
+      return;
     }
     this.reposition();
   }
+  handleDisabledChange(value) {
+    if (!value) {
+      this.active = false;
+    }
+  }
   maxItemsHandler() {
     this.setMaxScrollerHeight();
   }
@@ -351,7 +347,7 @@ export class Combobox {
       ? await updatePopper({
         el: menuEl,
         modifiers,
-        placement: ComboboxDefaultPlacement,
+        placement: defaultMenuPlacement,
         popper
       })
       : this.createPopper();
@@ -390,6 +386,7 @@ export class Combobox {
       this.reposition();
       this.inputHeight = this.el.offsetHeight;
     }
+    updateHostInteraction(this);
   }
   disconnectedCallback() {
     var _a, _b;
@@ -414,9 +411,13 @@ export class Combobox {
       enabled: true
     };
     flipModifier.options = {
-      fallbackPlacements: ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"]
+      fallbackPlacements: this.flipPlacements || popperMenuFlipPlacements
+    };
+    const eventListenerModifier = {
+      name: "eventListeners",
+      enabled: this.active
     };
-    return [flipModifier];
+    return [flipModifier, eventListenerModifier];
   }
   createPopper() {
     this.destroyPopper();
@@ -426,7 +427,7 @@ export class Combobox {
       el: menuEl,
       modifiers,
       overlayPositioning,
-      placement: ComboboxDefaultPlacement,
+      placement: defaultMenuPlacement,
       referenceEl
     });
   }
@@ -707,15 +708,15 @@ export class Combobox {
     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)));
   }
   renderPopperContainer() {
-    const { active, setMenuEl, setListContainerEl, hideList, open } = this;
+    const { active, setMenuEl, setListContainerEl } = this;
     const classes = {
       "list-container": true,
       [PopperCSS.animation]: true,
       [PopperCSS.animationActive]: active
     };
-    return (h("div", { "aria-hidden": "true", class: { "popper-container": true, "popper-container--active": open }, ref: setMenuEl },
+    return (h("div", { "aria-hidden": "true", class: { "popper-container": true, "popper-container--active": active }, ref: setMenuEl },
       h("div", { class: classes, onTransitionEnd: this.transitionEnd, ref: setListContainerEl },
-        h("ul", { class: { list: true, "list--hide": hideList } },
+        h("ul", { class: { list: true, "list--hide": !active } },
           h("slot", null)))));
   }
   renderIconStart() {
@@ -729,13 +730,13 @@ export class Combobox {
       h("calcite-icon", { icon: "chevron-down", scale: "s" })));
   }
   render() {
-    const { guid, open, label } = this;
+    const { active, guid, label } = this;
     const single = this.selectionMode === "single";
     return (h(Host, { onKeyDown: this.keydownHandler },
-      h("div", { "aria-autocomplete": "list", "aria-expanded": open.toString(), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
+      h("div", { "aria-autocomplete": "list", "aria-expanded": active.toString(), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-owns": `${listboxUidPrefix}${guid}`, class: {
           wrapper: true,
           "wrapper--single": single || !this.selectedItems.length,
-          "wrapper--active": open
+          "wrapper--active": active
         }, onClick: this.setFocusClick, ref: this.setReferenceEl, role: "combobox" },
         h("div", { class: "grid-input" },
           this.renderIconStart(),
@@ -1006,6 +1007,26 @@ export class Combobox {
       "attribute": "intl-remove-tag",
       "reflect": false,
       "defaultValue": "TEXT.removeTag"
+    },
+    "flipPlacements": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ComputedPlacement[]",
+        "resolved": "ComputedPlacement[]",
+        "references": {
+          "ComputedPlacement": {
+            "location": "import",
+            "path": "../../utils/popper"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Defines the available placements that can be used when a flip occurs."
+      }
     }
   }; }
   static get states() { return {
@@ -1014,12 +1035,10 @@ export class Combobox {
     "selectedItems": {},
     "visibleItems": {},
     "needsIcon": {},
-    "hideList": {},
     "activeItemIndex": {},
     "activeChipIndex": {},
     "activeDescendant": {},
-    "text": {},
-    "open": {}
+    "text": {}
   }; }
   static get events() { return [{
       "method": "calciteLookupChange",
@@ -1171,6 +1190,9 @@ export class Combobox {
   static get watchers() { return [{
       "propName": "active",
       "methodName": "activeHandler"
+    }, {
+      "propName": "disabled",
+      "methodName": "handleDisabledChange"
     }, {
       "propName": "maxItems",
       "methodName": "maxItemsHandler"

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

@@ -5,7 +5,6 @@
 export const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 export const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 export const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
-export const ComboboxDefaultPlacement = "bottom-leading";
 export const TEXT = {
   removeTag: "Remove tag"
 };

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

@@ -115,6 +115,19 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+:host([disabled]){
+  pointer-events: none;
+  cursor: default;
+  -webkit-user-select: none;
+          user-select: none;
+  opacity: var(--calcite-ui-opacity-disabled);
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
 :host, ul{
   margin: 0px;
   display: flex;

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

@@ -8,6 +8,7 @@ import { CSS } from "./resources";
 import { guid } from "../../utils/guid";
 import { getAncestors, getDepth } from "../combobox/utils";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { updateHostInteraction } from "../../utils/interactive";
 /**
  * @slot - A slot for adding nested `calcite-combobox-item`s.
  */
@@ -56,6 +57,9 @@ export class ComboboxItem {
   disconnectedCallback() {
     disconnectConditionalSlotComponent(this);
   }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods

package/dist/collection/components/date-picker/assets/date-picker/nls/bs.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD. MM. YYYY.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD. MM. YYYY.",
   "days": {
     "abbreviated": ["ned", "pon", "uto", "sri", "čet", "pet", "sub"],

package/dist/collection/components/date-picker/assets/date-picker/nls/ca.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dg.", "dl.", "dt.", "dc.", "dj.", "dv.", "ds."],

package/dist/collection/components/date-picker/assets/date-picker/nls/cs.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["ne", "po", "út", "st", "čt", "pá", "so"],

package/dist/collection/components/date-picker/assets/date-picker/nls/da.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["søn.", "man.", "tir.", "ons.", "tor.", "fre.", "lør."],

package/dist/collection/components/date-picker/assets/date-picker/nls/de.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."],

package/dist/collection/components/date-picker/assets/date-picker/nls/el.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["Κυρ", "Δευ", "Τρί", "Τετ", "Πέμ", "Παρ", "Σάβ"],

package/dist/collection/components/date-picker/assets/date-picker/nls/en-AU.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "narrow": ["Su.", "M.", "Tu.", "W.", "Th.", "F.", "Sa."],

package/dist/collection/components/date-picker/assets/date-picker/nls/es.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dom.", "lun.", "mar.", "mié.", "jue.", "vie.", "sáb."],

package/dist/collection/components/date-picker/assets/date-picker/nls/et.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["P", "E", "T", "K", "N", "R", "L"],

package/dist/collection/components/date-picker/assets/date-picker/nls/fi.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["su", "ma", "ti", "ke", "to", "pe", "la"],

package/dist/collection/components/date-picker/assets/date-picker/nls/fr.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],

package/dist/collection/components/date-picker/assets/date-picker/nls/hr.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD. MM. YYYY.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD. MM. YYYY.",
   "days": {
     "abbreviated": ["ned", "pon", "uto", "sri", "čet", "pet", "sub"],

package/dist/collection/components/date-picker/assets/date-picker/nls/hu.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "YYYY. MM. DD.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "YYYY. MM. DD.",
   "days": {
     "abbreviated": ["V", "H", "K", "Sze", "Cs", "P", "Szo"],

package/dist/collection/components/date-picker/assets/date-picker/nls/it.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["dom", "lun", "mar", "mer", "gio", "ven", "sab"],

package/dist/collection/components/date-picker/assets/date-picker/nls/lt.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "-",
   "unitOrder": "YYYY-MM-DD",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "YYYY-MM-DD",
   "days": {
     "abbreviated": ["sk", "pr", "an", "tr", "kt", "pn", "št"],

package/dist/collection/components/date-picker/assets/date-picker/nls/lv.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["svētd.", "pirmd.", "otrd.", "trešd.", "ceturtd.", "piektd.", "sestd."],

package/dist/collection/components/date-picker/assets/date-picker/nls/mk.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["нед.", "пон.", "вт.", "сре.", "чет.", "пет.", "саб."],

package/dist/collection/components/date-picker/assets/date-picker/nls/nb.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["søn.", "man.", "tir.", "ons.", "tor.", "fre.", "lør."],

package/dist/collection/components/date-picker/assets/date-picker/nls/nl.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "-",
   "unitOrder": "DD-MM-YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD-MM-YYYY",
   "days": {
     "abbreviated": ["zo", "ma", "di", "wo", "do", "vr", "za"],

package/dist/collection/components/date-picker/assets/date-picker/nls/pl.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["niedz.", "pon.", "wt.", "śr.", "czw.", "pt.", "sob."],

package/dist/collection/components/date-picker/assets/date-picker/nls/ro.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["dum.", "lun.", "mar.", "mie.", "joi", "vin.", "sâm."],

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

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["пн", "вт", "ср", "чт", "пт", "сб", "вс"],

package/dist/collection/components/date-picker/assets/date-picker/nls/sl.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD. MM. YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD. MM. YYYY",
   "days": {
     "abbreviated": ["ned.", "pon.", "tor.", "sre.", "čet.", "pet.", "sob."],

package/dist/collection/components/date-picker/assets/date-picker/nls/sr.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY.",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY.",
   "days": {
     "abbreviated": ["нед", "пон", "уто", "сре", "чет", "пет", "суб"],

package/dist/collection/components/date-picker/assets/date-picker/nls/sv.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "-",
   "unitOrder": "YYYY-MM-DD",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "YYYY-MM-DD",
   "days": {
     "abbreviated": ["sön", "mån", "tis", "ons", "tors", "fre", "lör"],

package/dist/collection/components/date-picker/assets/date-picker/nls/tr.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["Paz", "Pzt", "Sal", "Çar", "Per", "Cum", "Cmt"],

package/dist/collection/components/date-picker/assets/date-picker/nls/uk.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": ".",
   "unitOrder": "DD.MM.YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD.MM.YYYY",
   "days": {
     "abbreviated": ["нд", "пн", "вт", "ср", "чт", "пт", "сб"],

package/dist/collection/components/date-picker/assets/date-picker/nls/vi.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "default-calendar": "gregorian",
   "separator": "/",
   "unitOrder": "DD/MM/YYYY",
-  "weekStart": 7,
+  "weekStart": 1,
   "placeholder": "DD/MM/YYYY",
   "days": {
     "abbreviated": ["CN", "Th 2", "Th 3", "Th 4", "Th 5", "Th 6", "Th 7"],

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

@@ -789,7 +789,7 @@ export class DatePicker {
       "docs": {
         "tags": [{
             "name": "see",
-            "text": " [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)"
+            "text": "[DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)"
           }],
         "text": "Trigger calcite date change when a user changes the date range."
       },

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

@@ -87,6 +87,19 @@
   width: 14.2857142857%;
 }
+:host([disabled]) {
+  pointer-events: none;
+  cursor: default;
+  -webkit-user-select: none;
+          user-select: none;
+  opacity: var(--calcite-ui-opacity-disabled);
+}
+:host([disabled]) ::slotted([calcite-hydrated][disabled]),
+:host([disabled]) [calcite-hydrated][disabled] {
+  /* prevent opacity stacking */
+  opacity: 1;
+}
 .day-v-wrapper {
   flex: 1 1 auto;
 }
@@ -166,11 +179,6 @@
   opacity: 1;
 }
-:host([disabled]) {
-  cursor: default;
-  opacity: 0.25;
-}
 :host(:hover:not([disabled])) .day, :host([active]:not([range])) .day {
   background-color: var(--calcite-ui-foreground-2);
   color: var(--calcite-ui-text-1);