angular-bootstrap-datetimepicker-directive
angular-bootstrap-datetimepicker-directive copied to clipboard
Datetimepicker gets cut off
Using the datepicker inside a responsive-table or any kind of container with overflow:auto/hidden makes the datetimepicker to be cut off. Angular UI datepicker plugin solves this problem with an option: datepicker-append-to-body="true" Is there anything like this to work around this issue?
I remember this is a general issue with bootstrap, not particularly for the datetimepicker. For example, if you use popover in table, you have the similar cutoff problem. For popover, I solve it as the following
.popover { max-width: 400px; }
I think a similar solution could work for datetimepicker. But in my cases, I usually use grid or other options to replace table.