Questions tagged [primeng-calendar]

112 questions
2
votes
0 answers

How to set date in format not supported by Calendar Module of PrimeNG?

I am using the Calendar Module of PrimeNG in my app. I allow customers to specify the format in which they want to see the date. This is the migration of the old app to Angular so I want to persist old format configured by the user. In older version…
Ashit Vora
  • 2,902
  • 2
  • 27
  • 39
2
votes
1 answer

Primeng Date Navigator Value Change

In my Primeng DatePicker I have used [monthNavigator]="true" [yearNavigator]="true" [yearRange]="2017:2030" But the problem is: if we click on < button after selecting January and 2017 from navigator it doesn't move to December 2016 as displayed in…
SamCodes
  • 384
  • 4
  • 17
2
votes
2 answers

Reactive Forms with PrimeNG Controls not Firing

I have HTML Page with PrimeNG Controls using reactive forms. PrimeNG controls are not triggered when a control is touched,dirty and invalid (IF a values is typed then cleared). However, if I just tab in then out without inputting any value then it…
rgoal
  • 1,236
  • 11
  • 35
  • 61
2
votes
2 answers

Angular 6 - primeng required condition

I am using the the PrimeNg calendar component in angular 6, and I wish to implement a [required] directive with a condition. once I set the "required" with a condition it is always sets to true, no matter what the condition is.
Nat
  • 43
  • 1
  • 4
2
votes
2 answers

How to always open PrimeNg's p-calendar on today's date

''I am using PrimeNg's calendar in my Angular Application. I am using multiple selectionMode and binding the calendar to an array of dates from the database. The calendar starts on the latest date in the range from the database but I want it to…
LanceM
  • 1,888
  • 4
  • 23
  • 41
2
votes
0 answers

PrimeNG Form Validation

I am using a mix of primeNG controls and html controls. The issue is the primeNG controls don't work properly for the phone mask and for he auto-complete the style is different . for example: html (phone is never showing as red if the user set focus…
rgoal
  • 1,236
  • 11
  • 35
  • 61
2
votes
1 answer

Programmatically open PrimeNG calendar in modal popup

How to make PrimeNG calendar at open state by default in modal popup ? Or how to trigger click event to open PrimeNG calendar which is in modal popup by typescript ? If I used in HTML itself, it triggers the click event to open calendar by…
Newbie007
  • 169
  • 1
  • 5
  • 13
2
votes
1 answer

Primeng calendar: Set date from database

I'm using primeng calendar but i can't set the date from database. This is my date from server: 2018-04-17T16:41:47.683 When i try to change format to "YYYY.MM.DD HH.MM" witht moment, i get this error on console: Uncaught (in promise): Unexpected…
2
votes
1 answer

PrimeNG calendar form group validation issue

I'm trying to add validation to my form. discount field cannot be empty and value range needs to be within 0 to 100, time_from and time_to cannot be empty. I cannot fire validation proccess on time_from and time_to. I use PrimeNG Calendar…
Haseoh
  • 910
  • 3
  • 18
  • 38
2
votes
1 answer

Angular calendar - PrimeNG

I am using PrimeNG calendar component with angular 4. It fits most of my requirement except I don't see a way to show week numbers in component. Am I overlooking something simple or if it is not supported yet then is there a way I can do it…
shobhit vaish
  • 951
  • 8
  • 22
2
votes
1 answer

PrimeNG Calendar dynamic placement/positioning

I'm using PrimeNG Calendar/date picker with Angular and only have one complaint. When I click an input where the calendar is supposed to popup, it doesn't position itself dynamically. If I have a lot of room on the screen above the input and very…
Bryan
  • 2,951
  • 11
  • 59
  • 101
2
votes
3 answers

Detect [(ngmodel) change to selected date with PrimeNG calendar

I have an input element with an attached datepicker created using PrimeNG calendar. HTML Part
Buzzer
  • 317
  • 2
  • 4
  • 11
1
vote
0 answers

prime Ng date filter is not working returns only an error

i'm recieving data from an api which has a date and i'm using primeng table components to display this data all filters are working fine, only date filter is not working i'm using date pipe to transform the string date into a date before displaying…
1
vote
0 answers

How to place mask behavior in primeng p-calendar?

In p-calendar I'm not able to put masking behaviour. Example: If user enters 08262022, I want to change it to 08/26/2022. How is it possible? Please give any suggestions
1
vote
1 answer

prime ng p-calendar getting closed inside p-dialogue when scrolled

I am working on angular and Prime ng library. I have one modal which have calendar inside it. The calendar height is not fitting the modal. So when I scroll the dialogue calendar gets closed automatically. But I want user to scroll and select the…
tyler
  • 418
  • 4
  • 14