@dmsi/wedgekit-react 0.0.854 → 0.0.856

package/dist/components/DateInput.js

@@ -1,16 +1,16 @@
 import {
   DateInput
-} from "../chunk-T7NSOCGM.js";
+} from "../chunk-RESDUVMA.js";
 import "../chunk-WJJB7IJZ.js";
 import "../chunk-Q4YDNW7N.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-C5DKGJ4E.js";
+import "../chunk-Y75MQKNY.js";
+import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
 import "../chunk-SZ47M32R.js";
 import "../chunk-B4AE3DCA.js";
 import "../chunk-FP3Y5JJN.js";

package/dist/components/DateRangeInput.cjs

@@ -3507,6 +3507,10 @@ function DataGrid({
     (0, import_core.useSensor)(import_core.KeyboardSensor)
   );
   const visibleColumns = table.getVisibleLeafColumns();
+  const nonPinnedColumnIds = table.getCenterLeafColumns().map((col) => col.id);
+  const sortableColumnOrder = columnOrder.filter(
+    (id2) => nonPinnedColumnIds.includes(id2)
+  );
   const columnVirtualizer = (0, import_react_virtual2.useVirtualizer)({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -3535,7 +3539,7 @@ function DataGrid({
       children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_sortable2.SortableContext,
         {
-          items: columnOrder,
+          items: sortableColumnOrder,
           strategy: import_sortable2.horizontalListSortingStrategy,
           children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "div",
@@ -4428,6 +4432,62 @@ Tooltip.displayName = "Tooltip";
 // src/components/DateInput.tsx
 var import_react20 = require("react");
 var import_react_dom3 = require("react-dom");
+
+// src/utils/date-patch-dashes.ts
+function formatInputValueWithDashes(value, dateInDashes) {
+  const digits = value.replace(/\D/g, "");
+  if (dateInDashes) {
+    if (digits.length <= 4) return digits;
+    if (digits.length <= 6) return `${digits.slice(0, 4)}-${digits.slice(4)}`;
+    return `${digits.slice(4, 6)}-${digits.slice(6, 8)}-${digits.slice(0, 4)}`;
+  } else {
+    if (digits.length <= 2) return digits;
+    if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+  }
+}
+function formatDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    [year, month, day] = value.split("-");
+  } else if (/^\d{2}-\d{2}-\d{4}$/.test(value)) {
+    [month, day, year] = value.split("-");
+  } else if (/^\d{2}\/\d{2}\/\d{4}$/.test(value)) {
+    [month, day, year] = value.split("/");
+  } else {
+    return value;
+  }
+  if (!year || !month || !day) return value;
+  if (dateInDashes) {
+    return `${month}-${day}-${year}`;
+  }
+  return `${month}/${day}/${year}`;
+}
+function parseInputDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (dateInDashes) {
+    let match = value.match(/^(\d{2})-(\d{2})-(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    } else {
+      match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (match) {
+        [, year, month, day] = match;
+      }
+    }
+  } else {
+    const match = value.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    }
+  }
+  if (!year || !month || !day) return "";
+  return `${month}-${day}-${year}`;
+}
+
+// src/components/DateInput.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var DateInput = (_a) => {
   var _b = _a, {
@@ -4440,7 +4500,8 @@ var DateInput = (_a) => {
     readOnly = false,
     label,
     isDateAvailable,
-    disableManualInput
+    disableManualInput,
+    dateInDashes = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -4451,7 +4512,8 @@ var DateInput = (_a) => {
     "readOnly",
     "label",
     "isDateAvailable",
-    "disableManualInput"
+    "disableManualInput",
+    "dateInDashes"
   ]);
   const [visible, setVisible] = (0, import_react20.useState)(false);
   const [inputValue, setInputValue] = (0, import_react20.useState)("");
@@ -4467,9 +4529,9 @@ var DateInput = (_a) => {
   const [from, to] = [value, ""];
   (0, import_react20.useEffect)(() => {
     if (!isTyping) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
-  }, [from, isTyping]);
+  }, [from, isTyping, dateInDashes]);
   (0, import_react20.useLayoutEffect)(() => {
     if (visible) {
       updatePosition();
@@ -4532,7 +4594,7 @@ var DateInput = (_a) => {
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    const formattedValue = formatInputValue(rawValue);
+    const formattedValue = formatInputValueWithDashes(rawValue, dateInDashes);
     setInputValue(formattedValue);
     requestAnimationFrame(() => {
       if (triggerRef.current) {
@@ -4544,16 +4606,16 @@ var DateInput = (_a) => {
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    const parsedDate = parseInputDate(formattedValue);
+    const parsedDate = parseInputDateWithDashes(formattedValue, dateInDashes);
     if (parsedDate && isValidDate(parsedDate)) {
       onChange(parsedDate);
     }
   };
   const handleBlur = () => {
     setIsTyping(false);
-    const parsedDate = parseInputDate(inputValue);
+    const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
     if (!parsedDate || !isValidDate(parsedDate)) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
   };
   const handleKeyDown = (event) => {
@@ -4561,10 +4623,11 @@ var DateInput = (_a) => {
       const input = event.target;
       const cursorPosition = input.selectionStart || 0;
       const value2 = input.value;
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === "/") {
+      const sep = dateInDashes ? "-" : "/";
+      if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
         event.preventDefault();
         const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValue(newValue);
+        const formattedValue = formatInputValueWithDashes(newValue, dateInDashes);
         setInputValue(formattedValue);
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -4577,7 +4640,7 @@ var DateInput = (_a) => {
       }
     }
     if (event.key === "Enter") {
-      const parsedDate = parseInputDate(inputValue);
+      const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
       if (parsedDate && isValidDate(parsedDate)) {
         onChange(parsedDate);
         setVisible(false);
@@ -4666,14 +4729,14 @@ var DateInput = (_a) => {
   ] });
 };
 DateInput.displayName = "DateInput";
-function formatDisplayValue(from) {
+function formatDisplayValue(from, dateInDashes) {
   if (!from) {
     return "";
   }
   if (!isValidDate(from)) {
     return "";
   }
-  return formatDate(from);
+  return formatDateWithDashes(from, dateInDashes);
 }
 
 // src/components/Accordion.tsx

package/dist/components/DateRangeInput.js

@@ -1,16 +1,16 @@
 import {
   CalendarRange
-} from "../chunk-T7NSOCGM.js";
+} from "../chunk-RESDUVMA.js";
 import "../chunk-WJJB7IJZ.js";
 import "../chunk-Q4YDNW7N.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-C5DKGJ4E.js";
+import "../chunk-Y75MQKNY.js";
+import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
-import "../chunk-MBZ55T2D.js";
 import "../chunk-SZ47M32R.js";
 import "../chunk-B4AE3DCA.js";
 import "../chunk-FP3Y5JJN.js";

package/dist/components/MobileDataGrid/ColumnSelector/index.cjs

@@ -476,30 +476,10 @@ function formatCurrencyDisplay(value) {
 }
 
 // src/utils/date.ts
-function parseInputDate(input) {
-  const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
-  if (!match) {
-    return null;
-  }
-  const [, month, day, year] = match;
-  const paddedMonth = month.padStart(2, "0");
-  const paddedDay = day.padStart(2, "0");
-  return `${year}-${paddedMonth}-${paddedDay}`;
-}
 function isValidDate(dateString) {
   const date = new Date(dateString);
   return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
 }
-function formatInputValue(value) {
-  const digits = value.replace(/\D/g, "");
-  if (digits.length < 2) {
-    return digits;
-  }
-  if (digits.length >= 4) {
-    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
-  }
-  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-}
 function isDigit(character) {
   return /\d/.test(character);
 }
@@ -3493,6 +3473,10 @@ function DataGrid({
     (0, import_core.useSensor)(import_core.KeyboardSensor)
   );
   const visibleColumns = table.getVisibleLeafColumns();
+  const nonPinnedColumnIds = table.getCenterLeafColumns().map((col) => col.id);
+  const sortableColumnOrder = columnOrder.filter(
+    (id2) => nonPinnedColumnIds.includes(id2)
+  );
   const columnVirtualizer = (0, import_react_virtual2.useVirtualizer)({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -3521,7 +3505,7 @@ function DataGrid({
       children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_sortable2.SortableContext,
         {
-          items: columnOrder,
+          items: sortableColumnOrder,
           strategy: import_sortable2.horizontalListSortingStrategy,
           children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "div",
@@ -4880,6 +4864,60 @@ function CalendarPane({
   ] }, month.name + month.year);
 }
 
+// src/utils/date-patch-dashes.ts
+function formatInputValueWithDashes(value, dateInDashes) {
+  const digits = value.replace(/\D/g, "");
+  if (dateInDashes) {
+    if (digits.length <= 4) return digits;
+    if (digits.length <= 6) return `${digits.slice(0, 4)}-${digits.slice(4)}`;
+    return `${digits.slice(4, 6)}-${digits.slice(6, 8)}-${digits.slice(0, 4)}`;
+  } else {
+    if (digits.length <= 2) return digits;
+    if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+  }
+}
+function formatDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    [year, month, day] = value.split("-");
+  } else if (/^\d{2}-\d{2}-\d{4}$/.test(value)) {
+    [month, day, year] = value.split("-");
+  } else if (/^\d{2}\/\d{2}\/\d{4}$/.test(value)) {
+    [month, day, year] = value.split("/");
+  } else {
+    return value;
+  }
+  if (!year || !month || !day) return value;
+  if (dateInDashes) {
+    return `${month}-${day}-${year}`;
+  }
+  return `${month}/${day}/${year}`;
+}
+function parseInputDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (dateInDashes) {
+    let match = value.match(/^(\d{2})-(\d{2})-(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    } else {
+      match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (match) {
+        [, year, month, day] = match;
+      }
+    }
+  } else {
+    const match = value.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    }
+  }
+  if (!year || !month || !day) return "";
+  return `${month}-${day}-${year}`;
+}
+
 // src/components/DateInput.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var DateInput = (_a) => {
@@ -4893,7 +4931,8 @@ var DateInput = (_a) => {
     readOnly = false,
     label,
     isDateAvailable,
-    disableManualInput
+    disableManualInput,
+    dateInDashes = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -4904,7 +4943,8 @@ var DateInput = (_a) => {
     "readOnly",
     "label",
     "isDateAvailable",
-    "disableManualInput"
+    "disableManualInput",
+    "dateInDashes"
   ]);
   const [visible, setVisible] = (0, import_react21.useState)(false);
   const [inputValue, setInputValue] = (0, import_react21.useState)("");
@@ -4920,9 +4960,9 @@ var DateInput = (_a) => {
   const [from, to] = [value, ""];
   (0, import_react21.useEffect)(() => {
     if (!isTyping) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
-  }, [from, isTyping]);
+  }, [from, isTyping, dateInDashes]);
   (0, import_react21.useLayoutEffect)(() => {
     if (visible) {
       updatePosition();
@@ -4985,7 +5025,7 @@ var DateInput = (_a) => {
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    const formattedValue = formatInputValue(rawValue);
+    const formattedValue = formatInputValueWithDashes(rawValue, dateInDashes);
     setInputValue(formattedValue);
     requestAnimationFrame(() => {
       if (triggerRef.current) {
@@ -4997,16 +5037,16 @@ var DateInput = (_a) => {
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    const parsedDate = parseInputDate(formattedValue);
+    const parsedDate = parseInputDateWithDashes(formattedValue, dateInDashes);
     if (parsedDate && isValidDate(parsedDate)) {
       onChange(parsedDate);
     }
   };
   const handleBlur = () => {
     setIsTyping(false);
-    const parsedDate = parseInputDate(inputValue);
+    const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
     if (!parsedDate || !isValidDate(parsedDate)) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
   };
   const handleKeyDown = (event) => {
@@ -5014,10 +5054,11 @@ var DateInput = (_a) => {
       const input = event.target;
       const cursorPosition = input.selectionStart || 0;
       const value2 = input.value;
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === "/") {
+      const sep = dateInDashes ? "-" : "/";
+      if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
         event.preventDefault();
         const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValue(newValue);
+        const formattedValue = formatInputValueWithDashes(newValue, dateInDashes);
         setInputValue(formattedValue);
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -5030,7 +5071,7 @@ var DateInput = (_a) => {
       }
     }
     if (event.key === "Enter") {
-      const parsedDate = parseInputDate(inputValue);
+      const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
       if (parsedDate && isValidDate(parsedDate)) {
         onChange(parsedDate);
         setVisible(false);
@@ -5119,14 +5160,14 @@ var DateInput = (_a) => {
   ] });
 };
 DateInput.displayName = "DateInput";
-function formatDisplayValue(from) {
+function formatDisplayValue(from, dateInDashes) {
   if (!from) {
     return "";
   }
   if (!isValidDate(from)) {
     return "";
   }
-  return formatDate(from);
+  return formatDateWithDashes(from, dateInDashes);
 }
 
 // src/components/Accordion.tsx

package/dist/components/MobileDataGrid/ColumnSelector/index.js

@@ -1,16 +1,16 @@
 import {
   ColumnSelector
-} from "../../../chunk-T7NSOCGM.js";
+} from "../../../chunk-RESDUVMA.js";
 import "../../../chunk-WJJB7IJZ.js";
 import "../../../chunk-Q4YDNW7N.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-C5DKGJ4E.js";
+import "../../../chunk-Y75MQKNY.js";
+import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-2IKT6IHB.js";
 import "../../../chunk-YCDDBSVU.js";
 import "../../../chunk-3X3Y4TMS.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-MBZ55T2D.js";
 import "../../../chunk-SZ47M32R.js";
 import "../../../chunk-B4AE3DCA.js";
 import "../../../chunk-FP3Y5JJN.js";

package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs

@@ -907,30 +907,10 @@ function formatCurrencyDisplay(value) {
 }
 
 // src/utils/date.ts
-function parseInputDate(input) {
-  const match = input.match(/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/);
-  if (!match) {
-    return null;
-  }
-  const [, month, day, year] = match;
-  const paddedMonth = month.padStart(2, "0");
-  const paddedDay = day.padStart(2, "0");
-  return `${year}-${paddedMonth}-${paddedDay}`;
-}
 function isValidDate(dateString) {
   const date = new Date(dateString);
   return date instanceof Date && !isNaN(date.getTime()) && dateString === date.toISOString().split("T")[0];
 }
-function formatInputValue(value) {
-  const digits = value.replace(/\D/g, "");
-  if (digits.length < 2) {
-    return digits;
-  }
-  if (digits.length >= 4) {
-    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
-  }
-  return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-}
 function isDigit(character) {
   return /\d/.test(character);
 }
@@ -3924,6 +3904,10 @@ function DataGrid({
     (0, import_core.useSensor)(import_core.KeyboardSensor)
   );
   const visibleColumns = table.getVisibleLeafColumns();
+  const nonPinnedColumnIds = table.getCenterLeafColumns().map((col) => col.id);
+  const sortableColumnOrder = columnOrder.filter(
+    (id2) => nonPinnedColumnIds.includes(id2)
+  );
   const columnVirtualizer = (0, import_react_virtual2.useVirtualizer)({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -3952,7 +3936,7 @@ function DataGrid({
       children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         import_sortable2.SortableContext,
         {
-          items: columnOrder,
+          items: sortableColumnOrder,
           strategy: import_sortable2.horizontalListSortingStrategy,
           children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             "div",
@@ -5187,6 +5171,60 @@ function CalendarPane({
   ] }, month.name + month.year);
 }
 
+// src/utils/date-patch-dashes.ts
+function formatInputValueWithDashes(value, dateInDashes) {
+  const digits = value.replace(/\D/g, "");
+  if (dateInDashes) {
+    if (digits.length <= 4) return digits;
+    if (digits.length <= 6) return `${digits.slice(0, 4)}-${digits.slice(4)}`;
+    return `${digits.slice(4, 6)}-${digits.slice(6, 8)}-${digits.slice(0, 4)}`;
+  } else {
+    if (digits.length <= 2) return digits;
+    if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+    return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+  }
+}
+function formatDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (/^\d{4}-\d{2}-\d{2}$/.test(value)) {
+    [year, month, day] = value.split("-");
+  } else if (/^\d{2}-\d{2}-\d{4}$/.test(value)) {
+    [month, day, year] = value.split("-");
+  } else if (/^\d{2}\/\d{2}\/\d{4}$/.test(value)) {
+    [month, day, year] = value.split("/");
+  } else {
+    return value;
+  }
+  if (!year || !month || !day) return value;
+  if (dateInDashes) {
+    return `${month}-${day}-${year}`;
+  }
+  return `${month}/${day}/${year}`;
+}
+function parseInputDateWithDashes(value, dateInDashes) {
+  if (!value) return "";
+  let year = "", month = "", day = "";
+  if (dateInDashes) {
+    let match = value.match(/^(\d{2})-(\d{2})-(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    } else {
+      match = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+      if (match) {
+        [, year, month, day] = match;
+      }
+    }
+  } else {
+    const match = value.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+    if (match) {
+      [, month, day, year] = match;
+    }
+  }
+  if (!year || !month || !day) return "";
+  return `${month}-${day}-${year}`;
+}
+
 // src/components/DateInput.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var DateInput = (_a) => {
@@ -5200,7 +5238,8 @@ var DateInput = (_a) => {
     readOnly = false,
     label,
     isDateAvailable,
-    disableManualInput
+    disableManualInput,
+    dateInDashes = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -5211,7 +5250,8 @@ var DateInput = (_a) => {
     "readOnly",
     "label",
     "isDateAvailable",
-    "disableManualInput"
+    "disableManualInput",
+    "dateInDashes"
   ]);
   const [visible, setVisible] = (0, import_react21.useState)(false);
   const [inputValue, setInputValue] = (0, import_react21.useState)("");
@@ -5227,9 +5267,9 @@ var DateInput = (_a) => {
   const [from, to] = [value, ""];
   (0, import_react21.useEffect)(() => {
     if (!isTyping) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
-  }, [from, isTyping]);
+  }, [from, isTyping, dateInDashes]);
   (0, import_react21.useLayoutEffect)(() => {
     if (visible) {
       updatePosition();
@@ -5292,7 +5332,7 @@ var DateInput = (_a) => {
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    const formattedValue = formatInputValue(rawValue);
+    const formattedValue = formatInputValueWithDashes(rawValue, dateInDashes);
     setInputValue(formattedValue);
     requestAnimationFrame(() => {
       if (triggerRef.current) {
@@ -5304,16 +5344,16 @@ var DateInput = (_a) => {
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    const parsedDate = parseInputDate(formattedValue);
+    const parsedDate = parseInputDateWithDashes(formattedValue, dateInDashes);
     if (parsedDate && isValidDate(parsedDate)) {
       onChange(parsedDate);
     }
   };
   const handleBlur = () => {
     setIsTyping(false);
-    const parsedDate = parseInputDate(inputValue);
+    const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
     if (!parsedDate || !isValidDate(parsedDate)) {
-      setInputValue(formatDisplayValue(from));
+      setInputValue(formatDisplayValue(from, dateInDashes));
     }
   };
   const handleKeyDown = (event) => {
@@ -5321,10 +5361,11 @@ var DateInput = (_a) => {
       const input = event.target;
       const cursorPosition = input.selectionStart || 0;
       const value2 = input.value;
-      if (cursorPosition > 0 && value2[cursorPosition - 1] === "/") {
+      const sep = dateInDashes ? "-" : "/";
+      if (cursorPosition > 0 && value2[cursorPosition - 1] === sep) {
         event.preventDefault();
         const newValue = value2.slice(0, cursorPosition - 2) + value2.slice(cursorPosition);
-        const formattedValue = formatInputValue(newValue);
+        const formattedValue = formatInputValueWithDashes(newValue, dateInDashes);
         setInputValue(formattedValue);
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -5337,7 +5378,7 @@ var DateInput = (_a) => {
       }
     }
     if (event.key === "Enter") {
-      const parsedDate = parseInputDate(inputValue);
+      const parsedDate = parseInputDateWithDashes(inputValue, dateInDashes);
       if (parsedDate && isValidDate(parsedDate)) {
         onChange(parsedDate);
         setVisible(false);
@@ -5426,14 +5467,14 @@ var DateInput = (_a) => {
   ] });
 };
 DateInput.displayName = "DateInput";
-function formatDisplayValue(from) {
+function formatDisplayValue(from, dateInDashes) {
   if (!from) {
     return "";
   }
   if (!isValidDate(from)) {
     return "";
   }
-  return formatDate(from);
+  return formatDateWithDashes(from, dateInDashes);
 }
 
 // src/components/Accordion.tsx

package/dist/components/MobileDataGrid/MobileDataGridHeader.js

@@ -1,16 +1,16 @@
 import {
   MobileDataGridHeader
-} from "../../chunk-T7NSOCGM.js";
+} from "../../chunk-RESDUVMA.js";
 import "../../chunk-WJJB7IJZ.js";
 import "../../chunk-Q4YDNW7N.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-C5DKGJ4E.js";
+import "../../chunk-Y75MQKNY.js";
+import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-MBZ55T2D.js";
 import "../../chunk-SZ47M32R.js";
 import "../../chunk-B4AE3DCA.js";
 import "../../chunk-FP3Y5JJN.js";