Ant-Forest | based ant forest energy auto-collect script

I have a problem that i can't achieve. I wanted the user not to be allowed to write something on the input. I want them to choose from the calendar icon. My problem is that i user can write something on the input. I have achieved it using DatePicker instead of KeyboardDatePicker` BUT i also want the datepicker icon to show.

In short, i want to achieve the ff:

1. Don't allow user to write on the input.
2. Display datepicker icon
3. They should be able to click anywhere within the input

Pls check my codesandbox

Click here

When using typescript with react, I want to skip passing every single props especially native props for HTML like id, name, placeholder etc but I got error on my {...props}

I've extended my interface with InputHTMLAttributes so that typescript didn't check my props but it still got unresolved error