Skip to main content
AI Assist is now on Stack Overflow. Start a chat to get instant answers from across the network. Sign up to save and share your chats.
64 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
110 views

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 ...
Jobz's user avatar
  • 504
1 vote
1 answer
743 views

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)]="...
TheCuBeMan's user avatar
  • 2,583
0 votes
0 answers
37 views

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 ...
Wit Avery's user avatar
  • 1
0 votes
0 answers
143 views

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 ...
shine-dev's user avatar
  • 19
-1 votes
1 answer
253 views

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 ...
FunkMonkey33's user avatar
  • 2,266
0 votes
1 answer
834 views

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 ...
Malik's user avatar
  • 3,700
1 vote
1 answer
689 views

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 ...
cvb's user avatar
  • 792
1 vote
0 answers
159 views

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 ...
Amii's user avatar
  • 11
0 votes
1 answer
197 views

I have such code: <mat-form-field class="example-full-width"> <input [matDatepicker]="picker" formControlName="...
IngBond's user avatar
  • 698
0 votes
1 answer
815 views

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 ...
Keval Patel's user avatar
  • 341
1 vote
1 answer
1k views

what can i do to get this fixed? <mat-form-field appearance="fill"> <mat-label>Choose a date</mat-label> ...
Orlando Macias's user avatar
  • 11
2 votes
1 answer
2k views

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 ...
HDainester's user avatar
  • 23
2 votes
0 answers
274 views

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 ...
Neeti Jain's user avatar
  • 99
0 votes
2 answers
487 views

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 ...
MrRobot's user avatar
  • 1,197
1 vote
1 answer
684 views

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: ...
Christoph Glaß's user avatar
  • 219
0 votes
1 answer
729 views

I want to disable certain dates on a Material Calendar. These dates come from two sources. The first from inside an object(camper) provided as input. The second is an api call that return a list of ...
Michiel Saey's user avatar
  • 1
2 votes
1 answer
2k views

I'm trying to create a table which will display some info. The columns will be dynamically changing according to the selected date range. I'm using Date range picker with custom a selection strategy ...
renless's user avatar
  • 21
0 votes
2 answers
1k views

I am trying to use the Angular Material Datepicker in multiple locations in my application. One of the usages is a legacy usage that is crucial to the application functioning properly. It's heavily ...
wheeleruniverse's user avatar
  • 1,645
0 votes
1 answer
5k views

I would like to know whether we have a solution to display week numbers along with date in mat-datepicker please give answers specific to mat-datepicker(Angular material) https://material.angular.io/...
Vignesh Ravichandran's user avatar
  • 188
0 votes
3 answers
7k views

I'm trying to render the angular material date picker. Which is not the problem (DEMO) <mat-form-field class="example-full-width"> <input matInput [...
Jeanluca Scaljeri's user avatar
  • 29.6k
0 votes
1 answer
2k views

I am using material date picker for my date picker. I am trying to enter the date manually With my current scenario where I was able to enter number 1 The date is taking as 01-JAN-2021 If I Enter the ...
Mr.M's user avatar
  • 1,503
0 votes
0 answers
1k views

Frind's. I have a simple Angular application with the material date picker. In this application some data providing from the back-end. Now I do like to active the date picker date, based on the back-...
Al Imran's user avatar
  • 171
1 vote
1 answer
1k views

I have created a demo here: https://stackblitz.com/edit/angular-ivy-8bvyfh?file=src/app/app.module.ts I created mat-date-range-input, which works with MomentDateAdapter. When I select days from ...
Anna Melashkina's user avatar
  • 482
0 votes
0 answers
532 views

I have an angular project, in this project I need to use the angular material Datepicker for select Date . My project support multi language, and when change the language I need to change datepicker ...
Mr Coder's user avatar
  • 847
1 vote
1 answer
2k views

I have been looking searching to find anything related to this. but no nothing. <div> <input [ngxTimepicker]="picker" > <ngx-material-timepicker #picker></ngx-...
zechno's user avatar
  • 41
0 votes
1 answer
1k views

First of all, this material datepicker is based on: https://stackblitz.com/angular/qmnrlgabjly?file=src%2Fapp%2Fdatepicker-views-selection-example.ts I have copied all the code i need from: https://...
August Asheim Birkeland's user avatar
  • 79
2 votes
1 answer
670 views

I have a component where the minDate in the material-ui Datepicker is overriding the null value and making the minDate as selected value. Not only this it even triggers the onChange function for this. ...
SHIKHAR SINGH's user avatar
  • 439
0 votes
1 answer
2k views

I am using Angular material datepicker. https://material.angular.io/components/datepicker/ Is there is way to show week numbers of this datepicker?
Ritwick Ghosh's user avatar
  • 1
-1 votes
2 answers
2k views

I need to put a date in my apllication so I do this: <!--data --> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 form-group"> ...
poopp's user avatar
  • 1,497
0 votes
1 answer
1k views

