Angular 2 - jqueryui draggable implementation

Question

I need to implement jquery-ui being dragged inside an angular2 project.

I managed to drag from the outside using angular-cli scripts.

"scripts": [
                "../node_modules/jquery/dist/jquery.min.js",
                 "../node_modules/moment/min/moment.min.js",
                "../node_modules/bootstrap/dist/js/bootstrap.min.js",
                "../node_modules/fullcalendar/dist/fullcalendar.min.js",
                "../node_modules/fullcalendar-scheduler/dist/scheduler.min.js",
                "assets/js/jquery-ui.min.js"
            ],

But the problem is that it increases the set of scripts. I use jQuery inside the application

import * as $ from "jquery";

We use fullcalender, which will act as droppable. Fullcalender only supports jQuery draggable. It is possible to import fullcalender inside the component. But imported jQuery and global jQuery really have some other context. therefore the fall does not work.

I am currently using both

declare var jQuery: any;

for global.

What is the correct way to import jQuery being dragged inside an angular2 project?