@knime/kds-components 0.25.0 → 0.25.2

package/dist/index.css

@@ -1070,7 +1070,7 @@ html.kds-legacy {
 }
 
 .kds-menu-container {
-&[data-v-69149ee8] {
+&[data-v-76ab9f2c] {
   display: flex;
   flex-direction: column;
   gap: var(--kds-spacing-container-0-10x);
@@ -1082,7 +1082,7 @@ html.kds-legacy {
   border-radius: var(--kds-border-radius-container-0-50x);
   box-shadow: var(--kds-elevation-level-3);
 }
-&[data-v-69149ee8]:focus-visible {
+&[data-v-76ab9f2c]:focus-visible {
     outline: var(--kds-border-action-focused);
     outline-offset: var(--kds-spacing-offset-focus);
 }

package/dist/index.js

@@ -1756,19 +1756,15 @@ const useListItemKeyboardNav = (options) => {
         event.preventDefault();
         break;
       case "Enter":
-        if (activeId.value && targetItem) {
-          options.triggers?.onEnter?.(activeId.value, targetItem, event);
-          event.preventDefault();
-        }
+        options.triggers?.onEnter?.(activeId.value, targetItem, event);
+        event.preventDefault();
         break;
       case " ":
         if (isTextInput(event.target)) {
           break;
         }
-        if (activeId.value && targetItem) {
-          options.triggers?.onSpace?.(activeId.value, targetItem, event);
-          event.preventDefault();
-        }
+        options.triggers?.onSpace?.(activeId.value, targetItem, event);
+        event.preventDefault();
         break;
       case "Home":
         activeId.value = enabledItems.value[0].id;
@@ -2192,7 +2188,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       () => selectableItems.value.filter((item) => !item.disabled)
     );
     const handleItemInteraction = (item, event) => {
-      const id = toUnprefixedId(item.id);
+      const id = toUnprefixedId(item?.id);
       const originalItem = props.items.find((i) => i.id === id);
       try {
         originalItem?.handler?.(originalItem, event);
@@ -2252,7 +2248,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-69149ee8"]]);
+const KdsMenuContainer = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-76ab9f2c"]]);
 
 const kdsPopoverPlacement = {
   CUSTOM: "custom"
@@ -11247,7 +11243,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const popoverIsVisible = ref(false);
     const popoverRef = useTemplateRef("popoverRef");
     const datePickerRef = useTemplateRef("datePickerRef");
-    const { displayValue, isEmpty, isComplete, isValidDate, segments } = useDateInputMask(modelValue);
+    const { displayValue, isEmpty, isComplete, isValidDate, parsedDate, segments } = useDateInputMask(modelValue);
+    const clampToRange = (date) => {
+      if (__props.minDate && Un.PlainDate.compare(date, __props.minDate) < 0) {
+        return __props.minDate;
+      }
+      if (__props.maxDate && Un.PlainDate.compare(date, __props.maxDate) > 0) {
+        return __props.maxDate;
+      }
+      return date;
+    };
     const inputError = ref(false);
     const monthFormatter = new Intl.DateTimeFormat("en-US", {
       month: "long",
@@ -11301,7 +11306,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         inputError.value = false;
         return;
       }
-      inputError.value = !isComplete.value || !isValidDate.value;
+      const valid = isComplete.value && isValidDate.value;
+      inputError.value = !valid;
+      if (valid && parsedDate.value) {
+        const clamped = clampToRange(parsedDate.value);
+        if (!parsedDate.value.equals(clamped)) {
+          displayValue.value = clamped.toString({ calendarName: "never" });
+        }
+      }
     };
     watch([isEmpty, isComplete, isValidDate], () => {
       if (inputError.value && (isEmpty.value || isComplete.value && isValidDate.value)) {