Получение справочной ошибки jQuery после добавления jQuery DateTimePicker (не официального) в проект angular

В моем угловом проекте, когда я не добавил jQuery DateTimePicker Очистить jQuery DateTimePicker

jQuery отлично работал с моим проектом angular. Вот как я определил это в своем проекте.

lib.ts

declare var jQuery: any;

window['jQuery'] = require('jquery');
window['$'] = window['jQuery'];

и использовать его в любом подобном компоненте

account.component.ts

import { Component, AfterViewInit } from '@angular/core'

declare var $ : any;

@Component({
    selector: 'app-account',
    templateUrl: './account.component.html',
    styleUrls: ['./account.component.css']
})

export class AccountComponent implements AfterViewInit {

constructor(){
}

ngAfterViewInit(){
    $(".submitBtn").click(() => {
        $(this).css("color", "red");
    });
}

}

И я не получаю никаких сообщений об ошибках на консоли. Но когда я добавил в свой проект jQuery DateTimePicker (ссылка выше)?

package.json

"dependencies": {
  // Other Dependencies //

  "jquery-datetimepicker": "^2.5.20",

  // Other Dependencies //
}

определил его в скриптах как часть angular-cli.json

"styles": [
        "styles.css",
        "../node_modules/jquery-datetimepicker/build/jquery.datetimepicker.min.css"
      ],
 "scripts": [
        "../node_modules/jquery-datetimepicker/build/jquery.datetimepicker.full.js",
      ],

Это начало выдавать мне ошибку на консоли.

Uncaught ReferenceError: jQuery is not defined
    at scripts.bundle.js:2661
    at scripts.bundle.js:2663

В моем шаблоне jQuery DateTimePicker работает абсолютно нормально, когда мы делаем

$('#demo').datetimepicker({inline:true,});

Но эта эталонная ошибка все еще присутствует на моей консоли, она появляется всякий раз, когда я нажимаю «Обновить» или меняю что-либо внутри IDE.