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

To my knowledge, there is no way to get the display state of the date picker (apparently, applying :visible to the UI widget does not work).

However, you can solve your problem by binding to the toggle event:

$(".showCalendar").toggle(function() {
    $("#weekDate").datepicker("show");
}, function() {
    $("#weekDate").datepicker("hide");
});