How can I disable manual input date from keyboard? mentioned fix deprecated

[workforbala]

Before you start - checklist

• [X] I followed instructions in documentation written for my React-Date-Picker version
• [X] I have checked if this bug is not already reported

Description

How can I disable manual input date from keyboard? I wan't to leave possibility use calendar UI only.

mentioned fix for this issue is deprecated not working on all the browser. https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-user-input

Steps to reproduce

try not to type keyboard in put on date picker

Expected behavior

keydown method so developer can disable user to enter.

Actual behavior

keydown method so developer can disable user to enter.

Additional information

No response

Environment

• Browser (if applicable):
• React-Date-Picker version:
• React version:

[carmelocatalfamo]

+1

[github-actions[bot]]

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this issue will be closed in 14 days.

[github-actions[bot]]

This issue was closed because it has been stalled for 14 days with no activity.

[pitops]

Here is how i have done it

css

.react-date-picker__wrapper  .react-date-picker__inputGroup {
    pointer-events: none;
  }

js

const [openCalendar, setOpenCalendar] = useState(false);
    const calendarRef = useRef(null);

    useEffect(() => {
        const calendarComponent = document.querySelector('.react-date-picker__calendar')
        if (calendarComponent) {
            calendarRef.current = calendarComponent
        }
    }, []);

const toggleCalendar = (e) => {
        e?.preventDefault()
        if (e?.target && calendarRef.current.contains(e.target)) return
        setOpenCalendar(prev => !prev)
    }


return <div onClick={toggleCalendar}>
    <DatePicker
       // other props       
       isOpen={openCalendar}
       onCalendarClose={toggleCalendar}
    />
</div>