tooltip

sets a popup message next to the daterangepicker input when a cursor points to it

string|boolean|function|object tooltip;

Example

// tooltip as a function
webix.ui({
    view:"daterangepicker",
    value:{
        start:new Date(),
        end:webix.Date.add(new Date(),1,"day")
    },
    format:"%d %M %Y",
    tooltip:function(obj){
        return webix.i18n.parseFormatStr(obj.value.start) + 
            " to " + webix.i18n.parseFormatStr(obj.value.end);
    }
});
 
// tooltip as a configuration object
webix.ui({
    view:"daterangepicker",
    value:{
        start:new Date(),
        end:webix.Date.add(new Date(),1,"day")
    },
    format:"%d %M %Y",
    tooltip:{
        dx:10, dy:20,
        template:function(obj){
            return webix.i18n.parseFormatStr(obj.value.start) + 
                " to " + webix.i18n.parseFormatStr(obj.value.end);
        }
    }
});

Related samples

Template of Tooltips

Details

If you define the tooltip as a function, it receives the configuration object of the daterangepicker.

If you define the tooltip as an object, you can configure the tooltip and define its template as a string or a function.