armtek-uikit-react 1.0.245 → 1.0.252

package/ui/Form/Period/Period.d.ts

@@ -6,6 +6,17 @@ export type PeriodChangeEvent = (Event & {
         name: string;
     };
 });
+export type PeriodProps = {
+    onChange?: (e: PeriodChangeEvent) => void;
+    value?: [Date | null, Date | null];
+    defaultValue?: [Date | null, Date | null];
+    disableSameDate?: boolean;
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    showMonthDropdown?: boolean;
+    showYearDropdown?: boolean;
+    datePickerProps?: DatePickerProps;
+} & Omit<TextFieldProps, 'value' | 'onChange' | 'defaultValue'>;
 export declare function getPeriodDisplay(date1: Date | null | undefined, date2: Date | null | undefined): string;
 declare const Period: import("react").ForwardRefExoticComponent<{
     onChange?: (e: PeriodChangeEvent) => void;

package/ui/Form/Period/Period.js

@@ -114,9 +114,22 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         }
       }
     }
-    if (startDateValid && endDateValid) {
+    if (startDateValid && endDateValid && startDateValid.getTime() <= endDateValid.getTime()) {
       handleSelect([startDateValid, endDateValid]);
-    } else {
+    }
+    // else
+    // {
+    // 	handleSelect([null, null])
+    // }
+  };
+  const handleBlur = e => {
+    setActive(false);
+    const value = e.target.value;
+    const valueParts = value.split(DELIMITER);
+    const startDateValid = validateDate(valueParts[0], minDate, maxDate);
+    const endDateValid = validateDate(valueParts[1], minDate, maxDate);
+    if (!startDateValid || !endDateValid || startDateValid && endDateValid && endDateValid.getTime() < startDateValid.getTime()) {
+      setTextValue('');
       handleSelect([null, null]);
     }
   };
@@ -147,9 +160,8 @@ const Period = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         placeholder: 'дд.мм.гггг - дд.мм.гггг',
         ...restProps,
         disabled: disabled,
-        id: 'period',
         value: textValue,
-        onBlur: () => setActive(false),
+        onBlur: handleBlur,
         onChange: handleChange,
         onFocus: () => setActive(false),
         autoComplete: 'off',