64 questions
0
votes
0
answers
49
views
How to keep Angular Material date range picker calendar always open and positioned below input field?
I'm working on an Angular application where I have a specific requirement for a component that uses the Angular Material date range picker. I need the calendar to be always open and displayed directly ...
- 462
1
vote
1
answer
321
views
Angular: Material Datepicker: date range selection in month view
I am working with Angular/Material version 19 (standalone).
When I want to display the calendar in a month view, this is my template's code:
<mat-calendar #calendar
[(selected)]="...
- 2,503
0
votes
0
answers
34
views
In angular material calendar, how do you add borders to all date cells including the empty ones
I'm using angular material calendar and I want to add empty cells with borders whenever the day does not fall on the first day of the week. I also want to add empty cells at the end of the calendar ...
0
votes
0
answers
122
views
Angular Material Datepicker bug in Firefox
I'm not sure if anyone has witnessed this... but using Angular material and trying to use the datepicker. A couple of dates combine the day and year to a weird fraction. This seems to happen only on ...
- 19
-1
votes
1
answer
242
views
Angular Material DatePicker Custom Format Example
I'm looking at this StackBlitz here:
https://stackblitz.com/edit/y7p87g?file=src%2Fexample%2Fdatepicker-formats-example.html,src%2Fexample%2Fdatepicker-formats-example.ts
And I'm wondering how to ...
- 2,246
0
votes
1
answer
762
views
Material datepicker doesn't set start value when clicking on input field
I use material date picker with startAt binding to set the default selected value.
I have also enabled the user to click on the input field to open the calendar overlay to select the date. I have done ...
- 3,700
1
vote
1
answer
599
views
Access MatCalendar reference from directive
I have a directive I use for some custom behavior on mat-datepicker.
From within this directive I would like to get access to the associated mat-calendar/MatCalendar component that is opened.
I've ...
- 792
1
vote
0
answers
140
views
In angular lazy loading component mat datepicker not closing after it opens
I am using angular and angular material v15. In lazy load component I am using material date picker. When I am going select date from it after selecting date it is not closing.
I imported all the ...
- 11
0
votes
1
answer
178
views
Angular Material Datepicker not keeps local timezone
I have such code:
<mat-form-field class="example-full-width">
<input
[matDatepicker]="picker"
formControlName="...
- 678
0
votes
1
answer
793
views
How to change Angular Material DatePicker view in code
I have a requirement of Month/Year selection in Angular and we are using Angular Material library.
I have included below code which is opening default view as Month, but on Month selection it is ...
- 321
1
vote
1
answer
1k
views
matDatepicker - css style issue
what can i do to get this fixed?
<mat-form-field appearance="fill">
<mat-label>Choose a date</mat-label>
...
2
votes
1
answer
2k
views
Why does assigning [dateClass] in mat-calendar have no effect?
I would like to add some custom stylings for certain days shown in the mat-calendar component from angular material. After a little bit of research I came across the dateClass property which seems to ...
- 23
2
votes
0
answers
264
views
Mat-datepicker (dateChange), (dateInput), (change), (input) are not working if using <mat-datepicker-actions>
Scenerios is I need a datepicker that allows to choose a date and then
apply & close. Also at the same time I need one button inside
datepicker that will perform another functionality in same ...
- 97
0
votes
2
answers
440
views
Angular MD Datepicker not patching value
I've been creaking my head on this issue, looking for answers but couldn't find anything.
I'm using Angular Material on my project and I'm using reactive forms. One of the fields on my form is a ...
- 1,177
1
vote
1
answer
654
views
Access to Angular Formly Material Datepicker
I want to access the formly datepicker to make it close after selecting the year.
But Im not able to access the datepicer object. Can please anybody help? Thank you!
fieldsOfMyForm: ...
- 209