Adding a datetime picker inside a dropdown field

2 posts, 0 answers
  1. Dragos
    Dragos avatar
    44 posts
    Member since:
    Dec 2015

    Posted 21 Dec 2015 Link to this post

    Hello gents,

    Is there a way to do a datetimepicker inside a kendo ui dropdown list . What i want to accomplish is this: have a select and the default option to be a date time picker and the other options to be some data that i bring via a .net controller.( i wanna do this dynamically for i don't know if i have data or not ).Also it must be a widget so that's why i attached the following code

    I have tried the  following :

        (function () {
            var kendo = window.kendo,
                ui = kendo.ui,
                Widget = ui.Widget,

            CHANGE = "change";

            var RangeSelector = Widget.extend({
                init: function (element, options) {
                    var that = this;

          , element, options);
                    that.template = kendo.template(that.options.template);

                options: {
                    name: "RangeSelector",
                    autoBind: true,
                    template: "<ul><li id='default'/></li></ul>"
                refresh: function () {
                    var that = this,
                        view = that.dataSource.view(),
                        html = kendo.render(that.template, view);

                _dataSource: function () {
                    var that = this;
                    // returns the datasource OR creates one if using array or configuration object

                    that.dataSource =;

                    // bind to the change event to refresh the widget
                    that.dataSource.bind(CHANGE, function () {

                    if (that.options.autoBind) {




            dataSource: ["item1", "item2", "item3"]

            format: "MM/dd/yyyy hh:mm tt"


  2. Alexander Valchev
    Alexander Valchev avatar
    2873 posts

    Posted 23 Dec 2015 Link to this post

    Hi Dragos,

    Inserting DatePicker inside Kendo DropDownList is not supported. Please consider using two separate widgets.

    Another possible option is to develop custom widget that suits to your requirements. I will not be able to provide guidance for that as it is out of the scope of our support services.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top