@monolith-forensics/monolith-ui 1.1.81 → 1.1.83

package/dist/DateInput/DateInput.d.ts

@@ -12,7 +12,7 @@ interface DateInputProps {
     variant?: Variant;
     clearable?: boolean;
     required?: boolean;
-    onChange?: (value: string | null) => void;
+    onChange?: (value?: string | null) => void;
     min?: Date;
     max?: Date;
     error?: string;

package/dist/DateInput/DateInput.js

@@ -199,6 +199,8 @@ const DateInput = styled(({ className, defaultValue, format = "YYYY-MM-DD HH:mm:
     const { getReferenceProps } = useInteractions([dismiss]);
     const segments = useMemo(() => parseTimestamp(moment(value).toISOString(), format, utc), [value, format, utc]);
     const checkValidRange = (value) => {
+        if (!value)
+            return false;
         if (min && moment(value).isBefore(min))
             return false;
         if (max && moment(value).isAfter(max))
@@ -334,12 +336,15 @@ const DateInput = styled(({ className, defaultValue, format = "YYYY-MM-DD HH:mm:
                 if (!(selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.momentType))
                     return prev;
                 const momentValue = utc ? moment.utc(prev) : moment(prev);
-                const newValue = moment(momentValue)
+                let newValue = moment(momentValue)
                     .set(selectedSegment.momentType, parseInt(tempValue, 10) -
                     (selectedSegment.type === "month" ? 1 : 0))
                     .toISOString();
                 if (!checkValidRange(newValue))
                     return prev;
+                if (isDateOnly) {
+                    newValue = moment(newValue).format("YYYY-MM-DD");
+                }
                 onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
                 return newValue;
             });
@@ -350,18 +355,28 @@ const DateInput = styled(({ className, defaultValue, format = "YYYY-MM-DD HH:mm:
         }
     };
     const handleWheelEvent = (e) => {
-        if (!selectedSegment)
+        if (!selectedSegment) {
             return;
+        }
         setValue((prev) => {
-            if (selectedSegment.type === "separator")
-                return prev;
-            if (!prev)
-                return isDateOnly ? moment().format(format) : moment().toISOString();
-            let newValue = e.deltaY > 0
-                ? moment(prev).subtract(1, selectedSegment.type).toISOString()
-                : moment(prev).add(1, selectedSegment.type).toISOString();
-            if (!checkValidRange(newValue))
+            let newValue = prev;
+            if (selectedSegment.type === "separator") {
+                newValue = prev; // skip all logic if separator
+            }
+            else if (!prev) {
+                newValue = isDateOnly
+                    ? moment().format(format)
+                    : moment().toISOString();
+            }
+            else {
+                newValue =
+                    e.deltaY > 0
+                        ? moment(newValue).subtract(1, selectedSegment.type).toISOString()
+                        : moment(newValue).add(1, selectedSegment.type).toISOString();
+            }
+            if (!checkValidRange(newValue)) {
                 return prev;
+            }
             newValue = isDateOnly ? moment(newValue).format(format) : newValue;
             onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
             return newValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.81",
+  "version": "1.1.83",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",