feat(RelativeRangeDatePickerDialog): allow disable focus trap

gravity-ui · Jan 27, 2025 · 34b8309 · 34b8309
1 parent e5c5940
commit 34b8309
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/RelativeRangeDatePicker/components/PickerDialog/PickerDialog.tsx b/src/components/RelativeRangeDatePicker/components/PickerDialog/PickerDialog.tsx
@@ -26,7 +26,8 @@ export interface PickerDialogProps {
     isMobile?: boolean;
     anchorRef?: React.RefObject<HTMLElement>;
     onClose: () => void;
-    focusInput: () => void;
+    focusInput?: () => void;
+    disableFocusTrap?: boolean;
 }
 
 export function PickerDialog({
@@ -38,6 +39,7 @@ export function PickerDialog({
     isMobile,
     anchorRef,
     className,
+    disableFocusTrap,
 }: PickerDialogProps) {
     if (isMobile) {
         return (
@@ -56,14 +58,14 @@ export function PickerDialog({
             open={open}
             onEscapeKeyDown={() => {
                 onClose();
-                focusInput();
+                focusInput?.();
             }}
             onClose={onClose}
             role="dialog"
             anchorRef={anchorRef}
             contentClassName={b('content', {size: props.size}, className)}
-            autoFocus
-            focusTrap
+            autoFocus={!disableFocusTrap}
+            focusTrap={!disableFocusTrap}
         >
             <DialogContent {...props} state={state} onApply={onClose} />
         </Popup>