overlays
responsive-overlay
One component, two interaction modes — popover on desktop, bottom drawer on mobile. Same content, the right surface for the input.
Click to open. Narrow the window below the mobile breakpoint and reopen — it becomes a drawer.