All Questions
Tagged with datepicker angular-material
399
questions
-1
votes
1
answer
39
views
Adding and styling buttons to material datepicker to fit in seamlessly
I want to add buttons to my datepicker go to the previous and next day without opening the datepicker. After some hours I got this result:
Current state of datepicker with buttons
It's not that bad, ...
0
votes
0
answers
27
views
Adding Previous and Next Month dates in Angular Mat-Calendar
Is this possible to show previous and next months dates from first and last week of the current month in the Angular Mat Calendar. Please see picture for reference.
Calendar
I am unable to find ...
1
vote
1
answer
49
views
Angular Material DatePicker Format
I have an angular application, which is styled with Angular Material. In short, I have a form, which consists of multiple mat-form-field components, among which there is a datepicker one. The idea is ...
1
vote
1
answer
18
views
Multi select date range in angular material
An implementation of a multi date range selector in Angular that is similar to the react-multi-date
0
votes
0
answers
25
views
Angular Material Version17 Mat Calendar is not getting close on date selection or on backdrop need a refresh to close the picker whole screen is freez
<div class="ui-lg-3 ui-md-2 ui-g-12 story-section">
<mat-form-field rds-form-field class="w-90">
<mat-label rds-form-field-label>End Date</...
1
vote
1
answer
72
views
Angular getLocaleFirstDayOfWeek('en-FR') returns 0 (Sunday) as the start day of the week where as it returns 1 (Monday) for en-NL
I need to show the start day of the week based on locale and customise the date picker to show the week days. Since NativeAdaptor always returns Sunday as the week start day, a custom adaptor is ...
0
votes
1
answer
45
views
Angular Datepicker with format MM.yyyy wants to select day
I want to use a datepicker that only accepts month and year. According to Angular Materials I built a function which should close the datepicker after the month has been selected - so that no day can ...
0
votes
1
answer
33
views
Mat Date picker sending the incorrect date
I have this input for selectin date
<mat-form-field class="w-full">
<mat-label>{{ "DATE" | translate }}</mat-label>
...
0
votes
1
answer
46
views
Strict validation for Angular material datepicker
currently I'm using Angular material datepicker and I allow user to select date from calendar or directly input in field manually.
Currently if user input "5-5-5" and click outside it will ...
0
votes
1
answer
38
views
Change Detection for matDatepickerFilter in Angular datepicker
I added a matDatepickerFilter to my material datepicker which works fine. When I open the datepicker, choose a date, close the datepicker and add the newly selected date to the filter array and open ...
3
votes
2
answers
2k
views
Angular Material 17 No provider for DateAdapter in Standalone Component
I have a nx project with angular 17 app and try to use a the angular material date picker with material 17.0.4. But I get the
NullInjectorError: No provider for DateAdapter!
Error. The components ...
1
vote
1
answer
321
views
get selected day value before using mat-date-range-picker-actions
I have a date range picker. How can I get the selected day before closing the calendar. I tried dateInput, dateChanges, but if I have mat-date-range-picker-actions in my code, I only get the value ...
0
votes
1
answer
1k
views
Angular material date picker input is forcing wrong date format
I have a problem with setting the date format on the Material Date picker input, but he is always showing the wrong format. I have set it up exactly as it is in docs.
Here is what I have in providers:
...
0
votes
1
answer
109
views
Angular Matrial DateInput Harness returns value in wrong format
I have component which displays Angular Material date inputs. I'm trying to test it using Material Harness CDK and Spectator. I have problems with date formats.
I have custom DateAdapter:
export class ...
0
votes
0
answers
123
views
How to keep focus on input element when Angular datepicker is opened?
I want to open material datepicker when clicking on input field AND for input field to be focused after that. How can I implement this functionality?
Here what I've comed up with:
<mat-form-field&...