Как выбрать несколько дней из множественного выбора для сохранения в базе данных

Question

У меня есть таблица, в которой должны храниться доступные дни, выбранные пользователем, и я увидел этот плагин под названием multipledatespicker в ответе на вопрос, уже размещенный здесь.

Что я хочу: пользователь выбирает все дни, икаждый из них должен быть сохранен в моей таблице доступности.Прежде всего я установил плагин через npm. Ссылка здесь

npm install jquery-ui-multidatespicker

Тогда мой jquery выглядит так:

$(document).ready(function(){
    $('.pgwSlider').pgwSlider(); //this is not important
    $('#mdp-demo').multiDatesPicker();
});

Тогда, на мой взгляд, у меня есть это:

<form method="POST" action="{{route('availability.store')}}">
    @csrf
    <input type="text" placeholder="Select Days" id="mdp-demo" />
</form>

Но когда я нажимаю на поле ввода, календарь не отображается.

Пробовал через веб-пакет тоже, но безуспешно:

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');


mix.styles([
    'resources/assets/css/libs/style.css',
    'resources/assets/css/libs/bootstrap.min.css',
    'resources/assets/css/libs/pgwslider.min.css',
    'resources/assets/css/libs/jquery-ui.multidatespicker.css'

], 'public/css/libs.css');

mix.scripts([
    'resources/assets/js/libs/jquery-3.3.1.min.js',
    'resources/assets/js/libs/bootstrap.js',
    'resources/assets/js/libs/pgwslider.min.js',
    'resources/assets/css/libs/jquery-ui.multidatespicker.js',
    'resources/assets/js/libs/scripts.js',

], 'public/js/libs.js');

Это то, что я вижу в консоли:

libs.js:3963 Uncaught TypeError: $(...).multiDatesPicker is not a function
at HTMLDocument.<anonymous> (libs.js:3963)

Как мне получить даты и сохранить в моей таблице?