Making a text field uneditable and not just readonly

Making a text field uneditable and not just readonly

When i click on a textfield, i get a dropdown so the user could select a
value from the list.
After the user selects the date from the dropdown, he/she could edit the
date by even adding characters to it. So i want to find a way to prevent
this. I thought of making the field un-editable. So i used readonly but,
this prevents the user from clicking and displaying the list. So can
someone tell me how can i make the field uneditable.
<input id="datePiccc" type="text" class="dates" />