jcarvalho priority commented 3 weeks ago

Thanks for providing sample. yes. I added container as below. bit when user keep press enter key then it is coming outside the modal.

let options = { format:'mm/dd/yyyy', disableFuture: _isDisableFuture, min: new Date("01/01/1900"), max: new Date(), inline: true, container: '#largeDailog'
}

        mdb.Datepicker.getOrCreateInstance($('#'+elementId)).update(options);

'largeDailog' is modal dialog id.

jcarvalho priority commented 3 weeks ago

Even this not worked. the date picker placed bottom left corner.

$('#mydatepicker').on('keypress' ,function(e){ let keyCode = event.which || event.keyCode; console.log("Key pressed: " + keyCode + ",id:" + e.target.id); if( keyCode === 13){ //$("#" + e.target.id).trigger('click');
//e.stopImmediatePropagation(); //e.stopPropagation(); e.preventDefault(); return false; } });

jcarvalho priority commented 3 weeks ago

Even this not worked. the date picker placed bottom left corner.

$('#mydatepicker').on('keypress' ,function(e){ let keyCode = event.which || event.keyCode; console.log("Key pressed: " + keyCode + ",id:" + e.target.id); if( keyCode === 13){ //$("#" + e.target.id).trigger('click');
//e.stopImmediatePropagation(); //e.stopPropagation(); e.preventDefault(); return false; } });

Grzegorz Bujański staff commented 3 weeks ago

Can you create a snippet with an example? I tried to reproduce this error using the code you provided, but everything looks fine: https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/6270716#js-tab-view