@esri/solutions-components 0.7.34 → 0.7.35

package/dist/components/conditionalSlot.js

@@ -9,7 +9,7 @@ import { c as createObserver } from './observers.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 const observed = new Set();
 let mutationObserver;
@@ -25,10 +25,10 @@ const observerOptions = { childList: true };
  * ```
  */
 function connectConditionalSlotComponent(component) {
-  if (!mutationObserver) {
-    mutationObserver = createObserver("mutation", processMutations);
-  }
-  mutationObserver.observe(component.el, observerOptions);
+    if (!mutationObserver) {
+        mutationObserver = createObserver("mutation", processMutations);
+    }
+    mutationObserver.observe(component.el, observerOptions);
 }
 /**
  * Helper to tear down a conditional slot component on disconnectedCallback.
@@ -41,20 +41,20 @@ function connectConditionalSlotComponent(component) {
  * ```
  */
 function disconnectConditionalSlotComponent(component) {
-  observed.delete(component.el);
-  // we explicitly process queued mutations and disconnect and reconnect
-  // the observer until MutationObserver gets an `unobserve` method
-  // see https://github.com/whatwg/dom/issues/126
-  processMutations(mutationObserver.takeRecords());
-  mutationObserver.disconnect();
-  for (const [element] of observed.entries()) {
-    mutationObserver.observe(element, observerOptions);
-  }
+    observed.delete(component.el);
+    // we explicitly process queued mutations and disconnect and reconnect
+    // the observer until MutationObserver gets an `unobserve` method
+    // see https://github.com/whatwg/dom/issues/126
+    processMutations(mutationObserver.takeRecords());
+    mutationObserver.disconnect();
+    for (const [element] of observed.entries()) {
+        mutationObserver.observe(element, observerOptions);
+    }
 }
 function processMutations(mutations) {
-  mutations.forEach(({ target }) => {
-    forceUpdate(target);
-  });
+    mutations.forEach(({ target }) => {
+        forceUpdate(target);
+    });
 }
 
 export { connectConditionalSlotComponent as c, disconnectConditionalSlotComponent as d };

package/dist/components/crowdsource-reporter.js

