Laravel Mix

jQuery UI

jQuery UI is a toolkit for rendering common components, such as datepickers, draggables, etc. No adjustments are needed to make it work with Laravel Mix.

Build Your webpack.mix.js Configuration

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

Install jquery-ui

npm install jquery-ui --save-dev

Load Your Desired Widget

// resources/js/app.js

import $ from 'jquery';
window.$ = window.jQuery = $;

import 'jquery-ui/ui/widgets/datepicker.js';

Load CSS

// resources/sass/app.scss

@import '~jquery-ui/themes/base/all.css';

Trigger the UI Plugin

// resources/js/app.js
$('#datepicker').datepicker();