I want to customize it for my input fields and I can do it separately but it's not working when I put them together. The first thing is I wanted to format is to set the calendars first day of the week ...
Kerk's user avatar
  • 303
2 votes
2 answers
1k views

I'm trying to use basic date picker from angular material website. <span class="calendar"> <mat-form-field appearance="outline"> <mat-...
Prashanth's user avatar
  • 45
0 votes
0 answers
414 views

as part of a *ngFor loop, I would like to provide a unique id or name, but getting an error: You provided 'undefined' where a stream was expected. Here is my HTML code. <mat-form-field ...
JumpIntoTheWater's user avatar
  • 1,356
0 votes
1 answer
1k views

Good morning, I've recently updated a fairly old Angular project from ~6 to 10. After all the other parts of it that I've had to fix, I'm left with just the material date picker that I can't get ...
Krenom's user avatar
  • 2,128
1 vote
1 answer
4k views

I saw this example in the official website of angular material https://stackblitz.com/angular/xxjleavorkm?file=src%2Fapp%2Fdatepicker-date-class-example.ts How to select the dates dynamically like If ...
kushal Baldev's user avatar
  • 799
2 votes
0 answers
457 views

How can i pass value from component @Input to provided InjectionToken ? Currently i have @Component({ selector: 'a-datetime', providers: [ {provide: DateAdapter, useClass: MomentDateAdapter}, ...
anotherUser's user avatar
  • 561
1 vote
1 answer
295 views

I am working on a web application using Angular. Is there a way to add shortcuts/accelerators to the date input? For example, a user should be able to type "+1" and have the input resolve to tomorrow'...
Jadamae77's user avatar
  • 938
0 votes
1 answer
2k views

How can I control the format of input for a datepicker individually, without changing format for the whole module? <input matInput [matDatepicker]="dp" [formControl]="date" [format]="'DD/MM/YYYY'"&...
Jango's user avatar
  • 155
0 votes
1 answer
809 views

I wanted to save the date from material date picker. But while saving my date the saved date is one day behind. Input date: Saved date:
susmita rai's user avatar
  • 39
0 votes
1 answer
2k views

I am using the MatDatePicker for the Selecting date and showing the date in the edit mode of the application. Now My API is returning me the date in following format which is not working in Edit mode....
Taufik Pirjade's user avatar
  • 440
4 votes
2 answers
5k views

I need to set time for angular material datepicker, as if i select current date it gives me the current time of the system. I want to set the time as 00:00:00. How can i do that? I am using reactive ...
S.H's user avatar
  • 119
0 votes
2 answers
11k views

How do I create a Month Date Picker in Angular, excluding hide Day And Year? This following link will do a Month and Year picker. I am trying to manipulate it to do Month Only. How can this be ...
user avatar
2 votes
0 answers
743 views

I have wrapped Angular Material datepicker component into my own component <mat-form-field ...> <mat-label>...</mat-label> <input matInput [min]="min" [max]="max" [matDatepicker]...
anotherUser's user avatar
  • 561
0 votes
0 answers
976 views

I am trying to bind date property to mat-datepicker's input when im click on nextDate button. how can I do it? I am using [(ngModel)] but it not working. my html code <input [(ngModel)]="...
Parsia Shiraz's user avatar
  • 69
0 votes
2 answers
3k views

I am trying to add border around mat calendar , but unable to do it as , I am not able to find the exact class which will affect the look of the mat calendar exactly that I needed like >>>>...
ANURAG RANJAN's user avatar
  • 145
0 votes
0 answers
2k views

I am trying to implement the saturn datepicker and below is my code. Unfortunately, I notice that after January 4th (Wednesday), January 5 starts only on a Sunday. For the month of February ...Feb 01 ...
user1288906's user avatar
  • 449
1 vote
1 answer
3k views

Code snippet: <mat-calendar *ngIf="dataAvailable" #openCalendar [dateClass]="getAttendance()" (selectedChange)="onSelect($event)" (monthSelected)="monthSelected($event)"> </mat-calendar> ...
Gurpreet Singh's user avatar
  • 87
15 votes
4 answers
35k views

I have a requirement that a user can select multiple dates in a date picker. How can I implement multiple date select functionality in an Angular Material date picker? I tried this through dateClass. ...
Vinoth A's user avatar
  • 173
1 vote
1 answer
1k views

I am using Angular and material datepicker with Reactive Forms and moment MomentDateModule. How can I get the value from the form that is typed by the keyboard? Here is a small example. If I am ...
mr__brainwash's user avatar
  • 1,382
0 votes
1 answer
435 views

I am working with Angular Material and facing the problem to manage the DatePicker component because it's doing hide input box and because of that the date is not coming in the value of Input tag. &...
Rai Yashasvee Srivastav's user avatar
  • 13
3 votes
3 answers
18k views

I'm trying to us Angular 6 Material datepicker for one of my projects. I need to disable particular dates or give the user an option to choose particular dates(can be some random dates). <mat-card&...
Shashank's user avatar
  • 447

1
2