@esri/calcite-components 1.5.0-next.3 → 1.5.0-next.30

package/dist/collection/components/inline-editable/inline-editable.css

@@ -1,118 +1,8 @@
 /* mixins & extensions */
-@keyframes in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes in-down {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, -5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-up {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, 5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-right {
-  0% {
-    opacity: 0;
-    transform: translate3D(-5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-left {
-  0% {
-    opacity: 0;
-    transform: translate3D(5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-scale {
-  0% {
-    opacity: 0;
-    transform: scale3D(0.95, 0.95, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: scale3D(1, 1, 1);
-  }
-}
-:root {
-  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
-  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));
-}
-
-.calcite-animate {
-  opacity: 0;
-  animation-fill-mode: both;
-  animation-duration: var(--calcite-animation-timing);
-}
-
-.calcite-animate__in {
-  animation-name: in;
-}
-
-.calcite-animate__in-down {
-  animation-name: in-down;
-}
-
-.calcite-animate__in-up {
-  animation-name: in-up;
-}
-
-.calcite-animate__in-right {
-  animation-name: in-right;
-}
-
-.calcite-animate__in-left {
-  animation-name: in-left;
-}
-
-.calcite-animate__in-scale {
-  animation-name: in-scale;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root {
-    --calcite-internal-duration-factor: 0.01;
-  }
-}
 /* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */
-:root {
-  --calcite-floating-ui-transition: var(--calcite-animation-timing);
-  --calcite-floating-ui-z-index: var(--calcite-app-z-index-dropdown);
-}
-
-:host([hidden]) {
-  display: none;
-}
-
 :host([disabled]) {
   cursor: default;
   -webkit-user-select: none;
@@ -167,4 +57,12 @@
 :host([disabled]) [calcite-hydrated][disabled] {
   /* prevent opacity stacking */
   opacity: 1;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
 }

package/dist/collection/components/inline-editable/inline-editable.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { CSS } from "./resources";
 /**
  * @slot - A slot for adding a `calcite-input`.
@@ -148,7 +148,7 @@ export class InlineEditable {
   render() {
     return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { class: CSS.inputWrapper }, h("slot", null)), h("div", { class: CSS.controlsWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, scale: this.scale, style: {
         opacity: this.editingEnabled ? "0" : "1",
-        width: this.editingEnabled ? "0" : "inherit"
+        width: this.editingEnabled ? "0" : "inherit",
       }, type: "button",
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.enableEditingButton = el) }), this.shouldShowControls && [
@@ -157,7 +157,7 @@ export class InlineEditable {
         ref: (el) => (this.cancelEditingButton = el) })),
       h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, scale: this.scale, type: "button",
         // eslint-disable-next-line react/jsx-sort-props
-        ref: (el) => (this.confirmEditingButton = el) })
+        ref: (el) => (this.confirmEditingButton = el) }),
     ])));
   }
   //--------------------------------------------------------------------------
@@ -180,7 +180,7 @@ export class InlineEditable {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     this.el?.focus();
   }
   //--------------------------------------------------------------------------
@@ -197,7 +197,7 @@ export class InlineEditable {
   }
   updateSlottedInput() {
     const inputElement = getSlotted(this.el, {
-      matches: "calcite-input"
+      matches: "calcite-input",
     });
     this.inputElement = inputElement;
     if (!inputElement) {

package/dist/collection/components/inline-editable/resources.js

@@ -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.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 export const CSS = {
   wrapper: "wrapper",
@@ -10,5 +10,5 @@ export const CSS = {
   inputWrapper: "input-wrapper",
   cancelEditingButtonWrapper: "cancel-editing-button-wrapper",
   enableEditingButton: "enable-editing-button",
-  controlsWrapper: "controls-wrapper"
+  controlsWrapper: "controls-wrapper",
 };

package/dist/collection/components/input/input.css

@@ -1,118 +1,8 @@
 /* mixins & extensions */
-@keyframes in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes in-down {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, -5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-up {
-  0% {
-    opacity: 0;
-    transform: translate3D(0, 5px, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-right {
-  0% {
-    opacity: 0;
-    transform: translate3D(-5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-left {
-  0% {
-    opacity: 0;
-    transform: translate3D(5px, 0, 0);
-  }
-  100% {
-    opacity: 1;
-    transform: translate3D(0, 0, 0);
-  }
-}
-@keyframes in-scale {
-  0% {
-    opacity: 0;
-    transform: scale3D(0.95, 0.95, 1);
-  }
-  100% {
-    opacity: 1;
-    transform: scale3D(1, 1, 1);
-  }
-}
-:root {
-  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
-  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));
-  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));
-}
-
-.calcite-animate {
-  opacity: 0;
-  animation-fill-mode: both;
-  animation-duration: var(--calcite-animation-timing);
-}
-
-.calcite-animate__in {
-  animation-name: in;
-}
-
-.calcite-animate__in-down {
-  animation-name: in-down;
-}
-
-.calcite-animate__in-up {
-  animation-name: in-up;
-}
-
-.calcite-animate__in-right {
-  animation-name: in-right;
-}
-
-.calcite-animate__in-left {
-  animation-name: in-left;
-}
-
-.calcite-animate__in-scale {
-  animation-name: in-scale;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root {
-    --calcite-internal-duration-factor: 0.01;
-  }
-}
 /* helper to properly scale internal durations */
 /**
 * Currently only used in Checkbox.
 */
-:root {
-  --calcite-floating-ui-transition: var(--calcite-animation-timing);
-  --calcite-floating-ui-z-index: var(--calcite-app-z-index-dropdown);
-}
-
-:host([hidden]) {
-  display: none;
-}
-
 :host([disabled]) {
   cursor: default;
   -webkit-user-select: none;
@@ -696,4 +586,12 @@ input[type=time]::-webkit-clear-button {
   transform: none !important;
   -webkit-appearance: none !important;
   z-index: -1 !important;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+[hidden] {
+  display: none;
 }

package/dist/collection/components/input/input.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
-import { h, Host } from "@stencil/core";
-import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
-import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { h, Host, } from "@stencil/core";
+import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon, } from "../../utils/dom";
+import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm, } from "../../utils/form";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
-import { connectLocalized, defaultNumberingSystem, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
-import { BigDecimal, isValidNumber, parseNumberString, sanitizeNumberString } from "../../utils/number";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { connectLocalized, disconnectLocalized, numberStringFormatter, } from "../../utils/locale";
+import { addLocalizedTrailingDecimalZeros, BigDecimal, isValidNumber, parseNumberString, sanitizeNumberString, } from "../../utils/number";
 import { createObserver } from "../../utils/observers";
 import { CSS_UTILITY } from "../../utils/resources";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { CSS, INPUT_TYPE_ICONS, SLOTS } from "./resources";
 /**
  * @slot action - A slot for positioning a `calcite-button` next to the component.
@@ -50,7 +50,7 @@ export class Input {
         committing: true,
         nativeEvent,
         origin: "user",
-        value: ""
+        value: "",
       });
     };
     this.emitChangeIfUserModified = () => {
@@ -87,7 +87,7 @@ export class Input {
       this.setValue({
         nativeEvent,
         origin: "user",
-        value: nativeEvent.target.value
+        value: nativeEvent.target.value,
       });
     };
     this.inputKeyDownHandler = (event) => {
@@ -106,7 +106,7 @@ export class Input {
       numberStringFormatter.numberFormatOptions = {
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        useGrouping: this.groupSeparator
+        useGrouping: this.groupSeparator,
       };
       const delocalizedValue = numberStringFormatter.delocalize(value);
       if (nativeEvent.inputType === "insertFromPaste") {
@@ -116,7 +116,7 @@ export class Input {
         this.setValue({
           nativeEvent,
           origin: "user",
-          value: parseNumberString(delocalizedValue)
+          value: parseNumberString(delocalizedValue),
         });
         this.childNumberEl.value = this.localizedValue;
       }
@@ -124,7 +124,7 @@ export class Input {
         this.setValue({
           nativeEvent,
           origin: "user",
-          value: delocalizedValue
+          value: delocalizedValue,
         });
       }
     };
@@ -150,13 +150,13 @@ export class Input {
         "Delete",
         "Enter",
         "Escape",
-        "Tab"
+        "Tab",
       ];
       if (event.altKey || event.ctrlKey || event.metaKey) {
         return;
       }
       const isShiftTabEvent = event.shiftKey && event.key === "Tab";
-      if (supportedKeys.includes(event.key) && (!event.shiftKey || isShiftTabEvent)) {
+      if (supportedKeys.includes(event.key) || isShiftTabEvent) {
         if (event.key === "Enter") {
           this.emitChangeIfUserModified();
         }
@@ -165,7 +165,7 @@ export class Input {
       numberStringFormatter.numberFormatOptions = {
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        useGrouping: this.groupSeparator
+        useGrouping: this.groupSeparator,
       };
       if (event.key === numberStringFormatter.decimal) {
         if (!this.value && !this.childNumberEl.value) {
@@ -230,7 +230,7 @@ export class Input {
       if (event.target.name === this.name) {
         this.setValue({
           value: event.target.value,
-          origin: "direct"
+          origin: "direct",
         });
       }
       event.stopPropagation();
@@ -256,7 +256,7 @@ export class Input {
     this.setPreviousValue = (value) => {
       this.previousValue = this.normalizeValue(value);
     };
-    this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
+    this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value, }) => {
       this.setPreviousValue(previousValue ?? this.value);
       this.previousValueOrigin = origin;
       if (this.type === "number") {
@@ -264,21 +264,25 @@ export class Input {
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
           useGrouping: this.groupSeparator,
-          signDisplay: "never"
+          signDisplay: "never",
         };
-        const sanitizedValue = sanitizeNumberString(
-        // no need to delocalize a string that ia already in latn numerals
-        (this.numberingSystem && this.numberingSystem !== "latn") ||
-          defaultNumberingSystem !== "latn"
-          ? numberStringFormatter.delocalize(value)
-          : value);
+        const isValueDeleted = this.previousValue?.length > value.length || this.value?.length > value.length;
+        const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === ".";
+        const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);
         const newValue = value && !sanitizedValue
           ? isValidNumber(this.previousValue)
             ? this.previousValue
             : ""
           : sanitizedValue;
-        const newLocalizedValue = numberStringFormatter.localize(newValue);
-        this.localizedValue = newLocalizedValue;
+        let newLocalizedValue = numberStringFormatter.localize(newValue);
+        if (origin !== "connected" && !hasTrailingDecimalSeparator) {
+          newLocalizedValue = addLocalizedTrailingDecimalZeros(newLocalizedValue, newValue, numberStringFormatter);
+        }
+        // adds localized trailing decimal separator
+        this.localizedValue =
+          hasTrailingDecimalSeparator && isValueDeleted
+            ? `${newLocalizedValue}${numberStringFormatter.decimal}`
+            : newLocalizedValue;
         this.userChangedValue = origin === "user" && this.value !== newValue;
         // don't sanitize the start of negative/decimal numbers, but
         // don't set value to an invalid number
@@ -378,7 +382,7 @@ export class Input {
             ? isValidNumber(newValue)
               ? newValue
               : this.previousValue || ""
-            : newValue
+            : newValue,
       });
       this.warnAboutInvalidNumberValue(newValue);
     }
@@ -417,7 +421,7 @@ export class Input {
       this.warnAboutInvalidNumberValue(this.value);
       this.setValue({
         origin: "connected",
-        value: isValidNumber(this.value) ? this.value : ""
+        value: isValidNumber(this.value) ? this.value : "",
       });
     }
     this.mutationObserver?.observe(this.el, { childList: true });
@@ -448,7 +452,7 @@ export class Input {
     if (this.type === "number" && property === "value" && newValue && !isValidNumber(newValue)) {
       this.setValue({
         origin: "reset",
-        value: oldValue
+        value: oldValue,
       });
       return false;
     }
@@ -464,7 +468,7 @@ export class Input {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     if (this.type === "number") {
       this.childNumberEl?.focus();
     }
@@ -481,17 +485,6 @@ export class Input {
       this.childEl?.select();
     }
   }
-  // TODO: refactor so we don't need to sync the internals in color-picker
-  // https://github.com/Esri/calcite-components/issues/6100
-  /** @internal */
-  async internalSyncChildElValue() {
-    if (this.type === "number") {
-      this.childNumberEl.value = this.value;
-    }
-    else {
-      this.childEl.value = this.value;
-    }
-  }
   onLabelClick() {
     this.setFocus();
   }
@@ -516,13 +509,13 @@ export class Input {
       committing: true,
       nativeEvent,
       origin: "user",
-      value: finalValue
+      value: finalValue,
     });
   }
   onFormReset() {
     this.setValue({
       origin: "reset",
-      value: this.defaultValue
+      value: this.defaultValue,
     });
   }
   syncHiddenFormInput(input) {
@@ -578,11 +571,11 @@ export class Input {
     const isHorizontalNumberButton = this.numberButtonType === "horizontal";
     const numberButtonsHorizontalUp = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
-        [CSS.buttonItemHorizontal]: isHorizontalNumberButton
+        [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
       }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-up", scale: this.scale === "l" ? "m" : "s" })));
     const numberButtonsHorizontalDown = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
-        [CSS.buttonItemHorizontal]: isHorizontalNumberButton
+        [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
       }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-down", scale: this.scale === "l" ? "m" : "s" })));
     const numberButtonsVertical = (h("div", { class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
     const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
@@ -594,11 +587,11 @@ export class Input {
       ? [
         h(this.childElType, { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, class: {
             [CSS.editingEnabled]: this.editingEnabled,
-            [CSS.inlineChild]: !!this.inlineEditableEl
+            [CSS.inlineChild]: !!this.inlineEditableEl,
           }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value,
           // eslint-disable-next-line react/jsx-sort-props
           ref: this.setChildElRef }),
-        this.isTextarea ? (h("div", { class: CSS.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: this.scale === "l" ? "m" : "s" }))) : null
+        this.isTextarea ? (h("div", { class: CSS.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: this.scale === "l" ? "m" : "s" }))) : null,
       ]
       : null;
     return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
@@ -1517,25 +1510,6 @@ export class Input {
           "text": "Selects the text of the component's `value`.",
           "tags": []
         }
-      },
-      "internalSyncChildElValue": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": [{
-              "name": "internal",
-              "text": undefined
-            }]
-        }
       }
     };
   }

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

@@ -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.5.0-next.2
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.30
  */
 export const CSS = {
   loader: "loader",
@@ -17,7 +17,7 @@ export const CSS = {
   inputWrapper: "wrapper",
   actionWrapper: "action-wrapper",
   resizeIconWrapper: "resize-icon-wrapper",
-  numberButtonItem: "number-button-item"
+  numberButtonItem: "number-button-item",
 };
 export const INPUT_TYPE_ICONS = {
   tel: "phone",
@@ -25,8 +25,8 @@ export const INPUT_TYPE_ICONS = {
   email: "email-address",
   date: "calendar",
   time: "clock",
-  search: "search"
+  search: "search",
 };
 export const SLOTS = {
-  action: "action"
+  action: "action",
 };

package/dist/collection/components/input-date-picker/assets/input-date-picker/t9n/index.d.ts

@@ -1,3 +1,4 @@
 export type InputDatePickerMessages = {
   chooseDate: string;
+  dateFormat: string;
 };

package/dist/collection/components/input-date-picker/assets/input-date-picker/t9n/messages.json

@@ -1,3 +1,4 @@
 {
-  "chooseDate": "Choose date"
+  "chooseDate": "Choose date",
+  "dateFormat": "Date Format:"
 }

package/dist/collection/components/input-date-picker/assets/input-date-picker/t9n/messages_en.json

@@ -1,3 +1,4 @@
 {
-  "chooseDate": "Choose date"
+  "chooseDate": "Choose date",
+  "dateFormat": "Date Format:"
 }