Как отключить автоматическое открытие jquery выбора месяца пользовательского интерфейса?

Question

Я использую плагин Jquery ui с MonthPicker. https://github.com/KidSysco/jquery-ui-month-picker. Я последовал руководству и вызвал функцию MonthPicker (). Я хочу отображать только ввод, я добавляю кнопку: false. Но, месяц сборщик авто открыт. Как я могу решить эту проблему?

Это мой код:

HTML:

  <div class="row pt-0 pb-0" title="Add Period" id="modalPeriod">
            <div class="card w-100" style="border-bottom: 0;">
                <div class="card-body">
                    <div class="row">
                        <div class="col-4 mt-2">
                            <label for="plan_period" class="m-0">
                                Period (month)(<small class="text-danger">*</small>)
                            </label>
                        </div>
                        <div class="col-8">
                            <input type="text" id="plan_period" class="input-sm form-control" value="" readonly>
                            <small class="text-danger" style="display: none;" id="err_period"></small>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-4 mt-2">
                            <label for="start_date">Start Date (<small class="text-danger">*</small>)</label>
                        </div>
                        <div class="col-8">
                            <input type="text" id="start_date" value="" class="input-sm form-control">
                            <small class="text-danger" style="display: none;" id="err_start_date"></small>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-4 mt-2">
                            <label for="end_date">End Date (<small class="text-danger">*</small>)</label>
                        </div>
                        <div class="col-8">
                            <input type="text" id="end_date" class="input-sm form-control">
                            <small class="text-danger" style="display: none;" id="err_end_date"></small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

JS:

   let modalPeriod = $('#modalPeriod').dialog({
        autoOpen: false,
        modal: true,
        width: 500,
        height: 300,
        buttons: {
            Save: function () {

            },
            Cancel: function () {
                $(this).dialog('close');
            }
        },
        open: function (event, ui) {
            jQuery('.ui-widget-overlay').bind('click', function () {
                jQuery('#modalPeriod').dialog('close');
            }).css({
                "background": '#212529',
                'opacity': '0.6'
            });
            $('#plan_period').MonthPicker({});
        },
    });