date-selector | Date picker based off bootstrap styles | Datepicker library

I am using on an Angular application using PrimeNG into my project and I am finding some difficulties trying to override the CSS of a PrimeNG component.

In particular I have an orderlist like this:

As you can see the selected item have blue as default background color. I am trying to change it to gray but it is not working.

This is my HTML code of my entire component view:

I am working on an Angular project and I am now facing a problem for which I don't know what could be a good solution.

Basically I have this section into my application containing a list of persons:

As you can see each person have a name, at the moment something like PERSONA 1, PERSONA 2, etc. Next to each person there is a funnel icon that once clicked it will perform a method that filter for the specific person.

This is the view code of my people-list component (the one showing the People list on the left of the previous screenshot):

I am pretty new with Angular and Firebase\FireStore and I am finding the following difficulties trying to add Firestore connection to my project.

I was following the official documentation to add it to my specific project: https://github.com/angular/angularfire/blob/master/docs/install-and-setup.md

So, first of all, I installed AngularFire via NPM in my project by:

Hi friends and sorry about this noob question but i don't get support from the theme developers.
I have a datepicker on one of my websites and would like to add a day to the current date.
So i found a js file what is including some code like this. I am sure you have a solution for this, but i don't ;-)
The goal is that people are not able to book or make a reservation for the same day.

I am attempting to add buttons for navigating through months on a radcalendar (older users struggling with the concept of swiping on phones). App is only used on phones and not tablets.

What I have so far works but only once the user manually selects a date separate to the one that was programmatically set when constructing the calendar. Otherwise, nothing happens at all.

Lets say I have a parent component and child component. The parent component is composed of several child components. The parent component holds and manages a very complex and deep data object. Each child component provides the UI to manage various child objects and properties of the main data object. Whenever the child component changes a property value in the data object hierarchy, that change needs to bubble up to the main data object.

Here is how I might do it in a child component class by passing in a callback object...

I am not able to get the two way binding in angular4 working. Here is the component code.

I'm trying to do something that may not be quite common. I'm trying to leverage Angular at its finest without needing many external dependencies, but for requirements reasons, I have to use one very specific library for date range picking (this one), but it uses JQuery and Moment.js, aswell Bootstrap's CSS (but this one is already added).

In this case, I could simple load JQuery and Moment.js in the page, but that doesn't seem to be an intelligent approach: the bundle size would get bigger, and I have to optimize this app as much as I can.

Then, I came in to an idea: why not lazy-load these dependencies, and then instantiate my component? Seems like a good approach, right?

I'm using a provider that lets me include in the document scripts from a CDN, and it's working well. But now, I have to somehow insert this daterangepicker component, in execution time, when both libraries have loaded and resolved their promises.

Current status:

1 - I've got this parent class, which loads my dependencies (JQuery and Moment.js) on execution time:

I have a datepicker dialog. I only want to show day and month. Year picker dialog must hidden. I already tries other answers like this . Nothing works for me. It should also support for Kitkat to Nougat devices. My datepicker code follows.