jquery datepicker displaying off a button click, is there a way to determine display state (show/hide)?

Question

I'd like to make the button into a toggle but I looked at the docs and couldn't find a isHidden isVisible type of property...

.showCalendar is my button and #weekDate is my input field. Is there a way to get the display state of datepicker?

 $('.showCalendar').click(function () {
    $('#weekDate').datepicker("show");
 });

Answer 1

You can check visibility of widget and toggle widget as following:

$(".dp-icon").click(function (event) {
    var visible = $(".has-dp").datepicker("widget").is(":visible");
    $(".has-dp").datepicker(visible ? "hide" : "show");
})