Stack Overflow
Stack Overflow

Questions tagged [mat-datepicker]

Angular Material Date picker allows users to enter a date either through text input, or by choosing a date from the calendar. It is made up of several components and directives that work together.

Angular Material Date picker allows users to enter a date either through text input, or by choosing a date from the calendar. It is made up of several components and directives that work together.

128 questions
1
vote
3 answers

How to change Mat-Datepicker date format to DD/MM/YYYY using user input

My problem is the date picker does not support "DD/MM/YYYY" Format using input, only support by using calendar. and i need that the date picker should allow user enter date '25/11/2016' by using text input
Ashok Ketha
  • 11
  • 1
  • 2
1
vote
1 answer

Is there a way to use date range from angular material without the input box?

Currently i'm using mat-date-range-input for date range selection Enter a date range …
Vijaya Bhaskar Eswaran
  • 27
  • 6
1
vote
1 answer

Angular Material disable Month

I'm using my Angular project for Angular material Year Month picker. Anyone has some idea how to show only Year for the pick. stackblitz here .html Month and Year
core114
  • 5,155
  • 16
  • 92
  • 189
1
vote
0 answers

angular mat-date-range-picker month view only

Is it possible to select a range only in month view? Enter a date range …
Тарас Мацюк
  • 123
  • 1
  • 11
1
vote
0 answers

Angular Material MatDatePicker isn't using the correct CSS in ionic project

So I'm trying to use Angular's MatDatePicker in my Ionic 5 app in 2 different pages and want them to be displayed with different CSS. Here's a screenshot of the first page, where it uses the correct CSS. If I switch to the other site then, it still…
Ponynja
  • 13
  • 3
1
vote
0 answers

matDatepicker open calendar at bottom of page instead of just next to text box

In my project I added material angular with ng add @angular/material and html code as follow for matDatepicker
1
vote
1 answer

How can I output the content of a JSON in mat-date-picker with GET?

I have written a mat-date-picker and would like to output the value from fiscalYearStart from my JSON. I have written the following code:
user10114552
1
vote
1 answer

Issue with the mat-datepicker in a loop

I am learning the angularjs and am pretty new to it. I am trying to create 5 mat-datepicker components on the GUI using ngFor in the following manner (after a lot of online search)
Ravi
  • 879
  • 2
  • 9
  • 23
1
vote
2 answers

Angular - How to fire a function when user selects a date range in mat-date-range-picker?

I am trying to run a function when user selects a date range in MatDateRangePicker. https://material.angular.io/components/datepicker/api Here is the stackblitz…
Sunil Kumar
  • 6,112
  • 6
  • 36
  • 40
1
vote
0 answers

How change output of mat-datepicker globally?

Hello in my angular material application, I am using mat-datepicker with a moment date adapter. I need keep selected date value as ISO string (2020-08-14T00:00:00.000Z), but I can't simply bind a property to datepicker with ngModel…
Jakub
  • 11
  • 1
1
vote
1 answer

How to highlight custom months and years in Angular Material datepicker?

I have an array of days, which can be from any year. I'm trying to customize Angular Material datepicker to highlight some months in months selection view, and also some years in year selection view based on the array of days. .html
aks44
  • 422
  • 3
  • 12
1
vote
1 answer

Angular Material Datepicker won't show in the page

I'm trying to add an Angular Material datepicker to the page. I've been following the official doc's example like so, but nothing displays in my page. In the app.component.html there is:
…
Newsha Nik
  • 806
  • 2
  • 12
  • 29
1
vote
1 answer

Change Header Dateformat in Angular Material Datepicker

In the picture below you can see my datepicker. It works nicely and is defined as So first I can see the year, then the month and then…
Safari
  • 3,302
  • 9
  • 45
  • 64
1
vote
1 answer

Is there a way to know that mat-datepicker popup was closed because date was clicked

I'd like to perform some actions when mat-datepicker popup closes but only if user clicked on a date (action should not trigger if popup was closed by escape key or backdrop click). I know there is a @Output('closed') closedStream:…
phil
  • 707
  • 5
  • 19
1
vote
3 answers

Prevent mat-datepicker from closing on date selection

I have a requirement that user can select multiple dates in datepicker, but after each date selection the mat-datepicker closes, I want to prevent mat-datepicker from closing on date selection and close the datepicker when we click outside the…
Shreyas Pednekar
  • 1,285
  • 5
  • 31
  • 53
1 2
3
…
8 9