chore: tmp of it

src/NewPicker/PickerInput/RangePicker.tsx

@@ -379,7 +379,7 @@ function RangePicker<DateType extends object = any>(
     false,
   ]);
 
-  const onSelectorInvalid = (index: number, valid: boolean) => {
+  const onSelectorInvalid = (valid: boolean, index: number) => {
     setFieldsInvalidates((ori) => fillIndex(ori, index, valid));
   };
 

src/NewPicker/PickerInput/Selector/RangeSelector.tsx

@@ -19,6 +19,8 @@ export type SelectorIdType =
 export interface RangeSelectorProps<DateType = any> extends SelectorProps<DateType> {
   id?: SelectorIdType;
 
+  activeIndex: number | null;
+
   separator?: React.ReactNode;
 
   value?: [DateType?, DateType?];
@@ -31,7 +33,6 @@ export interface RangeSelectorProps<DateType = any> extends SelectorProps<DateTy
 
   // Invalid
   invalid: [boolean, boolean];
-  onInvalid: (index: number, valid: boolean) => void;
 
   // Offset
   /**
@@ -242,14 +243,14 @@ function RangeSelector<DateType = any>(
       const parsed = validateFormat(text);
 
       if (parsed) {
-        onInvalid(index, false);
+        onInvalid(false, index);
         onChange(parsed, index);
         return;
       }
 
       // Tell outer that the value typed is invalid.
       // If text is empty, it means valid.
-      onInvalid(index, !!text);
+      onInvalid(!!text, index);
     },
     onHelp: () => {
       triggerOpen(true, index);

src/NewPicker/PickerInput/Selector/hooks/useInputProps.ts

@@ -24,6 +24,7 @@ export default function useInputProps<DateType extends object = any>(
     invalid?: boolean | [boolean, boolean];
     placeholder?: string | [string, string];
     disabled?: boolean | [boolean, boolean];
+    activeIndex?: number | null;
   },
 ) {
   const {
@@ -45,6 +46,7 @@ export default function useInputProps<DateType extends object = any>(
     invalid,
     placeholder,
     disabled,
+    activeIndex,
   } = props;
 
   // ======================== Parser ========================

src/NewPicker/interface.tsx

@@ -395,7 +395,6 @@ export interface SelectorProps<DateType = any> extends SharedHTMLAttrs {
   suffixIcon?: React.ReactNode;
   className?: string;
   style?: React.CSSProperties;
-  activeIndex: number | null;
   /** Add `-placeholder` className as a help info */
   activeHelp?: boolean;
   focused: boolean;
@@ -424,6 +423,7 @@ export interface SelectorProps<DateType = any> extends SharedHTMLAttrs {
   maskFormat?: string;
   onChange: (date: DateType, index?: number) => void;
   onInputChange: VoidFunction;
+  onInvalid: (valid: boolean, index?: number) => void;
   /** When user input invalidate date, keep it in the input field */
   /**
    * By default value in input field will be reset with previous valid value when blur.