@itcase/forms 1.0.76 → 1.0.77

package/dist/itcase-forms.cjs.js

@@ -830,13 +830,22 @@ function DatePickerField(props) {
      * custom React Hook function.
      */
 
-    const onChangeField = React.useCallback((firstDate, secondDate) => {
-      input.onChange(firstDate);
+    const onChangeField = React.useCallback((startDate, endDate) => {
+      if (!datePickerProps.selectsRange) {
+        // When we need to save single date, value is date
+        // TODO: make object with one date? need to check all forms with DatePickerField
+        input.onChange(startDate);
+      } else {
+        // When we need to save range, value is object with two date
+        input.onChange({
+          startDate,
+          endDate
+        });
+      }
       if (onChange) {
-        // TODO: check all DatePickerField's pn all project to change variable places
-        onChange(firstDate, input.name, secondDate);
+        onChange(startDate, endDate);
       }
-    }, [onChange, input.onChange]);
+    }, [input.onChange, onChange]);
     const {
       isErrorState,
       isValidState,
@@ -870,7 +879,8 @@ function DatePickerField(props) {
       inputProps: updatedInputProps,
       isDisabled: isDisabled,
       name: input.name,
-      value: input.value || '',
+      value: datePickerProps.selectsRange ? input.value.startDate : input.value,
+      endValue: datePickerProps.selectsRange ? input.value.endDate : null,
       onBlur: input.onBlur,
       onChange: onChangeField,
       onFocus: input.onFocus
@@ -1675,8 +1685,8 @@ InputField.propTypes = {
   iconFillHover: PropTypes__default.default.string,
   iconRevealableHide: PropTypes__default.default.oneOfType([PropTypes__default.default.elementType, PropTypes__default.default.func, PropTypes__default.default.object]),
   iconRevealableShow: PropTypes__default.default.oneOfType([PropTypes__default.default.elementType, PropTypes__default.default.func, PropTypes__default.default.object]),
-  iconShape: PropTypes__default.default.string,
-  iconSize: PropTypes__default.default.string,
+  // iconShape: PropTypes.oneOf(shapeProps),
+  // iconSize: PropTypes.oneOf(iconSizeProps),
   initialValue: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number]),
   inputProps: PropTypes__default.default.object,
   name: PropTypes__default.default.string.isRequired,

package/dist/itcase-forms.esm.js

@@ -818,13 +818,22 @@ function DatePickerField(props) {
      * custom React Hook function.
      */
 
-    const onChangeField = useCallback((firstDate, secondDate) => {
-      input.onChange(firstDate);
+    const onChangeField = useCallback((startDate, endDate) => {
+      if (!datePickerProps.selectsRange) {
+        // When we need to save single date, value is date
+        // TODO: make object with one date? need to check all forms with DatePickerField
+        input.onChange(startDate);
+      } else {
+        // When we need to save range, value is object with two date
+        input.onChange({
+          startDate,
+          endDate
+        });
+      }
       if (onChange) {
-        // TODO: check all DatePickerField's pn all project to change variable places
-        onChange(firstDate, input.name, secondDate);
+        onChange(startDate, endDate);
       }
-    }, [onChange, input.onChange]);
+    }, [input.onChange, onChange]);
     const {
       isErrorState,
       isValidState,
@@ -858,7 +867,8 @@ function DatePickerField(props) {
       inputProps: updatedInputProps,
       isDisabled: isDisabled,
       name: input.name,
-      value: input.value || '',
+      value: datePickerProps.selectsRange ? input.value.startDate : input.value,
+      endValue: datePickerProps.selectsRange ? input.value.endDate : null,
       onBlur: input.onBlur,
       onChange: onChangeField,
       onFocus: input.onFocus
@@ -1663,8 +1673,8 @@ InputField.propTypes = {
   iconFillHover: PropTypes.string,
   iconRevealableHide: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func, PropTypes.object]),
   iconRevealableShow: PropTypes.oneOfType([PropTypes.elementType, PropTypes.func, PropTypes.object]),
-  iconShape: PropTypes.string,
-  iconSize: PropTypes.string,
+  // iconShape: PropTypes.oneOf(shapeProps),
+  // iconSize: PropTypes.oneOf(iconSizeProps),
   initialValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   inputProps: PropTypes.object,
   name: PropTypes.string.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.76",
+  "version": "1.0.77",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",