Disabling manual inputs for KendoUI elements

Question

I am using few KendoUI elements like ComboBox, DatePicker etc. everything works fine but there is one major problem that these elements actually allow manual input.

For e.g. in the comboBox I can type by clicking on it which activates a text box, which is really dangerous and spoils the purpose of using a <select> type list elements, same is the case with date picker.

So can you guide how can I disable these manual inputs and only restrict user to the select from the available options.

<input id="date" value="@DateTime.Now.Date"/>
<select name="need" id="need">
                            <option value="1">High</option>
                            <option value="2">Normal</option>
                            <option value="3">Low</option>
                        </select>
<script type="text/javascript">

     $("#date").kendoDatePicker();
     $("#need").kendoComboBox();
</script>

Kindly Help.

Answer 1

If the datepicker is disabled it will not be submitted to the server. Better use the readonly attribute instead.