date-range-picker | Ember addon that provides various date picking components | Addon library

I am trying to remove the extra space where the label was supposed to be (the green part)

This seems to be the CSS for the date-picker, now here comes the problem :

I added this in the .css file, but it doesn't seem to do anything.

this is the date range picker in html form

I have two separate mat-form-fields from the angular material library. When I use one everything is working as intended in the first picture below.

My problem is how can I disable button if the value of datepicker is empty. I tried checking using ngIf and get the value of that datepicker if it is empty, then disable the button, but it does not work. What I want to achieve is when the datepicker is empty button cannot be clickable or [disabled]. Thank you for your answer and help

Here is the code in my component.html

I am working on a project where I had a ngFor with the same input repeating each day.

I used Angular Material Calendar for a project and tried to prevent the selection of dates before today so I tried a [min] constratint but that doesn't do the trick with a luxon creation of today's date so each day, the minimal date moves according to the good day.

Is there a good way to do it? I have my calendar isolated here: https://stackblitz.com/edit/angular-swrr7s?devtoolsheight=33&file=src/app/date-range-picker-overview-example.html

Thanks

I am trying to call mat date-range-picker calendar inside a component , that means supposedly i have one component menu, calling component leave from menu component,and in menu component i have mat date range picker calendar. now the position of calendar,when i call leave component must be after the menu component, as that is how i written in my HTML code. but calendar is showing on top left. please do help. I tried adding this to css file. But didnt work for me.

@import '../../../../../../node_modules/@angular/material/prebuilt-themes/indigo-pink.css';

I'm having troubles to find a way to use mat-date-range-picker with only year and month... Did you guys have already find a way to do it ? :)

I've tried to use the same function used in the documentation for the date picker, but i cannot found a way to restart the pop up for the second date....

Im trying to set the Default Month the Date-picker opens up on, Based on values ill be getting from a Calendar Event. E.G: You're on April you click to the next month on the calendar, when you select the date-picker it opens on May

I've looked around and a lot of the questions discuss the DatePicker but not the RangeSelector, How this is resolved usually(From what I can tell) is by: