How to use with xtypes?

[balupton]

So I've got the following code:

            items: [
                # Fields
                {
                    xtype: "fieldset"
                    defaults: 
                        required: true
                        labelAlign: "left"
                        labelWidth: "40%"
                    items: [ 
                            xtype: "textfield"
                            name: "name"
                            label: "Name"
                            placeHolder: 'My Event'
                            useClearIcon: true
                        , 
                            xtype: "textfield"
                            name: "description"
                            label: "Description"
                            placeHolder: 'is awesome'
                            useClearIcon: true
                        , 
                            new Ext.ux.touch.DateTimePicker(
                                useTitles: true
                                id: "dt"
                                value: 
                                    day: 23
                                    month: 2
                                    year: 2000
                                    hour: 13
                                    minute: 45
                                listeners: hide: (picker) ->
                                    window.alert (picker.getValue())
                            )
                    ]
                },

                # Actions
                {
                    xtype: "fieldset"
                    items: [ 
                        xtype: "button"
                        text: "Submit Event"
                        ui: "confirm"
                        handler: ->  
                            Evently.Views.eventForm.submit waitMsg: 
                                message: "Submitting"
                                cls: "demos-loading"
                    ]
                }
            ]

However that is not rendering the DateTimePicker correctly, is there a way to use it with xtypes like the other two fields?

[olegtaranenko]

looks like you are using CoffeScript...
'usual' syntax is e.g.:

        items: [
            {
                xtype: "datetimepickerfield",
                label: _("Date"),
                name: 'TheDate',
                init_to_now: false,
                picker: {
                    showYears: true,
                    yearFrom: new Date().getFullYear() - 1,
                    yearTo: new Date().getFullYear() + 1,
                    useTitles: true,
                    minuteScale: 10
                },
                listeners: {
                    scope: this,
                    afterrender: function(ct) {
                        TheDate = ct;
                    },
                    change: function (ct, the) {
                        var model = this.record;
                        model.set('TheDate', the);
                    }

                }
            }
          ]