I can't seem to create an example in the examples to show this, my best shot is below.
The key pieces are : date is json is formatted as UTC, field is of type 'date', column is of type 'date' and it is a timefield editor.
The drop down works, the left and right arrows do not.
import DateField from '../../lib/Core/widget/DateField.js';
import Grid from '../../lib/Grid/view/Grid.js';
new Grid({
appendTo : 'container',
fields : [{ type : 'date', name : 'ss' }],
columns : [
{
text : 'Name',
field : 'name',
flex : 2,
width :300,
editor : {
type : 'textfield',
required : true
}
},
{text: 'Time', type :'date', field: 'ss',
format : 'HH:mm', editor : 'timefield'
}
],
data : [ {'name':'greg','ss':'2021-02-21T04:00:00Z'}]
});
The example needs some imports tidied up so that 'date' is recognized as a type in the column, I think that is what I still have to have, if I remove it then the time doesn't display properly.