более чем одна функция из jquery UI

Я использую jquery ui на своем веб-сайте. Я пытаюсь использовать jquery ui для показа всплывающих окон и для datepicker, но работает только всплывающее окно.

Поэтому мой вопрос: как я могу использовать jquery как для popup, так и для datepicker.

Вот мой код:

$(function () {
    $("#dialog").dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        }
    });
    $("#opener").click(function () {
        $("#dialog").dialog("open");
    });
});
$(function () {

    $(".from").datepicker({
        showOn: "button",
        buttonImage: "images/cal.gif",
        buttonImageOnly: true,
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 2,

        onClose: function (selectedDate) {
            $(".to").datepicker("option", "minDate", selectedDate);
        },
        altField: "#alternate",
        altFormat: "DD, d MM, yy"
    });
    $(".to").datepicker({
        showOn: "button",
        buttonImage: "images/cal.gif",
        buttonImageOnly: true,
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 2,

        onClose: function (selectedDate) {
        $(".from").datepicker("option", "maxDate", selectedDate);
        },
        altField: "#alternate1",
        altFormat: "DD, d MM, yy"
    });
});