@esri/calcite-components 1.0.0-beta.97 → 1.0.0-beta.99

package/dist/types/components/chip/chip.d.ts

@@ -1,34 +1,23 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ChipColor } from "./interfaces";
-import { Appearance, DeprecatedEventPayload, Scale } from "../interfaces";
+import { Appearance, Kind, Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { ChipMessages } from "./assets/chip/t9n";
+import { T9nComponent } from "../../utils/t9n";
+import { LocalizedComponent } from "../../utils/locale";
+import { LoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding text.
  * @slot image - A slot for adding an image.
  */
-export declare class Chip implements ConditionalSlotComponent {
+export declare class Chip implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   /** Specifies the appearance style of the component. */
-  appearance: Extract<"solid" | "clear", Appearance>;
-  /** Specifies the color for the component. */
-  color: ChipColor;
-  /**
-   * When `true`, a close button is added to the component.
-   *
-   * @deprecated use `closable` instead.
-   */
-  dismissible: boolean;
-  handleDismissible(value: boolean): void;
+  appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
+  /** Specifies the kind of the component (will apply to border and background if applicable). */
+  kind: Extract<"brand" | "inverse" | "neutral", Kind>;
   /** When `true`, a close button is added to the component. */
   closable: boolean;
-  handleClosable(value: boolean): void;
-  /**
-   * Accessible name for the component's close button.
-   *
-   * @default "Close"
-   */
-  dismissLabel?: string;
   /** Specifies an icon to display. */
-  icon?: string;
+  icon: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Specifies the size of the component. */
@@ -37,20 +26,43 @@ export declare class Chip implements ConditionalSlotComponent {
   value: any;
   /** When `true`, hides the component. */
   closed: boolean;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<ChipMessages>;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: ChipMessages;
+  onMessagesChange(): void;
   el: HTMLCalciteChipElement;
+  defaultMessages: ChipMessages;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
   connectedCallback(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**
-   * Fires when the dismiss button is clicked.
-   *
-   * **Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead.
+   * Fires when the close button is clicked.
    */
-  calciteChipDismiss: EventEmitter<DeprecatedEventPayload>;
+  calciteChipClose: EventEmitter<void>;
   closeClickHandler: (event: MouseEvent) => void;
+  private updateHasContent;
+  private setupTextContentObserver;
+  private handleSlotImageChange;
+  /** watches for changing text content */
+  private mutationObserver;
   private closeButton;
   private guid;
+  /** determine if there is slotted content for styling purposes */
+  private hasContent;
+  /** determine if there is slotted image for styling purposes */
+  private hasImage;
   renderChipImage(): VNode;
   render(): VNode;
 }

package/dist/types/components/chip/resources.d.ts

@@ -4,9 +4,9 @@ export declare const CSS: {
   imageContainer: string;
   chipIcon: string;
   closeIcon: string;
-};
-export declare const TEXT: {
-  close: string;
+  contentSlotted: string;
+  container: string;
+  imageSlotted: string;
 };
 export declare const SLOTS: {
   image: string;

package/dist/types/components/color-picker/assets/color-picker/t9n/index.d.ts

@@ -1,4 +1,4 @@
-export type Messages = {
+export type ColorPickerMessages = {
   b: string;
   blue: string;
   deleteColor: string;
@@ -9,6 +9,7 @@ export type Messages = {
   hex: string;
   hue: string;
   noColor: string;
+  opacity: string;
   r: string;
   red: string;
   rgb: string;

package/dist/types/components/color-picker/color-picker.d.ts

@@ -1,11 +1,15 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import Color from "color";
-import { ColorAppearance, ColorMode, ColorValue, InternalColor } from "./interfaces";
-import { Scale } from "../interfaces";
+import { ColorMode, ColorValue, InternalColor } from "./interfaces";
+import { Appearance, Scale } from "../interfaces";
 import { Format } from "./utils";
 import { InteractiveComponent } from "../../utils/interactive";
+import { ColorPickerMessages } from "./assets/color-picker/t9n";
+import { T9nComponent } from "../../utils/t9n";
+import { LocalizedComponent } from "../../utils/locale";
 import { NumberingSystem } from "../../utils/locale";
-export declare class ColorPicker implements InteractiveComponent {
+import { LoadableComponent } from "../../utils/loadable";
+export declare class ColorPicker implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
   el: HTMLCalciteColorPickerElement;
   /**
    * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.
@@ -15,10 +19,8 @@ export declare class ColorPicker implements InteractiveComponent {
   allowEmpty: boolean;
   /**
    * Specifies the appearance style of the component -
-   *
-   * `"solid"` (containing border) or `"minimal"` (no containing border).
    */
-  appearance: ColorAppearance;
+  appearance: Extract<"minimal" | "solid", Appearance>;
   /**
    * Internal prop for advanced use-cases.
    *
@@ -45,127 +47,18 @@ export declare class ColorPicker implements InteractiveComponent {
   hideChannels: boolean;
   /** When `true`, hides the saved colors section. */
   hideSaved: boolean;
-  /**
-   * Accessible name for the RGB section's blue channel.
-   *
-   * @default "B"
-   */
-  intlB: string;
-  /**
-   * Accessible name for the RGB section's blue channel description.
-   *
-   * @default "Blue"
-   */
-  intlBlue: string;
-  /**
-   * Accessible name for the delete color button.
-   *
-   * @default "Delete color"
-   */
-  intlDeleteColor: string;
-  /**
-   * Accessible name for the RGB section's green channel.
-   *
-   * @default "G"
-   */
-  intlG: string;
-  /**
-   * Accessible name for the RGB section's green channel description.
-   *
-   * @default "Green"
-   */
-  intlGreen: string;
-  /**
-   * Accessible name for the HSV section's hue channel.
-   *
-   * @default "H"
-   */
-  intlH: string;
-  /**
-   * Accessible name for the HSV mode.
-   *
-   * @default "HSV"
-   */
-  intlHsv: string;
-  /**
-   * Accessible name for the Hex input.
-   *
-   * @default "Hex"
-   */
-  intlHex: string;
-  /**
-   * Accessible name for the HSV section's hue channel description.
-   *
-   * @default "Hue"
-   */
-  intlHue: string;
-  /**
-   * Accessible name for the Hex input when there is no color selected.
-   *
-   * @default "No color"
-   */
-  intlNoColor: string;
-  /**
-   * Accessible name for the RGB section's red channel.
-   *
-   * @default "R"
-   */
-  intlR: string;
-  /**
-   * Accessible name for the RGB section's red channel description.
-   *
-   * @default "Red"
-   */
-  intlRed: string;
-  /**
-   * Accessible name for the RGB mode.
-   *
-   * @default "RGB"
-   */
-  intlRgb: string;
-  /**
-   * Accessible name for the HSV section's saturation channel.
-   *
-   * @default "S"
-   */
-  intlS: string;
-  /**
-   * Accessible name for the HSV section's saturation channel description.
-   *
-   * @default "Saturation"
-   */
-  intlSaturation: string;
-  /**
-   * Accessible name for the save color button.
-   *
-   * @default "Save color"
-   */
-  intlSaveColor: string;
-  /**
-   * Accessible name for the saved colors section.
-   *
-   * @default "Saved"
-   */
-  intlSaved: string;
-  /**
-   * Accessible name for the HSV section's value channel.
-   *
-   * @default "V"
-   */
-  intlV: string;
-  /**
-   * Accessible name for the HSV section's value channel description.
-   *
-   * @default "Value"
-   */
-  intlValue: string;
   /** Specifies the size of the component. */
   scale: Scale;
   handleScaleChange(scale?: Scale): void;
   /** Specifies the storage ID for colors. */
   storageId: string;
+  /**
+   * Use this property to override individual strings used by the component.
+   */
+  messageOverrides: Partial<ColorPickerMessages>;
+  onMessagesChange(): void;
   /** Specifies the Unicode numeral system used by the component for localization. */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /**
    * The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object.
    *
@@ -189,6 +82,7 @@ export declare class ColorPicker implements InteractiveComponent {
   private mode;
   private shiftKeyChannelAdjustment;
   private sliderThumbState;
+  defaultMessages: ColorPickerMessages;
   colorFieldAndSliderInteractive: boolean;
   channelMode: ColorMode;
   channels: [number, number, number];
@@ -205,6 +99,14 @@ export declare class ColorPicker implements InteractiveComponent {
       radius: number;
     };
   };
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  /**
+   * Made into a prop for testing purposes only
+   *
+   * @internal
+   */
+  messages: ColorPickerMessages;
   savedColors: string[];
   colorFieldScopeTop: number;
   colorFieldScopeLeft: number;
@@ -237,7 +139,9 @@ export declare class ColorPicker implements InteractiveComponent {
   private handleColorFieldAndSliderPointerEnterOrMove;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
+  connectedCallback(): void;
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;
   render(): VNode;

package/dist/types/components/color-picker/interfaces.d.ts

@@ -1,5 +1,4 @@
 import type Color from "color";
-export declare type ColorAppearance = "default" | "minimal" | "solid";
 export declare type ColorMode = "rgb" | "hsv";
 export declare type InternalColor = Color;
 export declare type ColorValue = string | RGB | RGBA | HSV | HSVA | HSL | HSLA;

package/dist/types/components/color-picker/resources.d.ts

@@ -37,27 +37,6 @@ export declare const HSV_LIMITS: {
   s: number;
   v: number;
 };
-export declare const TEXT: {
-  b: string;
-  blue: string;
-  deleteColor: string;
-  g: string;
-  green: string;
-  h: string;
-  hsv: string;
-  hex: string;
-  hue: string;
-  noColor: string;
-  r: string;
-  red: string;
-  rgb: string;
-  s: string;
-  saturation: string;
-  saveColor: string;
-  saved: string;
-  v: string;
-  value: string;
-};
 export declare const DIMENSIONS: {
   s: {
     slider: {

package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts

@@ -2,27 +2,22 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import Color from "color";
 import { Scale } from "../interfaces";
 import { NumberingSystem } from "../../utils/locale";
-export declare class ColorPickerHexInput {
+import { LoadableComponent } from "../../utils/loadable";
+export declare class ColorPickerHexInput implements LoadableComponent {
   el: HTMLCalciteColorPickerHexInputElement;
+  /**
+   * Specifies accessible label for the input field.
+   */
+  hexLabel: string;
   connectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   /**
    * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.
    *
    * When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
    */
   allowEmpty: boolean;
-  /**
-   * Accessible name for the Hex input.
-   *
-   * @default "Hex"
-   */
-  intlHex: string;
-  /**
-   * Accessible name for the Hex input when there is no color selected.
-   *
-   * @default "No color"
-   */
-  intlNoColor: string;
   /** Specifies the size of the component. */
   scale: Scale;
   /**

package/dist/types/components/combobox/assets/combobox/t9n/index.d.ts

@@ -1,3 +1,3 @@
-export type Messages = {
+export type ComboboxMessages = {
   removeTag: string;
 };

package/dist/types/components/combobox/combobox.d.ts

@@ -1,11 +1,14 @@
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { OverlayPositioning, FloatingUIComponent, LogicalPlacement, EffectivePlacement } from "../../utils/floating-ui";
-import { DeprecatedEventPayload, Scale } from "../interfaces";
-import { ComboboxSelectionMode, ComboboxChildElement } from "./interfaces";
+import { Scale, SelectionMode } from "../interfaces";
+import { ComboboxChildElement } from "./interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
+import { T9nComponent } from "../../utils/t9n";
+import { ComboboxMessages } from "./assets/combobox/t9n";
+import { LoadableComponent } from "../../utils/loadable";
 interface ItemData {
   label: string;
   value: string;
@@ -13,15 +16,8 @@ interface ItemData {
 /**
  * @slot - A slot for adding `calcite-combobox-item`s.
  */
-export declare class Combobox implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent {
+export declare class Combobox implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent, T9nComponent, LoadableComponent {
   el: HTMLCalciteComboboxElement;
-  /**
-   * When `true`, displays and positions the component.
-   *
-   * @deprecated use `open` instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
   /**When `true`, displays and positions the component. */
   open: boolean;
   openHandler(value: boolean): void;
@@ -31,9 +27,11 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   /** Accessible name for the component. */
   label: string;
   /** Specifies the placeholder text for the input. */
-  placeholder?: string;
+  placeholder: string;
   /** Specifies the placeholder icon for the input. */
-  placeholderIcon?: string;
+  placeholderIcon: string;
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+  placeholderIconFlipRtl: boolean;
   /** Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar. */
   maxItems: number;
   maxItemsHandler(): void;
@@ -58,28 +56,46 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
    */
   required: boolean;
   /**
-   * Specifies the selection mode -
-   * `"multi"` (allow any number of selected items),
-   * `"single"` (allow only one selection), or
-   * `"ancestors"` (like `"multi"`, but show ancestors of selected items as selected. Only the deepest children are shown in `calcite-chip`s).
+   * specify the selection mode
+   * - multiple: allow any number of selected items (default)
+   * - single: only one selection)
+   * - ancestors: like multiple, but show ancestors of selected items as selected, only deepest children shown in chips
    */
-  selectionMode: ComboboxSelectionMode;
+  selectionMode: Extract<"single" | "ancestors" | "multiple", SelectionMode>;
   /** Specifies the size of the component. */
   scale: Scale;
   /** The component's value(s) from the selected `calcite-combobox-item`(s). */
   value: string | string[];
   valueHandler(value: string | string[]): void;
   /**
-   * Accessible name for the component's remove tag when a `calcite-combobox-item` is selected.
+   * Defines the available placements that can be used when a flip occurs.
+   */
+  flipPlacements: EffectivePlacement[];
+  /**
+   * Made into a prop for testing purposes only
    *
-   * @default "Remove tag"
+   * @internal
    */
-  intlRemoveTag: string;
+  messages: ComboboxMessages;
   /**
-   * Defines the available placements that can be used when a flip occurs.
+   * Use this property to override individual strings used by the component.
    */
-  flipPlacements?: EffectivePlacement[];
+  messageOverrides: Partial<ComboboxMessages>;
+  onMessagesChange(): void;
   flipPlacementsHandler(): void;
+  /**
+   * Specifies the component's selected items.
+   *
+   * @readonly
+   */
+  selectedItems: HTMLCalciteComboboxItemElement[];
+  selectedItemsHandler(): void;
+  /**
+   * Specifies the component's filtered items.
+   *
+   * @readonly
+   */
+  filteredItems: HTMLCalciteComboboxItemElement[];
   documentClickHandler(event: PointerEvent): void;
   calciteComboboxItemChangeHandler(event: CustomEvent<HTMLCalciteComboboxItemElement>): void;
   /**
@@ -90,29 +106,16 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   reposition(delayed?: boolean): Promise<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
-  /**
-   * Fires when the selected items set changes.
-   *
-   * @deprecated use `calciteComboboxChange` instead.
-   */
-  calciteLookupChange: EventEmitter<HTMLCalciteComboboxItemElement[]>;
   /**
    * Fires when the selected item(s) changes.
    */
-  calciteComboboxChange: EventEmitter<{
-    selectedItems: HTMLCalciteComboboxItemElement[];
-  }>;
+  calciteComboboxChange: EventEmitter<void>;
   /** Fires when text is added to filter the options list. */
-  calciteComboboxFilterChange: EventEmitter<{
-    visibleItems: HTMLCalciteComboboxItemElement[];
-    text: string;
-  }>;
+  calciteComboboxFilterChange: EventEmitter<void>;
   /**
-   * Fires when a selected item in the component is dismissed via its `calcite-chip`.
-   *
-   * **Note:**: The event payload is deprecated, please use the `value` property on the component to determine the removed value instead.
+   * Fires when a selected item in the component is closed via its `calcite-chip`.
    */
-  calciteComboboxChipDismiss: EventEmitter<DeprecatedEventPayload>;
+  calciteComboboxChipClose: EventEmitter<void>;
   /** Fires when the component is requested to be closed, and before the closing transition begins. */
   calciteComboboxBeforeClose: EventEmitter<void>;
   /** Fires when the component is closed and animation is complete. */
@@ -122,7 +125,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   /** Fires when the component is open and animation is complete. */
   calciteComboboxOpen: EventEmitter<void>;
   connectedCallback(): void;
-  componentWillLoad(): void;
+  componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;
@@ -134,9 +137,6 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   defaultValue: Combobox["value"];
   items: HTMLCalciteComboboxItemElement[];
   groupItems: HTMLCalciteComboboxItemGroupElement[];
-  selectedItems: HTMLCalciteComboboxItemElement[];
-  selectedItemsHandler(): void;
-  visibleItems: HTMLCalciteComboboxItemElement[];
   needsIcon: boolean;
   activeItemIndex: number;
   activeChipIndex: number;
@@ -144,6 +144,9 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   text: string;
   /** when search text is cleared, reset active to  */
   textHandler(): void;
+  effectiveLocale: string;
+  effectiveLocaleChange(): void;
+  defaultMessages: ComboboxMessages;
   textInput: HTMLInputElement;
   data: ItemData[];
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
@@ -168,7 +171,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   onBeforeClose(): void;
   onClose(): void;
   setMaxScrollerHeight: () => Promise<void>;
-  calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
+  calciteChipCloseHandler: (comboboxItem: HTMLCalciteComboboxItemElement) => void;
   clickHandler: (event: MouseEvent) => void;
   setInactiveIfNotContained: (event: Event) => void;
   setFloatingEl: (el: HTMLDivElement) => void;
@@ -179,13 +182,11 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   inputHandler: (event: Event) => void;
   getCombinedItems(): ComboboxChildElement[];
   private filterItems;
-  internalCalciteLookupChangeEvent: () => void;
-  private emitCalciteLookupChange;
   internalComboboxChangeEvent: () => void;
   private emitComboboxChange;
   toggleSelection(item: HTMLCalciteComboboxItemElement, value?: boolean): void;
   updateAncestors(item: HTMLCalciteComboboxItemElement): void;
-  getVisibleItems(): HTMLCalciteComboboxItemElement[];
+  getfilteredItems(): HTMLCalciteComboboxItemElement[];
   getSelectedItems(): HTMLCalciteComboboxItemElement[];
   updateItems: () => void;
   getData(): ItemData[];

package/dist/types/components/combobox/interfaces.d.ts

@@ -2,5 +2,4 @@ export interface listItem {
   label: string;
   value: string;
 }
-export declare type ComboboxSelectionMode = "single" | "multi" | "ancestors";
 export declare type ComboboxChildElement = HTMLCalciteComboboxItemElement | HTMLCalciteComboboxItemGroupElement;

package/dist/types/components/combobox/resources.d.ts

@@ -1,9 +1,6 @@
 export declare const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 export declare const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 export declare const ComboboxChildSelector: string;
-export declare const TEXT: {
-  removeTag: string;
-};
 export declare const CSS: {
   labelActive: string;
   labelSelected: string;

package/dist/types/components/combobox-item/combobox-item.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ComboboxChildElement } from "../combobox/interfaces";
-import { DeprecatedEventPayload, Scale } from "../interfaces";
+import { Scale } from "../interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
 /**
@@ -20,18 +20,14 @@ export declare class ComboboxItem implements ConditionalSlotComponent, Interacti
   /** The `id` attribute of the component. When omitted, a globally unique identifier is used. */
   guid: string;
   /** Specifies an icon to display. */
-  icon?: string;
+  icon: string;
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
+  iconFlipRtl: boolean;
   selectedWatchHandler(): void;
   /** The component's text. */
   textLabel: string;
   /** The component's value. */
   value: any;
-  /**
-   * When `true`, omits the component from the `calcite-combobox` filtered search results.
-   *
-   * @deprecated use `filterDisabled` instead.
-   */
-  constant: boolean;
   /**
    * When `true`, omits the component from the `calcite-combobox` filtered search results.
    */
@@ -45,9 +41,8 @@ export declare class ComboboxItem implements ConditionalSlotComponent, Interacti
   /**
    * Emits whenever the component is selected or unselected.
    *
-   * **Note:**: The event's payload is deprecated, please use the event's `target`/`currentTarget` instead
    */
-  calciteComboboxItemChange: EventEmitter<DeprecatedEventPayload>;
+  calciteComboboxItemChange: EventEmitter<void>;
   /**
    * Used to toggle the selection state. By default this won't trigger an event.
    * The first argument allows the value to be coerced, rather than swapping values.

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

@@ -1,4 +1,4 @@
-export type Messages = {
+export type DatePickerMessages = {
   nextMonth: string;
   prevMonth: string;
   year: string;