How can I customize editing behavior of dojox.Grid?

Question

I am currently using code like:

var paymentLayout = [ 
  { field: "id", name: "ID" }, 
  { field: "paymentDate", name: "Payment Date",editable: true }
]; 
paymentsGrid = new dojox.grid.DataGrid(
    { 
      query: { id: "*" }, 
      store: store, 
      structure: paymentLayout 
    },
   "gridNode"
); 
paymentsGrid.startup(); 

Now I want to customize the editing behavior of the grid. For example, I would like to show a date picker for editing date field.

I have found dojox.grid.editors.DateTextBox, but I was not able to find an example of its usage. How can I tell the grid to use this editor for payment date column in above example?