Questions tagged [ngb-datepicker]

82 questions
0
votes
2 answers

ngb-datepicker does not update model value when using custom NgbDateParserFormatter

I created a custom component that holds inside an angular date picker, problem is that I need to format the way the date is displayed depeding on the app's selected language, that why I created a custom NgbDateParserFormatter. When I provide my…
0
votes
0 answers

Ngb datepicker inline support for container body

I am using ndbdatepicker inline and i am forced to used it as my old functionality is having to many work which i cant change and so i need a support for container body as we have this in case of ngbInputDatepicker any solution ?
0
votes
1 answer

NgbDatepicker shared component popup toggle() is not a function

I have a ngbdatePicker shared component for popup and trying to use it in one of the components, but open/close (toggle) is not working. I tried using NgbDatepicker and NgbInputDatepicker, but same issue. I'm trying to open/close the popup when…
Harry
  • 546
  • 6
  • 22
  • 50
0
votes
0 answers

Ngb Datepicker Select Multiple Day

[ { "year": 2022, "month": 11, "day": 23 }, { "year": 2022, "month": 11, "day": 26 }, { "year": 2022, "month": 11, "day": 6 } ] I want to fetch dates coming as json selected in DateTimePicker.…
0
votes
0 answers

Ng boostrap datepicker extend language i18 angular, typescript

I am trying to extend language of datepicker, ngBootstrap datepicker, and found this solution Use a ng-bootstrap internationalized datepicker in an input That think it is working ok, but I use new typescript version and have error on compile, this…
Miomir Dancevic
  • 6,726
  • 15
  • 74
  • 142
0
votes
0 answers

Change Ngb-datepicker weekday naming

I'm trying to achieve this design using ngb-datepicker and so far I have customized most of it but I only need help with two things. How do I edit the weekday names on header and align the footertemplate to the right side ?
user18643652
0
votes
3 answers

ngb-Datepicker show wrong month on popup

I'm working with angular bootstrap datepicker and having some weird issues. When opening the webpage everything looks alright, but when I want to change the date and I click on the calendar button to get the popup calendar it is showing the wrong…
0
votes
1 answer

Ngb DatePicker - month not changing from current month even the date is changed to next month

{{time}} when I try to navigate from the date for next month by the logic .It does apply to the next month date but calender view is not changing to the appropriate month. var newDate = new…
0
votes
1 answer

Class constructor NgbDatepickerConfig cannot be invoked without 'new'

After updating to Angular 13 and ng-bootstrap to v11.0.0 (as stated here one should use v11.0.0 for Angular 13 and bootstrap 4) I get the following error in jest(v27.5) tests: TypeError: Class constructor NgbDatepickerConfig cannot be invoked…
0
votes
1 answer

Angular using ngbdatepicker throwing RangerError: Maximum call stack size exceeded

I am using the following code in my angular component template.
Mukil Deepthi
  • 6,072
  • 13
  • 71
  • 156
0
votes
2 answers

Angular Bootstrap Datepicker not binding

I'm trying to use a datepicker and it doesn't seem to be displaying in the input control. The data is coming back correctly because I can pipe it out to the screen and see it. Angular version: "@angular/core": "~11.2.11" bootstrap…
Dennis
  • 93
  • 9
0
votes
1 answer

I am getting getdate is not a function in ngbdatepicker in typescript

Below is the code to get the date range between start and end date but when the array is returned getDate is not a function error is consoled checkdate(dt){ let dtdates=new Date(dt); dtdates.setDate(dt.getDate() + 1); return dtdates …
am's
  • 21
  • 7
0
votes
1 answer

Change date on change event in ngb-datepicler

I have this range selection popup from ngb-datepicker here. I got the initial date from the backend it's working fine. but when I m updating the date it didn't change in the input field. how to fix this error?
0
votes
1 answer

How supply string as input for Ngbdatepicker in Angular 8

We are using ngbDatePicker in our application. From backend getting date as a string and ngbDatePicker work with {year: Value, month: Value, day: Value}.
shubham
  • 89
  • 7
0
votes
1 answer

angular bootstrap datepicker input add styles by clicking

I’m trying to apply styles to input by clicking. I need an orange frame around the field when I press it, if I use a focus then it is used for a moment and then disappears as it moves into the calendar field. I solved the problem this way. …