Stack Overflow
Stack Overflow

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
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

Access to Angular Formly Material Datepicker

I want to access the formly datepicker to make it close after selecting the year. But Im not able to access the datepicer object. Can please anybody help? Thank you! fieldsOfMyForm: FormlyFieldConfig[] = [ { key: 'form', type:…
Christoph Glaß
  • 149
  • 1
  • 1
  • 12
1
vote
1 answer

Angular Material Datepicker Selection Strategy - how to get value of selected date range

I'm trying to create a table which will display some info. The columns will be dynamically changing according to the selected date range. I'm using Date range picker with custom a selection strategy from Angular Material Documentation (link), but I…
renless
  • 11
  • 3
1
vote
1 answer

Angular mat-date-range-input custom dateInput

I have created a demo here: https://stackblitz.com/edit/angular-ivy-8bvyfh?file=src/app/app.module.ts I created mat-date-range-input, which works with MomentDateAdapter. When I select days from different months all fine: But if I select days from…
Anna Melashkina
  • 422
  • 2
  • 13
1
vote
1 answer

Highlight a particular week of a particular month in angular material DatePicker

I saw this example in the official website of angular material https://stackblitz.com/angular/xxjleavorkm?file=src%2Fapp%2Fdatepicker-date-class-example.ts How to select the dates dynamically like If I have scheduled a meeting of say October from…
kushal Baldev
  • 729
  • 1
  • 14
  • 37
1
vote
1 answer

Can I add accelerators to enter a date in a Angular Material Datepicker field?

I am working on a web application using Angular. Is there a way to add shortcuts/accelerators to the date input? For example, a user should be able to type "+1" and have the input resolve to tomorrow's date. At the very least I would like to be able…
Jadamae77
  • 828
  • 7
  • 13
1
vote
0 answers

Change visible date format Angular 7 Saturn-datepicker

I uses Angular Saturn-datepicker. "saturn-datepicker": "7.2.1", I need to show just last two digits in a year, from 2020 to 20. Here is my template
Masquitos
  • 554
  • 4
  • 22
1
vote
1 answer

Angular Material click next month or previous month not working

Code snippet: Angular Material does not gives any option to call some event…
Gurpreet Singh
  • 87
  • 1
  • 11
1
vote
1 answer

How to get value typed by keyboard from Angular material-datepicker using Reactive Forms?

I am using Angular and material datepicker with Reactive Forms and moment MomentDateModule. How can I get the value from the form that is typed by the keyboard? Here is a small example. If I am typing the correct date, then valueChanges is emitted…
mr__brainwash
  • 1,334
  • 3
  • 16
  • 40
1
vote
2 answers

Angular material Datepicker throws More than one custom value accessor matches form control with unspecified name attribute

I have used a material datepicker widget in my angular (7) application. The html is given below.
dGayand
  • 599
  • 1
  • 7
  • 15
1
vote
2 answers

Why value is not populated inside the input in mat datepicker?

I have current template: …
user2304483
  • 1,462
  • 6
  • 28
  • 50
1
vote
1 answer

Angular material datepicker - blank popup in prod

Not sure what I am missing. This works fine in when I run it in my local using ng build and ng serve But when I moved to production, it started behaving like this. Then I tried to reproduce in my local using ng build --prod and ng serve --prod. Now…
SK.
  • 1,390
  • 2
  • 28
  • 59
1
vote
1 answer

Angular Material MatDatePicker not displaying correct date

So I'm using the angular material datepicker in a form to get the user's birth date. It works most of the time but when manually typing in dates in a certain format, it doesn't display the correct date. For example if I type in 2000-01-15 and click…
rycirese
  • 179
  • 1
  • 14
1
vote
1 answer

Angular Material 7 Datepicker: Disable multi year view

I'm using the MatDatepicker from @angular/material ^7.0.0-rc.0, and I made a little complex filter that compares every visible day in the timepicker with every day of an array with about 200 or 300 values. It breaks the aplication every time I…
Kelvin Marques
  • 31
  • 1
  • 6
0
votes
0 answers

Access MatCalendar reference from directive

I have a directive I use for some custom behavior on mat-datepicker. From within this directive I would like to get access to the associated mat-calendar/MatCalendar component that is opened. I've tried injecting MatCalendar or using ViewChild to…
cvb
  • 723
  • 7
  • 21
1
2
3 4 5