fix(core/ix-date-picker): Several bugfixes

.changeset/date-picker-translation-truncation.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+Fixed weekday label rendering in `ix-date-picker` to avoid truncation in locales with longer translations.

.changeset/date-picker-week-start.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+Fix `ix-date-picker` calendar rendering when `weekStartIndex` is set to a non-default value.

.changeset/date-picker-year-dropdown-keyboard.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+Fix `ix-date-picker` year dropdown keyboard navigation so pressing ArrowDown on the last year extends the list and moves focus to the newly added year instead of wrapping back to the start.

packages/core/src/components.d.ts

@@ -33,6 +33,7 @@ import { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datet
 import { ElementReference } from "./components/utils/element-reference";
 import { CloseBehavior } from "./components/dropdown/dropdown-controller";
 import { AlignedPlacement } from "./components/dropdown/placement";
+import { KeyboardNavigationBoundaryContext } from "./components/dropdown/dropdown-focus";
 import { FocusTrapOptions } from "./components/utils/focus/focus-trap";
 import { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button.types";
 import { IxDropdownItemRole } from "./components/dropdown-item/dropdown-item.types";
@@ -88,6 +89,7 @@ export { DateTimeDateChangeEvent, DateTimeSelectEvent } from "./components/datet
 export { ElementReference } from "./components/utils/element-reference";
 export { CloseBehavior } from "./components/dropdown/dropdown-controller";
 export { AlignedPlacement } from "./components/dropdown/placement";
+export { KeyboardNavigationBoundaryContext } from "./components/dropdown/dropdown-focus";
 export { FocusTrapOptions } from "./components/utils/focus/focus-trap";
 export { DropdownButtonVariant } from "./components/dropdown-button/dropdown-button.types";
 export { IxDropdownItemRole } from "./components/dropdown-item/dropdown-item.types";
@@ -1517,6 +1519,10 @@ export namespace Components {
           * @default false
          */
         "disableFocusTrap": boolean;
+        /**
+          * @default false
+         */
+        "disableWrapFocusNavigation": boolean;
         /**
           * @default false
          */
@@ -1563,6 +1569,9 @@ export namespace Components {
     crossAxis?: number;
     alignmentAxis?: number;
   };
+        "onBoundaryFocus"?: (
+    context: KeyboardNavigationBoundaryContext
+  ) => Promise<HTMLElement | undefined>;
         "overwriteDropdownStyle"?: (delegate: {
     dropdownRef: HTMLElement;
     triggerRef?: HTMLElement;
@@ -1618,6 +1627,10 @@ export namespace Components {
           * @default 'both'
          */
         "closeBehavior": 'inside' | 'outside' | 'both' | boolean;
+        /**
+          * @default false
+         */
+        "disableWrapFocusNavigation": boolean;
         /**
           * Disable button
           * @default false
@@ -1644,6 +1657,9 @@ export namespace Components {
           * Set label
          */
         "label"?: string | null;
+        "onBoundaryFocus"?: (
+    context: KeyboardNavigationBoundaryContext
+  ) => Promise<HTMLElement | undefined>;
         /**
           * Placement of the dropdown
          */
@@ -8134,6 +8150,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disableFocusTrap"?: boolean;
+        /**
+          * @default false
+         */
+        "disableWrapFocusNavigation"?: boolean;
         /**
           * @default false
          */
@@ -8179,6 +8199,9 @@ declare namespace LocalJSX {
     crossAxis?: number;
     alignmentAxis?: number;
   };
+        "onBoundaryFocus"?: (
+    context: KeyboardNavigationBoundaryContext
+  ) => Promise<HTMLElement | undefined>;
         "onExperimentalFocusNextElement"?: (event: IxDropdownCustomEvent<void>) => void;
         /**
           * Will be fired only after dropdown changed visibility to "true"
@@ -8244,6 +8267,10 @@ declare namespace LocalJSX {
           * @default 'both'
          */
         "closeBehavior"?: 'inside' | 'outside' | 'both' | boolean;
+        /**
+          * @default false
+         */
+        "disableWrapFocusNavigation"?: boolean;
         /**
           * Disable button
           * @default false
@@ -8269,6 +8296,9 @@ declare namespace LocalJSX {
           * Set label
          */
         "label"?: string | null;
+        "onBoundaryFocus"?: (
+    context: KeyboardNavigationBoundaryContext
+  ) => Promise<HTMLElement | undefined>;
         /**
           * Fire event before visibility of dropdown has changed, preventing event will cancel showing dropdown
          */
@@ -11879,6 +11909,7 @@ declare namespace LocalJSX {
         "disableFocusTrap": boolean;
         "enableTopLayer": boolean;
         "focusCheckedItem": boolean;
+        "disableWrapFocusNavigation": boolean;
         "discoverAllSubmenus": boolean;
         "ignoreRelatedSubmenu": boolean;
         "suppressOverflowBehavior": boolean;
@@ -11893,6 +11924,7 @@ declare namespace LocalJSX {
         "placement": AlignedPlacement;
         "ariaLabelDropdownButton": string;
         "focusCheckedItem": boolean;
+        "disableWrapFocusNavigation": boolean;
         "enableTopLayer": boolean;
         "suppressAriaActiveDescendant": boolean;
     }

packages/core/src/components/date-picker/date-picker.scss

@@ -265,10 +265,6 @@
         border: none;
         background: none;
         cursor: initial;
-
-        .overflow {
-          @include text-truncation.ellipsis;
-        }
       }
 
       &.empty-day {