fix(RelativePickers): always open popup on click on input (#105)

gravity-ui · Jul 10, 2024 · 27390e5 · 27390e5
1 parent 873703f
commit 27390e5
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/components/RelativeDatePicker/hooks/useRelativeDatePickerProps.ts b/src/components/RelativeDatePicker/hooks/useRelativeDatePickerProps.ts
@@ -73,6 +73,17 @@ export function useRelativeDatePickerProps(
         },
         errorMessage: props.errorMessage,
         errorPlacement: props.errorPlacement,
+        controlProps: {
+            onClick: () => {
+                if (state.disabled) {
+                    return;
+                }
+                if (!isOpen) {
+                    state.setActive(true);
+                    setOpen(true);
+                }
+            },
+        },
     };
 
     const {inputProps} = useDateFieldProps(datePickerState.dateFieldState, {

diff --git a/src/components/RelativeRangeDatePicker/RelativeRangeDatePicker.tsx b/src/components/RelativeRangeDatePicker/RelativeRangeDatePicker.tsx
@@ -131,6 +131,15 @@ export function RelativeRangeDatePicker(props: RelativeRangeDatePickerProps) {
                     'aria-expanded': open,
                     disabled: isMobile,
                     className: b('input', {mobile: isMobile}),
+                    onClick: () => {
+                        if (props.disabled) {
+                            return;
+                        }
+                        if (!open) {
+                            setIsActive(true);
+                            setOpen(true);
+                        }
+                    },
                 }}
                 onKeyDown={(e) => {
                     if (props.disabled) {