Stack Overflow
Stack Overflow

Questions tagged [angular-daterangepicker]

Date Range Picker for AngularJS and Bootstrap (out of date)

Resources

Github - angular-daterangepicker

Angular.js directive for Dan Grossmans's Bootstrap Datepicker.

Maintainer needed!

Hello, as you may noticed, we have troubles maintaining this repo. So if there is somebody willing to help merging PRs, testing and releasing, please contact me at lukas.marek(at)fragaria.cz. Thank you!

60 questions
8
votes
2 answers

RangeError: locale must contain localize property when using Angular material date picker with date fns

I have the following configuration on the app-module.ts import { ReactiveFormsModule } from '@angular/forms'; import { DateFnsAdapter, MatDateFnsModule } from '@angular/material-date-fns-adapter'; import { DateAdapter, MatDateFormats,…
MichaelShake
  • 238
  • 2
  • 13
5
votes
4 answers

Javascript Date Range Picker - Single Calendar for Range Selection

I'm using this date range picker component: http://www.daterangepicker.com/ and by default the widget shows two calendars. I would like to show only one calendar and be able to use the < > buttons to select next/previous months when selecting start…
neridaj
  • 2,143
  • 9
  • 31
  • 62
3
votes
1 answer

Can't use Angular Material date range date filter

I'm trying to use the new date range picker from Angular Material and I need to filter out some certain days (min and max won't be helpful for me here). I used before "matDatepickerFilter" with the normal date picker but I can't find the same thing…
Ahmad ElBatanouni
  • 53
  • 2
  • 4
2
votes
1 answer

second ion-datetime dosent trigger (ionChange)

hope u guys are fine so far. I´ve got following problem. i´ve got two sperated "ion-datetime" elements inside of an "accordion" element, once with "presentation=date" and the other one with "presentation=time", For the first "ion-datetime" element…
xne2687
  • 33
  • 3
2
votes
0 answers

ngx-daterangepicker-material list click event

How to detect click on these items in ngx-daterangepicker-material my html code
Agata
  • 362
  • 3
  • 13
2
votes
1 answer

moment is not defined angular moment picker

I have used 'Angular-Moment-Picker' for implementig date Picker with Angular1.6 and facing console error 'Moment is not defined' after importing required Module. Official website for Angular-Moment-Picker:…
Alok
  • 21
  • 3
2
votes
1 answer

Date/Time range picker for angular material

I am using angular material for my project. I need date range picker for some functionalities & date-time range picker for some functionalities. I have searched for it but i am not able to find any picker with all working functionality. I have…
Ankur Akvaliya
  • 2,989
  • 4
  • 28
  • 53
2
votes
1 answer

Returning Date outputs from Angular Date range Slider in two different variables

I have created a date range slider using AngularJS and Angular materials but currently i am able to return the min and max value of the date range as single variable however i want to store and return these values through two seperate variable which…
Rehan
  • 371
  • 1
  • 6
  • 29
1
vote
1 answer

mat-date-range-input propagates Enter key press if inside form

I faced with an issue/bug if mat-date-range-input inside a form and there is a button after it - the button is clicked if I press Enter inside date input field! Here is example: stackblitz example I tried stopPropagation() on inputs - but it doesn't…
Sergey Ch.
  • 45
  • 8
1
vote
1 answer

How to set text in datetimepicker with ngx-mat-datetime-picker in Angular

I am using the library ngx-mat-datetime-picker from angular-material-components to get datetime selection. It is working well so far, but I need to be able to set text in front of the hours and minutes, like 'HH' and 'MM'. What I have is: And what…
wildpopones
  • 35
  • 1
  • 7
1
vote
1 answer

how to detect html element in typescript

How can I detect an element from the HTML when there is no such element, here is a range picker I want to detect the custom range item in typescript this is the HTML code
Agata
  • 362
  • 3
  • 13
1
vote
1 answer

Angular Material DateRangePicker change top left date format

Who knows how to change format in image below my AppDateAdapter: export class AppDateAdapter extends NativeDateAdapter { // tslint:disable-next-line:no-any format(date: Date, displayFormat: any): string { if (displayFormat === 'input') { …
Никита Середа
  • 1,991
  • 1
  • 14
  • 34
1
vote
1 answer

Getting Error: 'mat-date-range-picker-actions' is not a known element

I want to add action buttons in my material date range picker. So i added this code given in documentation on link below Documentation link: Date picker actions
Ninja Turtle
  • 1,293
  • 2
  • 24
  • 50
1
vote
0 answers

How to read value of angular material date picker using reactive form?

I am using the angular v-8 and angular-material v-8. I have created a reactive form inside the form I created a material date picker and when I try to read its value its gives me an object, not an exact value. Form field code…
Rk dev tech
  • 190
  • 1
  • 14
1
2 3 4