If specify type as "date" when set DataColumn.editor, you can use DateCellEditor when edit the value of Data Field which Data Type is DATETIME.
In the grid below, "First Date" and "Last Date" columns have been set as date editor. If start to type texts, press alt+down keys or click the button displaying on the right side of the data cell, a calendar will be displayed. If press down key at this point, the input focus will move to the calendar and the background color of the calendar will be changed. If set the date with using the keyboard and press enter key, the selected date value will be transferred to the data cell.
When the focus is in the calendar, it will move to previous month if press page-up key, and to next month if press page-down key, and to previous year if press alt+page-up, and to next year if press "alt+page-down*. And, the focus will move back to the text box if press shift+up key. Or, you can press alt+up key to completely close the calendar box.
We can test the editor of "First Date" column by changing below settings.
Enable to display "Today" button.
Enable to display year shift button.
Disable text input.
You can specify DateCellEditor.minDate and maxDate to specify date range which is selectable from the calendar. The range of "Last Date2" has been specified between "1965-01-01" and "1975-12-31".
You can set DataColumn.editorButtonVisibility property to specify whether to display the cell editor button.
Set whether to display the editor button of "First Date" column.
You can specify DateCellEditor.holiDays property to disable the user from selecting a specific date in the calendar. In the grid below, it has set to disable from selecting every Sunday, May 5, 2016 and May 14, 2016 as First Date with using DayHoliday and DateHoliday, and before January 1, 2000, after December 31, 2016 and one day back and forth from September 15, 2016 as Last Date with using RangeHoliday and BaseHoliday.