Timepicker control doens't appear on datetime grid filter in AngularJS

[Zak]

Hello,

I'm using Grid with filters in my AngularJS application, following an example from http://demos.telerik.com/kendo-ui/grid/filter-menu-customization

My timestamp field has "date" type:

schema: {
           model: {
               id: "id",
               fields: {
                   applicationName: { type: "string" },
                   category: { type: "string" },
                   comment: { type: "string" },
                   entityName: { type: "string" },
                   userName: { type: "string" },
                   machineName: { type: "string" },
                   timestamp: { type: "date" }
               }
           }
       }

And I'm using the same column format: 

{
                    field: "timestamp",
                    title: "Timestamp",
                    format: "{0:MM/dd/yyyy HH:mm:ss}",
                    filterable: {
                        ui: "datetimepicker"
                    }
                },

But only date picker appears in the filter row of my grid, when there is date and time pickers appear in the example. See the screenshot attached.

The only difference I see is that my application uses Angular and the example is pure jQuery. 

How can I add timepicker in Angular?

 

 

 

 

 

 

[Dimiter Topalov]

Hi Zak,

The screenshot suggests that the filtering mode is set to "row", while the discussed online demo customizes the default filter menu (AngularJS context does not change this functionality):

http://dojo.telerik.com/UceyA 

If you would like to customize the default filtering UI when in "row" filtering mode, you can use the columns.filterable.cell.template option, and provide a function configuring the desired UI:

http://dojo.telerik.com/UceyA/2

I hope this helps.

Regards,
Dimiter Topalov
Telerik by Progress