About calendar problems

Hello, I found some of canendar problems.

1). displayValues is undefined

var calendarDefault = myApp.calendar({
    onChange: function(p, values, displayValues) {
        console.log(displayValues);     // output: undefined
    }
});

2). He could not be opened. I do not understand what is the reason

// can not open
$$(page.container).click(function() {
    calendarDefault.open();
});

// can open
$$(document).click(function() {
    calendarDefault.open();
});

[dantunes]

For anyone facing the 2nd issue:

2). He could not be opened. I do not understand what is the reason

// can not open $$(page.container).click(function() { calendarDefault.open(); });

// can open $$(document).click(function() { calendarDefault.open(); });

I found that when you have the closeByOutsideClick option on true (by default on calendar init), the bubling cause by the click event fires the close event of the calendar.

This is fixed by setting a handler with the e.stopImmediatePropagation(); to avoid the bubbling (I’m rewriting the original example from this issue):

$$(page.container).click(function(e) {
    e.stopImmediatePropagation();
    calendarDefault.open();
});

BTW, I’m using Framework7 v1.6.4

[nirajkaushal]

Thanks @dantunes ☺️