Cannot prevent calendar popup from opening on input click while allowing typing in DateRangePicker ( Ideal for calender to open on click of calender icon)
What version of rsuite are you using?
5.80.2
What version of React are you using?
18.3.1
What version of TypeScript are you using (if any)?
No response
What browser are you using?
Chrome/Safari
Describe the Bug
When using , there is no way to allow typing in the input without also allowing the calendar popup to open on input click. Setting [editable={false}] disables typing, but setting it to true allows both typing and popup opening on click. There is no prop or documented way to decouple these behaviors.
Expected Behavior
Expected Behavior I expect to be able to:
Allow typing in the input box. Prevent the calendar popup from opening when the input is clicked (only open via a custom button or programmatically).
To Reproduce
Render a . Try to prevent the popup from opening on input click (e.g., by stopping propagation or using custom event handlers). Notice that the popup still opens on input click, or typing is disabled if editable={false}.
Source: rsuite/rsuite