Questions tagged [angular-material-datetimepicker]

A component of Angular Material Design. Allows users to select a date and time through a visual calendar.

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.
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
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…
6
votes
1 answer
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…
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…
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).
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…
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…
2
votes
2 answers

Facing issues while using angular material Datepicker

I'm trying to use basic date picker from angular material website. Date
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 ...
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…
1
vote
1 answer

matDatepicker - css style issue

what can i do to get this fixed? Choose a date
1
2 3 4 5