вставить кнопку как функцию в DatePicker

Question

Я хочу добавить пользовательскую кнопку «Применить» за пределами моего средства выбора даты, которая выбирает две даты для моего диапазона. Мои переменные $ {date_in} для моей даты начала и $ {date_fi} для моей даты окончания. это мой код:

      var dateFormat = "mm/dd/yy",
        from = $( "#from" )
          .datepicker({       
           defaultDate: "+1w",
            changeMonth: true,    
            numberOfMonths: 1

          }).datepicker("setDate",'${date_in}')
          .on( "change", function() {
            to.datepicker( "option", "minDate", getDate( this ) );
          }),
        to = $( "#to" ).datepicker({
          defaultDate: "+1w",
          changeMonth: true,
          numberOfMonths: 1,
          showButtonPanel:true

        }).datepicker("setDate",'${date_fi}')
        .on( "change", function() {
          from.datepicker( "option", "maxDate", getDate( this ) );
        });

      function getDate( element ) {
        var date;
        try {
          date = $.datepicker.parseDate( dateFormat, element.value );

        } catch( error ) {
            console.log("no date");
          date = null;
        }

        return date;
      }
    });