fis-component 0.0.95 → 0.0.96

package/dist/esm/index.js

@@ -71259,7 +71259,7 @@ const HiddenDatePickerSC = styled(DatePicker) `
 `;
 
 const FISInputDate = 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":
@@ -71312,13 +71312,26 @@ const FISInputDate = forwardRef((props, ref) => {
             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);
+        }
+        // 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 (jsxs(DivWrapperSC$2, { className: className, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxs(DivInputWrapperSC$1, { children: [jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: jsx(DateIcon, {}), value: inputValue, negative: negative, disabled: disabled, placeholder: restProps.placeholder, readOnly: inputReadOnly, autoFocus: autoFocus, onFocus: () => setOpen(true), onChange: handleInputChange, onClickSuffix: () => setOpen(true) }), 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 && (jsx(DivHintWrapperSC$1, { children: jsx(SpanHintSC$3, { className: classNames({
+    return (jsxs(DivWrapperSC$2, { className: className, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxs(DivInputWrapperSC$1, { children: [jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: 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) }), 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 && (jsx(DivHintWrapperSC$1, { children: jsx(SpanHintSC$3, { className: classNames({
                         disabled,
                         negative,
                         positive,