ng2-daterangepicker | A date range picker created in Angular 2 and bootstrap | Datepicker library

I am having problem with ng2-daterangepicker while making prod build.

I just ran the code npm install --save @angular/material @angular/animations.

Its my package.json

In my application working with angular js2 standalone. After integrating angular js2 build to spring boot web app files for deploy as single war. then getting error like this

I tried two senarioes 1) add npm intall and npm run build add as maven exucution goals. 2)Angularjs build manually by using commands that build out out copy to web app directry then build war. These war put inito my local host then get these js missing problem. I'm new in angular2 My working environment Node : v8.1.2 npm -: v5.0.3 anular: 1.2

I am trying to add continuous integration for Excel add-in written in Angular 6. I am using Karma and Jasmine. When I run tests, every one of them passes but then I get the following error:

Chrome 68.0.3440 (Windows 10 0.0.0) ERROR
{
"message": "An error was thrown in afterAll\nUncaught ReferenceError: Office is not defined",
"str": "An error was thrown in afterAll\nUncaught ReferenceError: Office is not defined"
}

This is my package.json:

i hope someone can help me. I Tried to figure it out, but i didn't find any way.

I am using this daterangepicker: ng2-daterangepicker

I would like to set the value of my ng2-daterangepicker programatically in my component.ts file.

I found this solution: Daterangepicker methods

but that solution works for me only, if i just have 1 daterangepicker in my component.html file.

My problem is, that i have 2 daterangepickers and I can't set the value of the other daterangepicker programatically.

Thanks in advance!

MY CODE:

app.component.html:

I am trying to migrate web application I'm working on to Angular 5.2.
Followed the instructions on https://angular-update-guide.firebaseapp.com/ , I've been able to run the application in the development mode using 'ng serve -lr' as usually.
However, after application launches, multiple HTTP requests, which weren't triggering on Angular 4.4 are executing and eventually, webpack-dev-server disconnects.
My package.json on Angular 4.4, before update:

How can I get rid of the following warning out in my project? My team doesn't have this warning like me.

npm WARN @angular/compiler-cli@5.0.1 requires a peer of typescript@>=2.4.2 <2.5 but none is installed. You must install peer dependencies yourself.

npm WARN angular2-daterangepicker@0.0.5 requires a peer of @angular/core@2.0.0 but none is installed. You must install peer dependencies yourself.

npm WARN angular2-daterangepicker@0.0.5 requires a peer of bootstrap@^3.3.6 but none is installed. You must install peer dependencies yourself.

npm WARN angular2-daterangepicker@0.0.5 requires a peer of jquery@^2.2.4 but none is installed. You must install peer dependencies yourself.

npm WARN angular2-daterangepicker@0.0.5 requires a peer of rxjs@5.0.0-beta.6 but none is installed. You must install peer dependencies yourself.

npm WARN angular2-daterangepicker@0.0.5 requires a peer of zone.js@^0.6.12 but none is installed. You must install peer dependencies yourself.

npm WARN ng2-daterangepicker@2.0.12 requires a peer of @types/jquery@^3.2.12 but none is installed. You must install peer dependencies yourself.

npm WARN thruway.js@1.2.13 requires a peer of ws@^2.2.1 but none is installed. You must install peer dependencies yourself.

npm WARN tsickle@0.24.1 requires a peer of typescript@2.4.2 but none is installed. You must install peer dependencies yourself.

I am working on Angular 2 project in which I need to use this date range picker:

https://www.npmjs.com/package/ng2-daterangepicker

A date picker constist of a set of options represented by a json object that we pass trough a template. For example:

input type="datepicker" [options]="myDatePickerOptions" ...>

I want to allow user to translate the website by choosing the one language from the list (translation is done, everything working fine except date picker).

The idea is that we translate the calendar once user select a new language (which should be simple as just updating the json object that represents an options myDatePickerOptions). However, when I update settings nothing changes.

I come to the conclusion that, once initialized, date picker couldn't be changed. Therefore, I thought the way to achieve my goal is to re-initialize component, re-render or whatever you want to call it.

My question is how do I re-initialize the child component (so the construct, ngoninit and all other stuff get called).

I am using this calendar on my Angular2/Spring web application:

https://www.npmjs.com/package/ng2-daterangepicker

http : // www. daterangepicker . com/

I am facing the problem of formatting the date output. From the official documentation this is the object that is responsible for formatting the date:

locale.format: "MM/DD/YY" // which returns 05/13/2017

However, I am interested in more user-friendly output. Something like: May 2017.

How am I suppose to do this? Where can I found letters that can format my date in Javascript (like this in PHP: http://php.net/manual/en/function.date.php).

Thank you very much for the replies.