Trying to figure out how to manipulate the body of the rendered Datepicker to add a custom header and footer, but not having any luck.

I've tried a few things now, but am at a loss on what to do next, nothing's working.

I've attempting trying to do something equivalent to this:

$('#ui-datepicker-div').prepend('<div><h1>A New Header</h1></div>')

(works fine from chrome devtools directly on the element)

from the directive's beforeShow event, but this is simply getting ignored.

Any ideas on how I might be able to do this in good ol' angularjs?