@@ -119,7 +119,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, null, this._reportSubmitted && h("calcite-alert", { "auto-close": true, class: themeClass, closable: true, icon: "check-circle", kind: "success", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { slot: "title" }, this._translations.reportSubmit), h("div", { slot: "message" }, this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { "auto-close": true, class: themeClass, closable: true, icon: "x-octagon", kind: "danger", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this._featureCreationFailedErrorMsg)), h("div", null, h("calcite-shell", { "content-behind": true }, this._getReporter()))));
+        return (h(Host, null, this._reportSubmitted && h("calcite-alert", { "auto-close": true, class: themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { slot: "title" }, this._translations.reportSubmit), h("div", { slot: "message" }, this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this._featureCreationFailedErrorMsg)), h("div", null, h("calcite-shell", { "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -181,7 +181,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
         return (h("calcite-panel", { class: "width-full " + themeClass }, this.mapView
             ? h("calcite-flow", null, (renderLists === null || renderLists === void 0 ? void 0 : renderLists.length) > 0 && renderLists)
-            : h("calcite-loader", { scale: "m" })));
+            : h("calcite-loader", { label: "", scale: "m" })));
     }
     /**
      * Get the feature layer list
@@ -192,7 +192,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this._hasValidLayers &&
             h("calcite-action", { icon: "sort-ascending-arrow", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this.isMobile }), this._hasValidLayers &&
             h("calcite-action", { icon: "filter", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this.isMobile }), this.isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports &&
-            h("calcite-button", { appearance: "secondary", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
+            h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
     }
     /**
      * Get the layer list for creating a report
@@ -200,7 +200,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     getChooseCategoryFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "secondary", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
     }
     /**
      * Get Feature create form of the selected feature layer
@@ -208,7 +208,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     getFeatureCreateFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "secondary", class: "footer-top-button footer-button", onClick: this.onSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.featureEditFormInfoMsg)), h("create-feature", { customizeSubmit: true, mapView: this.mapView, onDrawComplete: this.onDrawComplete.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, selectedLayerId: this._selectedLayerId }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.featureEditFormInfoMsg)), h("create-feature", { customizeSubmit: true, mapView: this.mapView, onDrawComplete: this.onDrawComplete.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, selectedLayerId: this._selectedLayerId }))));
     }
     /**
      * When drawing of incident location completed on map show the submit and cancel button
@@ -304,7 +304,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     async layerListLoaded(evt) {
         const layersListed = evt.detail;
-        //consider only the layers listed in the layer-list component  
+        //consider only the layers listed in the layer-list component
         const allMapLayers = await getAllLayers(this.mapView);
         this._validLayers = [];
         allMapLayers.forEach((eachLayer) => {
@@ -369,7 +369,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     getFeatureListFlowItem(layerId, layerName) {
         return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: layerName, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, h("calcite-action", { icon: "sort-ascending-arrow", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.sort, "text-enabled": this.isMobile }), h("calcite-action", { icon: "filter", slot: this.isMobile ? "header-menu-actions" : "header-actions-end", text: this._translations.filter, "text-enabled": this.isMobile }), this.isMobile && this.getActionToExpandCollapsePanel(), this.enableNewReports &&
-            h("calcite-button", { appearance: "secondary", onClick: this.navigateToCreateFeature.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true }, h("feature-list", { class: "height-full", highlightOnMap: true, mapView: this.mapView, noFeaturesFoundMsg: this._translations.featureErrorMsg, onFeatureSelect: this.onFeatureSelectFromList.bind(this), pageSize: 30, selectedLayerId: layerId }))));
+            h("calcite-button", { appearance: "solid", onClick: this.navigateToCreateFeature.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true }, h("feature-list", { class: "height-full", highlightOnMap: true, mapView: this.mapView, noFeaturesFoundMsg: this._translations.featureErrorMsg, onFeatureSelect: this.onFeatureSelectFromList.bind(this), pageSize: 30, selectedLayerId: layerId }))));
     }
     /**
      * Returns the calcite-flow item for feature details

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

@@ -6,11 +6,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as dateToISO } from './date.js';
 import { c as closestElementCrossShadowBoundary, t as toAriaBoolean } from './dom.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
+import { I as InteractiveContainer, c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive.js';
 import { i as isActivationKey } from './key.js';
 import { n as numberStringFormatter } from './locale2.js';
 
-const datePickerDayCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper:before,:host([range]) .day-wrapper:after,:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after{pointer-events:none;position:absolute;inset-block:0;content:\"\";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([highlighted]:not([selected])) .day-wrapper:before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper:after,:host([highlighted]:not([selected])) .day-wrapper:after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([selected]:not(.hover--outside-range)) .day-wrapper:before,:host([selected]:not(.hover--outside-range)) .day-wrapper:after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,:host([highlighted][end-of-range]) .day-wrapper:before,:host([highlighted][range-edge=end]) .day-wrapper:before,:host([range-hover][range-edge=end]) .day-wrapper:before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,:host([highlighted][end-of-range]) .day-wrapper:after,:host([highlighted][range-edge=end]) .day-wrapper:after,:host([range-hover][range-edge=end]) .day-wrapper:after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:before,:host([highlighted][range-edge=start]) .day-wrapper:before,:host([range-hover][range-edge=start]) .day-wrapper:before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,:host([start-of-range].hover--inside-range) .day-wrapper:before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:after,:host([highlighted][range-edge=start]) .day-wrapper:after,:host([range-hover][range-edge=start]) .day-wrapper:after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,:host([start-of-range].hover--inside-range) .day-wrapper:after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,:host([end-of-range]) .day-wrapper:after,:host([end-of-range]) .day-wrapper:before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper:before,:host([range][selected]) .day-wrapper:after,:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:highlight}:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after,:host([range][selected][start-of-range]) .day-wrapper:before,:host([range][selected][start-of-range]) .day-wrapper:after,:host([range][selected][end-of-range]) .day-wrapper:before,:host([range][selected][end-of-range]) .day-wrapper:after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}";
+const datePickerDayCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;cursor:pointer;color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.day-v-wrapper{flex:1 1 auto}.day-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}:host([range]) .day-wrapper:before,:host([range]) .day-wrapper:after,:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after{pointer-events:none;position:absolute;inset-block:0;content:\"\";block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.day{z-index:var(--calcite-z-index);display:flex;align-items:center;justify-content:center;border-radius:9999px;font-size:var(--calcite-font-size--2);line-height:1rem;line-height:1;color:var(--calcite-color-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background:none;box-shadow:0 0 0 2px transparent;block-size:var(--calcite-internal-day-size);inline-size:var(--calcite-internal-day-size)}.text{margin-block:1px 0px;margin-inline-start:0px}:host([scale=s]){--calcite-internal-day-size:27px}:host([scale=s]) .day-v-wrapper{padding-block:0.125rem}:host([scale=s]) .day-wrapper{padding:0px}:host([scale=s]) .day{font-size:var(--calcite-font-size--2)}:host([scale=m]){--calcite-internal-day-size:33px}:host([scale=m]) .day-v-wrapper{padding-block:0.25rem}:host([scale=m]) .day-wrapper{padding:0px}:host([scale=m]) .day{font-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-internal-day-size:43px}:host([scale=l]) .day-v-wrapper{padding-block:0.25rem}:host([scale=l]) .day-wrapper{padding-inline:0.25rem}:host([scale=l]) .day{font-size:var(--calcite-font-size-0)}:host(:not([current-month])) .day{opacity:var(--calcite-opacity-disabled)}:host(:hover:not([disabled]):not([selected])) .day,:host([active]:not([range]):not([selected])) .day{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:focus),:host([active]){outline:2px solid transparent;outline-offset:2px}:host(:focus:not([disabled])) .day{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host([selected]) .day{font-weight:var(--calcite-font-weight-medium);background-color:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}:host(:focus:not([disabled])) .day,:host([start-of-range]:not(:focus)) .day,:host([end-of-range]:not(:focus)) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([highlighted]:not([selected])) .day-wrapper:before{inset-inline-end:50%;border-radius:0}:host([range-hover]:not([selected])) .day-wrapper:after,:host([highlighted]:not([selected])) .day-wrapper:after{inset-inline-start:50%;border-radius:0}:host([range-hover]:not([selected])) .day,:host([highlighted]:not([selected])) .day{color:var(--calcite-color-text-1)}:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([selected]:not(.hover--outside-range)) .day-wrapper:before,:host([selected]:not(.hover--outside-range)) .day-wrapper:after{background-color:var(--calcite-color-foreground-current)}:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:var(--calcite-color-foreground-2)}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:before,:host([highlighted][end-of-range]) .day-wrapper:before,:host([highlighted][range-edge=end]) .day-wrapper:before,:host([range-hover][range-edge=end]) .day-wrapper:before,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:before{inset-inline-end:50%}:host(:hover[range-hover]:not([selected]).focused--end) .day-wrapper:after,:host([highlighted][end-of-range]) .day-wrapper:after,:host([highlighted][range-edge=end]) .day-wrapper:after,:host([range-hover][range-edge=end]) .day-wrapper:after,:host(:hover[range-hover].focused--end.hover--outside-range) .day-wrapper:after{inset-inline-start:50%;border-start-end-radius:var(--calcite-internal-day-size);border-end-end-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:before,:host([highlighted][range-edge=start]) .day-wrapper:before,:host([range-hover][range-edge=start]) .day-wrapper:before,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:before,:host([start-of-range].hover--inside-range) .day-wrapper:before,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:before{inset-inline-end:50%;border-start-start-radius:var(--calcite-internal-day-size);border-end-start-radius:var(--calcite-internal-day-size);inline-size:calc(var(--calcite-internal-day-size) / 2)}:host([highlighted][start-of-range]) .day-wrapper:after,:host([highlighted][range-edge=start]) .day-wrapper:after,:host([range-hover][range-edge=start]) .day-wrapper:after,:host(:hover[range-hover]:not([selected]).focused--start) .day-wrapper:after,:host([start-of-range].hover--inside-range) .day-wrapper:after,:host(:hover[range-hover].focused--start.hover--outside-range) .day-wrapper:after{inset-inline-start:50%}:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:after,:host([range-hover][start-of-range][range-edge=end]) .day-wrapper:before,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:after,:host([range-hover][end-of-range][range-edge=start]) .day-wrapper:before,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:after,:host([start-of-range][range-edge=end].hover--inside-range) .day-wrapper:before,:host([end-of-range]) .day-wrapper:after,:host([end-of-range]) .day-wrapper:before{content:unset}:host(:hover[range-hover]:not([selected]).focused--start) .day,:host(:hover[range-hover]:not([selected]).focused--end) .day,:host(:hover[range-hover]:not([selected]).focused--start.hover--outside-range) .day,:host(:hover[range-hover]:not([selected]).focused--end.hover--outside-range) .day{box-shadow:0 0 0 2px var(--calcite-color-foreground-1)}@media (forced-colors: active){.day{border-radius:0px}:host([selected]){outline:2px solid canvasText}:host(:hover:not([selected])) .day{border-radius:50%}:host([range][selected]) .day-wrapper:before,:host([range][selected]) .day-wrapper:after,:host([highlighted]) .day-wrapper:before,:host([highlighted]) .day-wrapper:after,:host([range-hover]:not([selected])) .day-wrapper:before,:host([range-hover]:not([selected])) .day-wrapper:after{background-color:highlight}:host([range-hover]) .day-wrapper:before,:host([range-hover]) .day-wrapper:after,:host([range][selected][start-of-range]) .day-wrapper:before,:host([range][selected][start-of-range]) .day-wrapper:after,:host([range][selected][end-of-range]) .day-wrapper:before,:host([range][selected][end-of-range]) .day-wrapper:after{background-color:canvas}}:host([hidden]){display:none}[hidden]{display:none}";
 
 const DatePickerDay = /*@__PURE__*/ proxyCustomElement(class DatePickerDay extends HTMLElement {
     constructor() {
@@ -73,20 +73,17 @@ const DatePickerDay = /*@__PURE__*/ proxyCustomElement(class DatePickerDay exten
         }
         const formattedDay = numberStringFormatter.localize(String(this.day));
         const dayLabel = this.dateTimeFormat.format(this.value);
-        return (h(Host, { "aria-disabled": toAriaBoolean(this.disabled), "aria-label": dayLabel, "aria-selected": toAriaBoolean(this.active), id: dayId, onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "button" }, h("div", { "aria-hidden": "true", class: { "day-v-wrapper": true } }, h("div", { class: "day-wrapper" }, h("span", { class: "day" }, h("span", { class: "text" }, formattedDay))))));
+        return (h(Host, { "aria-disabled": toAriaBoolean(this.disabled), "aria-label": dayLabel, "aria-selected": toAriaBoolean(this.active), id: dayId, onClick: this.onClick, onKeyDown: this.keyDownHandler, role: "button", tabIndex: this.active && !this.disabled ? 0 : -1 }, h(InteractiveContainer, { disabled: this.disabled }, h("div", { "aria-hidden": "true", class: { "day-v-wrapper": true } }, h("div", { class: "day-wrapper" }, h("span", { class: "day" }, h("span", { class: "text" }, formattedDay)))))));
     }
     connectedCallback() {
         connectInteractive(this);
     }
     componentDidRender() {
-        updateHostInteraction(this, this.isTabbable);
+        updateHostInteraction(this);
     }
     disconnectedCallback() {
         disconnectInteractive(this);
     }
-    isTabbable() {
-        return this.active;
-    }
     get el() { return this; }
     static get style() { return datePickerDayCss; }
 }, [1, "calcite-date-picker-day", {

package/dist/components/date-picker-month-header.js

@@ -15,20 +15,20 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 const CSS = {
-  header: "header",
-  month: "month",
-  chevron: "chevron",
-  suffix: "suffix",
-  yearSuffix: "year--suffix",
-  yearWrap: "year-wrap",
-  textReverse: "text--reverse",
+    header: "header",
+    month: "month",
+    chevron: "chevron",
+    suffix: "suffix",
+    yearSuffix: "year--suffix",
+    yearWrap: "year-wrap",
+    textReverse: "text--reverse",
 };
 const ICON = {
-  chevronLeft: "chevron-left",
-  chevronRight: "chevron-right",
+    chevronLeft: "chevron-left",
+    chevronRight: "chevron-right",
 };
 
 const datePickerMonthHeaderCss = ":host{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-color-foreground-1);padding-inline:0.25rem;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.chevron:hover,.chevron:focus{background-color:var(--calcite-color-foreground-2);fill:var(--calcite-color-text-1);color:var(--calcite-color-text-1)}.chevron:active{background-color:var(--calcite-color-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-color-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}";

package/dist/components/date-picker.js

@@ -16,7 +16,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 const HEADING_LEVEL = 2;
 const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };
@@ -24,7 +24,7 @@ const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 /**
  * CLDR cache.
@@ -47,21 +47,21 @@ const requestCache = {};
  * @public
  */
 async function getLocaleData(lang) {
-  const locale = getSupportedLocale(lang);
-  if (translationCache[locale]) {
-    return translationCache[locale];
-  }
-  if (!requestCache[locale]) {
-    requestCache[locale] = fetch(getAssetPath(`./assets/date-picker/nls/${locale}.json`))
-      .then((resp) => resp.json())
-      .catch(() => {
-      console.error(`Translations for "${locale}" not found or invalid, falling back to english`);
-      return getLocaleData("en");
-    });
-  }
-  const data = await requestCache[locale];
-  translationCache[locale] = data;
-  return data;
+    const locale = getSupportedLocale(lang);
+    if (translationCache[locale]) {
+        return translationCache[locale];
+    }
+    if (!requestCache[locale]) {
+        requestCache[locale] = fetch(getAssetPath(`./assets/date-picker/nls/${locale}.json`))
+            .then((resp) => resp.json())
+            .catch(() => {
+            console.error(`Translations for "${locale}" not found or invalid, falling back to english`);
+            return getLocaleData("en");
+        });
+    }
+    const data = await requestCache[locale];
+    translationCache[locale] = data;
+    return data;
 }
 /**
  *  Maps value to valueAsDate
@@ -69,7 +69,7 @@ async function getLocaleData(lang) {
  * @param value
  */
 function getValueAsDateRange(value) {
-  return value.map((v, index) => dateFromISO(v, index === 1));
+    return value.map((v, index) => dateFromISO(v, index === 1));
 }
 
 const datePickerCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";
@@ -136,7 +136,7 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends HTM
                 end,
             };
             if (!this.proximitySelectionDisabled) {
-                if (end) {
+                if (start && end) {
                     const startDiff = getDaysDiff(date, start);
                     const endDiff = getDaysDiff(date, end);
                     if (endDiff > 0) {

package/dist/components/date.js

@@ -8,7 +8,7 @@ import { n as numberStringFormatter } from './locale2.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 /**
  * Check if date is within a min and max
@@ -18,13 +18,13 @@ import { n as numberStringFormatter } from './locale2.js';
  * @param max
  */
 function inRange(date, min, max) {
-  if (!date) {
-    return;
-  }
-  const time = date.getTime();
-  const afterMin = !(min instanceof Date) || time >= min.getTime();
-  const beforeMax = !(max instanceof Date) || time <= max.getTime();
-  return afterMin && beforeMax;
+    if (!date) {
+        return;
+    }
+    const time = date.getTime();
+    const afterMin = !(min instanceof Date) || time >= min.getTime();
+    const beforeMax = !(max instanceof Date) || time <= max.getTime();
+    return afterMin && beforeMax;
 }
 /**
  * Ensures date is within range,
@@ -35,19 +35,19 @@ function inRange(date, min, max) {
  * @param max
  */
 function dateFromRange(date, min, max) {
-  if (!(date instanceof Date)) {
-    return null;
-  }
-  const time = date.getTime();
-  const beforeMin = min instanceof Date && time < min.getTime();
-  const afterMax = max instanceof Date && time > max.getTime();
-  if (beforeMin) {
-    return min;
-  }
-  if (afterMax) {
-    return max;
-  }
-  return date;
+    if (!(date instanceof Date)) {
+        return null;
+    }
+    const time = date.getTime();
+    const beforeMin = min instanceof Date && time < min.getTime();
+    const afterMax = max instanceof Date && time > max.getTime();
+    if (beforeMin) {
+        return min;
+    }
+    if (afterMax) {
+        return max;
+    }
+    return date;
 }
 /**
  * Parse an iso8601 string (YYYY-mm-dd) into a valid date.
@@ -57,22 +57,22 @@ function dateFromRange(date, min, max) {
  * @param isEndDate
  */
 function dateFromISO(iso8601, isEndDate = false) {
-  if (iso8601 instanceof Date) {
-    return iso8601;
-  }
-  if (!iso8601 || typeof iso8601 !== "string") {
-    return null;
-  }
-  const d = iso8601.split(/[: T-]/).map(parseFloat);
-  const date = new Date(d[0], (d[1] || 1) - 1, d[2] || 1);
-  date.setFullYear(d[0]);
-  if (isNaN(date.getTime())) {
-    throw new Error(`Invalid ISO 8601 date: "${iso8601}"`);
-  }
-  if (isEndDate) {
-    return setEndOfDay(date);
-  }
-  return date;
+    if (iso8601 instanceof Date) {
+        return iso8601;
+    }
+    if (!iso8601 || typeof iso8601 !== "string") {
+        return null;
+    }
+    const d = iso8601.split(/[: T-]/).map(parseFloat);
+    const date = new Date(d[0], (d[1] || 1) - 1, d[2] || 1);
+    date.setFullYear(d[0]);
+    if (isNaN(date.getTime())) {
+        throw new Error(`Invalid ISO 8601 date: "${iso8601}"`);
+    }
+    if (isEndDate) {
+        return setEndOfDay(date);
+    }
+    return date;
 }
 /**
  * Parse a localized date string into a valid Date.
@@ -82,38 +82,38 @@ function dateFromISO(iso8601, isEndDate = false) {
  * @param localeData
  */
 function dateFromLocalizedString(value, localeData) {
-  if (!localeData) {
+    if (!localeData) {
+        return null;
+    }
+    const { separator } = localeData;
+    const parts = parseDateString(value, localeData);
+    const { day, month } = parts;
+    const year = parseCalendarYear(parts.year, localeData);
+    const date = new Date(year, month, day);
+    date.setFullYear(year);
+    const validDay = day > 0;
+    const validMonth = month > -1;
+    const validDate = !isNaN(date.getTime());
+    const validLength = value.split(separator).filter((c) => c).length > 2;
+    const validYear = year.toString().length > 0;
+    if (validDay && validMonth && validDate && validLength && validYear) {
+        return date;
+    }
     return null;
-  }
-  const { separator } = localeData;
-  const parts = parseDateString(value, localeData);
-  const { day, month } = parts;
-  const year = parseCalendarYear(parts.year, localeData);
-  const date = new Date(year, month, day);
-  date.setFullYear(year);
-  const validDay = day > 0;
-  const validMonth = month > -1;
-  const validDate = !isNaN(date.getTime());
-  const validLength = value.split(separator).filter((c) => c).length > 2;
-  const validYear = year.toString().length > 0;
-  if (validDay && validMonth && validDate && validLength && validYear) {
-    return date;
-  }
-  return null;
 }
 function parseCalendarYear(year, localeData) {
-  return processCalendarYear(year, localeData, "read");
+    return processCalendarYear(year, localeData, "read");
 }
 function formatCalendarYear(year, localeData) {
-  return processCalendarYear(year, localeData, "write");
+    return processCalendarYear(year, localeData, "write");
 }
 function processCalendarYear(year, localeData, mode) {
-  if (localeData["default-calendar"] !== "buddhist") {
-    return year;
-  }
-  const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
-  const yearOffset = BUDDHIST_CALENDAR_YEAR_OFFSET * (mode === "read" ? -1 : 1);
-  return year + yearOffset;
+    if (localeData["default-calendar"] !== "buddhist") {
+        return year;
+    }
+    const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
+    const yearOffset = BUDDHIST_CALENDAR_YEAR_OFFSET * (mode === "read" ? -1 : 1);
+    return year + yearOffset;
 }
 /**
  * Retrieve day, month, and year strings from a localized string
@@ -122,13 +122,13 @@ function processCalendarYear(year, localeData, mode) {
  * @param localeData
  */
 function datePartsFromLocalizedString(string, localeData) {
-  const { separator, unitOrder } = localeData;
-  const order = getOrder(unitOrder);
-  const values = string.split(separator).map((part) => numberStringFormatter.delocalize(part));
-  const day = values[order.indexOf("d")];
-  const month = values[order.indexOf("m")];
-  const year = values[order.indexOf("y")];
-  return { day, month, year };
+    const { separator, unitOrder } = localeData;
+    const order = getOrder(unitOrder);
+    const values = string.split(separator).map((part) => numberStringFormatter.delocalize(part));
+    const day = values[order.indexOf("d")];
+    const month = values[order.indexOf("m")];
+    const year = values[order.indexOf("y")];
+    return { day, month, year };
 }
 /**
  * Return first portion of ISO string (YYYY-mm-dd)
@@ -136,10 +136,10 @@ function datePartsFromLocalizedString(string, localeData) {
  * @param date
  */
 function dateToISO(date) {
-  if (date instanceof Date) {
-    return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().split("T")[0];
-  }
-  return "";
+    if (date instanceof Date) {
+        return new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().split("T")[0];
+    }
+    return "";
 }
 /**
  * Retrieve day, month, and year strings from a ISO string (YYYY-mm-dd)
@@ -148,8 +148,8 @@ function dateToISO(date) {
  * @param isoDate
  */
 function datePartsFromISO(isoDate) {
-  const dateParts = isoDate.split("-");
-  return { day: dateParts[2], month: dateParts[1], year: dateParts[0] };
+    const dateParts = isoDate.split("-");
+    return { day: dateParts[2], month: dateParts[1], year: dateParts[0] };
 }
 /**
  * Check if two dates are the same day, month, year
@@ -158,11 +158,11 @@ function datePartsFromISO(isoDate) {
  * @param d2
  */
 function sameDate(d1, d2) {
-  return (d1 instanceof Date &&
-    d2 instanceof Date &&
-    d1.getDate() === d2.getDate() &&
-    d1.getMonth() === d2.getMonth() &&
-    d1.getFullYear() === d2.getFullYear());
+    return (d1 instanceof Date &&
+        d2 instanceof Date &&
+        d1.getDate() === d2.getDate() &&
+        d1.getMonth() === d2.getMonth() &&
+        d1.getFullYear() === d2.getFullYear());
 }
 /**
  * Get a date one month in the past
@@ -170,14 +170,14 @@ function sameDate(d1, d2) {
  * @param date
  */
 function prevMonth(date) {
-  const month = date.getMonth();
-  const nextDate = new Date(date);
-  nextDate.setMonth(month - 1);
-  // date doesn't exist in new month, use last day
-  if (month === nextDate.getMonth()) {
-    return new Date(date.getFullYear(), month, 0);
-  }
-  return nextDate;
+    const month = date.getMonth();
+    const nextDate = new Date(date);
+    nextDate.setMonth(month - 1);
+    // date doesn't exist in new month, use last day
+    if (month === nextDate.getMonth()) {
+        return new Date(date.getFullYear(), month, 0);
+    }
+    return nextDate;
 }
 /**
  * Get a date one month in the future
@@ -185,14 +185,14 @@ function prevMonth(date) {
  * @param date
  */
 function nextMonth(date) {
-  const month = date.getMonth();
-  const nextDate = new Date(date);
-  nextDate.setMonth(month + 1);
-  // date doesn't exist in new month, use last day
-  if ((month + 2) % 7 === nextDate.getMonth() % 7) {
-    return new Date(date.getFullYear(), month + 2, 0);
-  }
-  return nextDate;
+    const month = date.getMonth();
+    const nextDate = new Date(date);
+    nextDate.setMonth(month + 1);
+    // date doesn't exist in new month, use last day
+    if ((month + 2) % 7 === nextDate.getMonth() % 7) {
+        return new Date(date.getFullYear(), month + 2, 0);
+    }
+    return nextDate;
 }
 /**
  * Parse numeric units for day, month, and year from a localized string
@@ -203,12 +203,12 @@ function nextMonth(date) {
  * @param localeData
  */
 function parseDateString(string, localeData) {
-  const { day, month, year } = datePartsFromLocalizedString(string, localeData);
-  return {
-    day: parseInt(day),
-    month: parseInt(month) - 1,
-    year: parseInt(year),
-  };
+    const { day, month, year } = datePartsFromLocalizedString(string, localeData);
+    return {
+        day: parseInt(day),
+        month: parseInt(month) - 1,
+        year: parseInt(year),
+    };
 }
 /**
  * Based on the unitOrder string, find order of month, day, and year for locale
@@ -216,9 +216,9 @@ function parseDateString(string, localeData) {
  * @param unitOrder
  */
 function getOrder(unitOrder) {
-  const signifiers = ["d", "m", "y"];
-  const order = unitOrder.toLowerCase();
-  return signifiers.sort((a, b) => order.indexOf(a) - order.indexOf(b));
+    const signifiers = ["d", "m", "y"];
+    const order = unitOrder.toLowerCase();
+    return signifiers.sort((a, b) => order.indexOf(a) - order.indexOf(b));
 }
 /**
  * Get number of days between two dates
@@ -227,9 +227,9 @@ function getOrder(unitOrder) {
  * @param date2
  */
 function getDaysDiff(date1, date2) {
-  const ts1 = date1.getTime();
-  const ts2 = date2.getTime();
-  return (ts1 - ts2) / (1000 * 3600 * 24);
+    const ts1 = date1.getTime();
+    const ts2 = date2.getTime();
+    return (ts1 - ts2) / (1000 * 3600 * 24);
 }
 /**
  * Set time of the day to the end.
@@ -238,8 +238,8 @@ function getDaysDiff(date1, date2) {
  * @returns {Date} Date with time set to end of day .
  */
 function setEndOfDay(date) {
-  date.setHours(23, 59, 59, 999);
-  return date;
+    date.setHours(23, 59, 59, 999);
+    return date;
 }
 
 export { dateToISO as a, dateFromRange as b, sameDate as c, dateFromISO as d, getOrder as e, formatCalendarYear as f, getDaysDiff as g, parseCalendarYear as h, inRange as i, datePartsFromISO as j, datePartsFromLocalizedString as k, dateFromLocalizedString as l, nextMonth as n, prevMonth as p, setEndOfDay as s };