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
0
votes
0 answers

In angular lazy loading component mat datepicker not closing after it opens

I am using angular and angular material v15. In lazy load component I am using material date picker. When I am going select date from it after selecting date it is not closing. I imported all the necessary modules in shared module file. The date…
Amii
  • 1
  • 2
0
votes
0 answers

Material daterange picker: TypeError: rangePicker.registerInput is not a function

I have an angular 13 app and am using angular/material@13.3.9. I am trying to add a date range picker to my app but I get the following error when I try to run it: Type 'HTMLInputElement' is not assignable to type …
afriedman111
  • 1,925
  • 4
  • 25
  • 42
0
votes
1 answer

How to change Angular Material DatePicker view in code

I have a requirement of Month/Year selection in Angular and we are using Angular Material library. I have included below code which is opening default view as Month, but on Month selection it is opening Day selection mode. Requirement is, once user…
Keval Patel
  • 161
  • 1
  • 15
0
votes
2 answers

Angular MD Datepicker not patching value

I've been creaking my head on this issue, looking for answers but couldn't find anything. I'm using Angular Material on my project and I'm using reactive forms. One of the fields on my form is a Datepicker, the problem is that I can't patch the…
MrRobot
  • 1,001
  • 1
  • 14
  • 34
0
votes
1 answer

Filtering dates for Angular Material Calendar based on two lists received from async sources

I want to disable certain dates on a Material Calendar. These dates come from two sources. The first from inside an object(camper) provided as input. The second is an api call that return a list of bookings based on the camper ID. The first one is…
Michiel Saey
  • 1
  • 2
0
votes
0 answers

Show Today in a mat-datepicker while keeping the date value

I am using Angular 12 and Angular Material Datepicker, and I want to be able to show strings like "Today" or "Current" when the selected date meets a condition. However I do not want my form to contain string values, i only want to mask the date…
Carlos Isidoro López
  • 383
  • 1
  • 2
  • 17
0
votes
2 answers

How to scope Angular Material Datepicker styles?

I am trying to use the Angular Material Datepicker in multiple locations in my application. One of the usages is a legacy usage that is crucial to the application functioning properly. It's heavily used and should not be modified at all. The other…
wheeleruniverse
  • 1,511
  • 2
  • 20
  • 37
0
votes
1 answer

Is there a way to display week numbers aside the weeks in Angular material date picker.,

I would like to know whether we have a solution to display week numbers along with date in mat-datepicker please give answers specific to mat-datepicker(Angular material) https://material.angular.io/components/datepicker/overview
Vignesh Ravichandran
  • 169
  • 3
  • 10
0
votes
3 answers

Material input type datetime-local shows its own placeholder and toggle button

I'm trying to render the angular material date picker. Which is not the problem (DEMO)
Jeanluca Scaljeri
  • 26,343
  • 56
  • 205
  • 333
0
votes
1 answer

Angular mat datepicker manually enter date not working

I am using material date picker for my date picker. I am trying to enter the date manually With my current scenario where I was able to enter number 1 The date is taking as 01-JAN-2021 If I Enter the number 2 The date is considering as 01-FEB-2021…
Mr.M
  • 1,472
  • 3
  • 29
  • 76
0
votes
0 answers

Active date picker date with dynamic date which providing from back-end

Frind's. I have a simple Angular application with the material date picker. In this application some data providing from the back-end. Now I do like to active the date picker date, based on the back-end dynamic data(which date has data). The below…
Al Imran
  • 115
  • 1
  • 2
  • 12
0
votes
0 answers

how can change Datepicker Adapter Runtime in angular material datepicker

I have an angular project, in this project I need to use the angular material Datepicker for select Date . My project support multi language, and when change the language I need to change datepicker value with Angular Material Adapter by language…
Mr Coder
  • 761
  • 2
  • 13
  • 34
0
votes
1 answer

How can I make the material time picker appear under just under the input? (Append to input)

I have been looking searching to find anything related to this. but no nothing.
This is what I am using. I want the time-picker to be…
zechno
  • 21
  • 4
0
votes
1 answer

Angular Material Datepicker Popup positioned wrong

First of all, this material datepicker is based on: https://stackblitz.com/angular/qmnrlgabjly?file=src%2Fapp%2Fdatepicker-views-selection-example.ts I have copied all the code i need from:…
August Asheim Birkeland
  • 79
  • 1
  • 12
1 2
3
4 5