@dmsi/wedgekit-react 0.0.853 → 0.0.855

package/dist/components/index.cjs

@@ -510,30 +510,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);
 }
@@ -4914,6 +4894,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) => {
@@ -4927,7 +4961,8 @@ var DateInput = (_a) => {
     readOnly = false,
     label,
     isDateAvailable,
-    disableManualInput
+    disableManualInput,
+    dateInDashes = false
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -4938,7 +4973,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)("");
@@ -4954,9 +4990,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();
@@ -5019,7 +5055,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) {
@@ -5031,16 +5067,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) => {
@@ -5048,10 +5084,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) {
@@ -5064,7 +5101,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);
@@ -5153,14 +5190,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/index.js

@@ -2,7 +2,7 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-T7NSOCGM.js";
+} from "../chunk-IUJIB7Y2.js";
 import "../chunk-WJJB7IJZ.js";
 import "../chunk-Q4YDNW7N.js";
 import "../chunk-M7INAUAJ.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.853",
+  "version": "0.0.855",
   "type": "module",
   "scripts": {
     "build": "tsup",