How to select date and time from devextreme calendar in cypress

Question

I want to select date and time from devextreme data time widget and where this data entered this field is locked.

DevExtreme Calendar Calendar Control HTML Time Control HTML

Answer 1

There are two <input> for each time value on the form.

The first is hidden but has the value see <input type="hidden" value="4"> and the second is for up/down control see <input inputmode="decimal"....

To change the value directly, use force:true on the hidden <input>

cy.get('dx-timeview')
  .find('input:hidden')
  .type('6', {force:true})