I created a date picker using the following code and set to readonly. The field in the website looks like readonly but when i click on the filed the date picker shows up. i need to disable it too. how can i achieve this?

 < input type="text" class="form-control o_website_form_input o_website_form_date" name="name" readonly=""/>

Here is the screenshot:

    \https://prnt.sc/oaj54z