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

Angular Material Datepicker - full month name

In my project, I am using mat-datepicker. By manual, I installed "moment" and "@angular/material-moment-adapter". To app.module.ts I added: import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core'; import {…
Alex
  • 409
  • 3
  • 18
2
votes
0 answers

It's possible Overwrite mat-monthly-view component on mat-datepicker to add week number column?

I'm trying to add a week number column to the mat-monthly-view component used in the mat-datepicker component from angular material. I thought to extends the current mat-monthly-view and in some how tell to my module that when the mat-monthly-view…
Ernesto Alfonso
  • 650
  • 10
  • 30
1
vote
2 answers

Angular - unable to unsubscribe from valueChanges with Material Datepicker

I've had an ongoing problem with the emitting of a date in Angular Material Datepicker. I am working with an application where we have JSON files in Contentstack. The JSON files have the controls for an Angular Reactive form as well as an email…
apex2022
  • 777
  • 2
  • 8
  • 28
1
vote
0 answers

Angular, is it possible for DatePicker to show fewer years?

Very similar to the example in the documentation Datepicker with min & max validation. The Angular component shows extra years outside of the minDate and maxDate. In my use case, the valid minDate is 2018, and the component is still showing from…
DaveR
  • 1,696
  • 18
  • 24
1
vote
0 answers

How to apply default theme to ngx-mat-datetime-picker?

I'm using Angular 15, but somehow the ngx-mat-datetime-picker styling got disturbed; I'm not able to see which date has been selected while clicking on the calendar date, but functionality-wise, it's working fine as I'm getting output as per my…
Sumit
  • 11
  • 1
1
vote
0 answers

Why component mat datepicker subtract one day from the date I get? how to fix this?

I have the following table that is filled with a service and the field FECHAREGISTRO is displayed with mat datepicker , but when using the component the date is displayed with one day less and I dont know why or how to solve it this is my html
Root93
  • 141
  • 8
1
vote
0 answers

Angular 6 - Display time as actual input not UTC offset timezone

When time is input, for example: 04/01/2023 00:00:00, the matDatepicker component displays the same data but with UTC offset. Moment won't work for this application. Here is my sample HTML
Jamie Grant Batchelor
  • 21
  • 5
1
vote
0 answers

MatDatePicker - Show Days From Other Months

Using MatDatePicker, how can I make it show days from prior and future months? I checked the angular documentation, google and Stack Overflow but was unable to find an answer myself.
Danos
  • 11
  • 1
1
vote
1 answer

How to change the shape circle to square on any selecting and hover on any date in mat-datepicker in angular

I want to change the shape of selecting and hovering on any date to square instead of circle this is the calendar i need to change
Dante
  • 13
  • 5
1
vote
1 answer

Angular datepicker downside of input field

When i tried to open angular material datepicker it was opening upside of an input field. How to make it to open downside of an input field. End…
I.vignesh David
  • 113
  • 7
1
vote
0 answers

Could not resolve dependency conflict among @angular/cdk, @angular/core and @angular-material-components/datetime-picker

I'm developing an angular app in which I use Angular-Material. I want to use matdatetimepicker in a form field. I performed some google searches and realized that, I need to install Material Datepicker & Timepicker Package with the npm command ` $…
JOSEPH SENIOR ABROKWAH
  • 11
  • 3
1
vote
0 answers

How to make date picker parse unix timestamp

I'm trying to pass in a unix timestamp to mat date-picker. But, it's not getting parsed. This is the custom date format i'm passing to MAT_DATE_FORMATS export const DATE_FORMATS = { parse: { dateInput: 'X', }, display: { dateInput:…
Aeshna
  • 21
  • 3
1
vote
0 answers

Mat-datepicker (dateChange), (dateInput), (change), (input) are not working if using

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 datepicker and close. I'm able to have a button using…
Neeti Jain
  • 67
  • 4
1
vote
1 answer

How to disable particular dates in angular material using angular material date picker

I want to disable particular dates in mat date picker , which comes from database , the problem which i am facing is value of dates which fetching from database taking time , before that DOM gets executed . Here is HTML code
Aniket kute
  • 11
  • 4
1
vote
1 answer

MatDatepicker is not assignable to parameter type MatDatepicker

I'm facing two problems with MatDatepicker in Webstorm. Type MatDatepicker is not assignable to type MatDatepickerPanel, moment.Moment | null, moment.Moment> Argument type MatDatepicker is not assignable to…
Perez Ch
  • 67
  • 1
  • 2
  • 9
1
2
3
…
8 9