fis-component 0.0.95 → 0.0.97

package/dist/cjs/index.js

@@ -71279,7 +71279,7 @@ const HiddenDatePickerSC = styled(DatePicker) `
 `;
 
 const FISInputDate = React.forwardRef((props, ref) => {
-    const { className, value, textLabel = "", iconLabel, required, message = "", disabled, negative, positive, format, onClickIconLabel, onChange, getPopupContainer, minDate, maxDate, picker = "date", allowClear = true, showToday = true, showTime = false, autoFocus = false, disabledDate, inputReadOnly = false, ...restProps } = props;
+    const { className, value, textLabel = "", iconLabel, required, message = "", disabled, negative, positive, format, onClickIconLabel, onChange, getPopupContainer, minDate, maxDate, picker = "date", allowClear = true, showToday = true, showTime = false, autoFocus = false, disabledDate, inputReadOnly = false, onBlur: originalOnBlur, ...restProps } = props;
     const getDefaultFormat = (pickerMode) => {
         switch (pickerMode) {
             case "year":
@@ -71326,19 +71326,42 @@ const FISInputDate = React.forwardRef((props, ref) => {
             return;
         const newInputValue = e.target.value;
         setInputValue(newInputValue);
+        // Handle empty input - user wants to clear the date
+        if (newInputValue === "") {
+            setDateValue(null);
+            onChange?.(null);
+            return;
+        }
         // Try to parse the input as a date
         const parsedDate = dayjs(newInputValue, finalFormat);
         if (parsedDate.isValid()) {
             setDateValue(parsedDate);
             onChange?.(parsedDate.toDate());
         }
-        else {
-            // Keep input value but don't update date
-            setDateValue(null);
-            onChange?.(null);
+        // If invalid format, keep inputValue but don't update dateValue or call onChange
+        // This preserves the old date value like Antd DatePicker
+    };
+    const handleInputBlur = (e) => {
+        // Call original onBlur if provided
+        if (originalOnBlur) {
+            originalOnBlur(e);
+        }
+        // Don't revert if input is empty (user intentionally cleared)
+        if (inputValue === "") {
+            return;
+        }
+        // On blur, if input format is invalid, revert to the current date value's formatted string
+        const parsedDate = dayjs(inputValue, finalFormat);
+        if (!parsedDate.isValid() && dateValue) {
+            // Revert to formatted current date value
+            setInputValue(dateValue.format(finalFormat));
+        }
+        else if (!parsedDate.isValid() && !dateValue) {
+            // If no current date and invalid input, clear input
+            setInputValue("");
         }
     };
-    return (jsxRuntime.jsxs(DivWrapperSC$2, { className: className, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsxs(DivInputWrapperSC$1, { children: [jsxRuntime.jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: jsxRuntime.jsx(DateIcon, {}), value: inputValue, negative: negative, disabled: disabled, placeholder: restProps.placeholder, readOnly: inputReadOnly, autoFocus: autoFocus, onFocus: () => setOpen(true), onChange: handleInputChange, onClickSuffix: () => setOpen(true) }), jsxRuntime.jsx(HiddenDatePickerSC, { open: open, value: dateValue, onChange: (value) => handleChange(value), onOpenChange: handleOpenChange, format: finalFormat, getPopupContainer: getPopupContainer, minDate: minDate, maxDate: maxDate, picker: picker, allowClear: allowClear, showToday: showToday, showTime: showTime, disabledDate: disabledDate })] }), message && (jsxRuntime.jsx(DivHintWrapperSC$1, { children: jsxRuntime.jsx(SpanHintSC$3, { className: classNames({
+    return (jsxRuntime.jsxs(DivWrapperSC$2, { className: className, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsxs(DivInputWrapperSC$1, { children: [jsxRuntime.jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: jsxRuntime.jsx(DateIcon, {}), value: inputValue, negative: negative, disabled: disabled, placeholder: restProps.placeholder, readOnly: inputReadOnly, autoFocus: autoFocus, onFocus: () => setOpen(true), onChange: handleInputChange, onBlur: handleInputBlur, onClickSuffix: () => setOpen(true) }), jsxRuntime.jsx(HiddenDatePickerSC, { open: open, value: dateValue, onChange: (value) => handleChange(value), onOpenChange: handleOpenChange, format: finalFormat, getPopupContainer: getPopupContainer, minDate: minDate, maxDate: maxDate, picker: picker, allowClear: allowClear, showToday: showToday, showTime: showTime, disabledDate: disabledDate })] }), message && (jsxRuntime.jsx(DivHintWrapperSC$1, { children: jsxRuntime.jsx(SpanHintSC$3, { className: classNames({
                         disabled,
                         negative,
                         positive,