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
votes
1 answer

How to make yesterday's date as the date to appear in mat-datepicker - angular material

I want to update and make yesterday's date appear as the date in mat-datepicker. I tried to implement it the following way but it was not successful. My code - app.component.html
Techdive
  • 997
  • 3
  • 24
  • 49
-1
votes
1 answer

How to change Mat-Datepicker date format to yyyy-MM-dd?

I use mat-datepicker for choosing date. Also I set locale for date picker(it can be 'de' or 'en'). How can I set format to be always yyyy-MM-dd and not changing depending on locale?
-1
votes
2 answers

How to dynamically set month end date if start date is picked from the calendar of Angular's mat-datepicker functionality?

Eg. If Start date picked from calendar is "15/06/2000" and if no End Date is selected from calendar then End Date gets automatically set to "30/06/2000". End Date can also be picked from calendar as per choice. Datepicker should work for below two…
Code Debug
  • 3
  • 1
  • 4
-1
votes
1 answer

Take a string date YYYY-MM-DD and convert it into a Date object that keeps the date the same within that users timezone?

I am trying to take a string date YYYY-MM-DD and stick it into a date object to work with matDatePicker. The problem is that it shows yesterday's date. I did some digging and figured out that the problem is that Date stores objects as UTC and then…
-1
votes
1 answer

wrong format date mat data picker

I want show date with this format DD/MM/YYYY. I need to use italian languages with data picker and this format DD/MM/YYYY. In my app.module I do this: export const DD_MM_YYYY_Format = { parse: { dateInput: 'DD/MM/YYYY', }, display: { …
Picco
  • 423
  • 2
  • 6
  • 21
-1
votes
1 answer

Cannot bind to 'matDatePicker' since isn't property of 'input', despite importing everything

I'm attempting to integrate a very basic date picker into my Angular project. The Angular CLI version is 6.2.9. My HTML was taken straight from the Angular docs. Choose a date
-1
votes
1 answer

how to put a condition for mat date picker if it is less than 18 years need to show text box angular

I am trying to show text field based on the age validation if the age is less than 18 then only mat input field (Test box should appear) Here is my current code
Mr.M
  • 1,472
  • 3
  • 29
  • 76
-2
votes
1 answer

Material date empty condition check Update button disable

Team, I am using Angular Mat date picker where I hve a condition that is if any of the mat datepicker is empty my update button should be in disabled mode. In my code I am checking null but still Button is enabled Here is my HTML code
Mr.M
  • 1,472
  • 3
  • 29
  • 76
1 2 3
8
9