A component of Angular Material Design. Allows users to select a date and time through a visual calendar.
Questions tagged [angular-material-datetimepicker]
61 questions
26
votes
8 answers
Set default value for angular material datePicker with angular 5
I'm using a date picker from angular material. I want to set a default value but it is not showing the value.

ssct79
- 373
- 2
- 9
- 17
20
votes
1 answer
Angular material date-picker min and max date validation messages
How to show the validation messages for min and max dates validation errors in Angular Material Datepicker

Karthik Arwin
- 405
- 1
- 4
- 13
15
votes
4 answers
Multiple Date Select in Material datePicker (Angular)
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. But, after every date selection the date picker…

Vinoth A
- 173
- 1
- 1
- 8
6
votes
1 answer
Angular matDatepicker locale fail typing in input box
If I use a datepicker as in

user2959635
- 220
- 1
- 2
- 9
5
votes
1 answer
Angular material date-picker (MatDatepicker) auto completes the date on focus out
I am using angular material/mat-datepicker in my project and whenever the user enters one digit inside of it, and goes out of focus - the date picker is auto completing with a random date.
Example
Just enter 1 and go out of focus, or enter…

JustDontKnow
- 321
- 3
- 13
4
votes
2 answers
Angular 8: How can I set time for angular material datepicker?
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 forms. here is the code.
today = new…

S.H
- 119
- 3
- 13
3
votes
3 answers
Disable particular dates in Angular Material Date picker
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).

Shashank
- 437
- 2
- 6
- 21
3
votes
2 answers
Set value angular material datepicker, from input outside
I want to set value of angular material datepicker, but from input outside material datepicker input
Please see this for more information: angular-material-datepicker

Jiraiyaa
- 31
- 1
- 1
- 2
2
votes
1 answer
Why does assigning [dateClass] in mat-calendar have no effect?
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 be suited for this task. Though no matter what I…

HDainester
- 23
- 3
2
votes
1 answer
minDate props overrides the null state value for Material-ui Datepicker
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. My component call (selectedDate's initial state…

SHIKHAR SINGH
- 419
- 6
- 17
2
votes
2 answers
Facing issues while using angular material Datepicker
I'm trying to use basic date picker from angular material website.
Date

Prashanth
- 45
- 1
- 7
2
votes
0 answers
Pass value from @Input to provided injection token
How can i pass value from component @Input to provided InjectionToken ? Currently i have
@Component({
selector: 'a-datetime',
providers: [
{provide: DateAdapter, useClass: MomentDateAdapter},
{provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS,
…

anotherUser
- 551
- 6
- 29
2
votes
0 answers
Angular material datepicker to work only with date and completely ignore time and time timezone
I have wrapped Angular Material datepicker component into my own component
...

anotherUser
- 551
- 6
- 29
2
votes
1 answer
Angular Material Object(...) is not a function
I am trying to use angular material datepicker and i am having trouble with the installation
I keep getting this error:
Uncaught TypeError: Object(...) is not a function
at Object../node_modules/@angular/cdk/esm2015/bidi.js (bidi.js:92)
at…

andy
- 129
- 3
- 12
1
vote
1 answer
matDatepicker - css style issue
what can i do to get this fixed?
Choose a date
…

Orlando Macias
- 11
- 2