Questions tagged [primeng-calendar]

112 questions
1
vote
1 answer

PrimeNG p-Calendar & AutoComplete Values and Validation

I am using primeNG p-Calendar Control and AutoComplete. Here is my Code (blunker) (click on edit then save") I have two issues: I can't get the newly selected Date for whatever reason..no matter what I do I always get the old date. I need to be…
rgoal
  • 1,236
  • 11
  • 35
  • 61
1
vote
1 answer

Event onValueChange on a date. PrimeNG 5.2.4

I am trying to use the event onValueChange, according to the PrimeNG documentation, but it does not work. View
Jose
  • 1,779
  • 4
  • 26
  • 50
1
vote
1 answer

PrimeNG calendar is not working as expected in Angular5

I am using PrimeNG calendar for date of birth field. I am using yearNavigator and yearRange. The user can select max value is 12 years back before the current year.
Vimal
  • 2,767
  • 3
  • 19
  • 24
1
vote
1 answer

Using the PrimeNG Calendar to input data in a database

I'm trying to replace the textbox with the PrimeNG calendar but keep the functionality of it storing the value that will be saved in the database. I thought that maybe something like combining input and p-calendar would work:
ire
  • 491
  • 2
  • 12
  • 26
1
vote
1 answer

Angular2 - PrimeNG calendar timeOnly unconfigured

After PrimeNG evolves to version "^1.0.0-rc.3", the following problem appears with the calendar : I've tried everything and I can not change. Can you help me?
rafaelcb21
  • 12,422
  • 28
  • 62
  • 86
1
vote
1 answer

PrimeNG validation with Angular2.0.0-rc.4

I'm trying to use PrimeNG datepicker inside a ngForm and apply required validation.
Jayantha Lal Sirisena
  • 21,216
  • 11
  • 71
  • 92
0
votes
1 answer

PrimeNg (v15.x) not clearing validation state when end date cleared after making a selection?

PrimeNg (v15.x) calendar onSelect not clearing error message & form validation state not reset when initially entering an incorrect value & then clearing the value! Please see the code snippet below: example-detail.component.html
Tim Kruger
  • 863
  • 2
  • 10
  • 26
0
votes
2 answers

How do I set shown month when using primeng calendar with multiple selection?

I have an inline primeNg Calendar with multiple selection. I want it to show the month of a date I included in the model and when I remove some date from the model I want it show the current date. I tried to use defaultDate={{value}},…
Nelson Teixeira
  • 6,297
  • 5
  • 36
  • 73
0
votes
2 answers

How to trim whitespace when pasting a value into the PrimeNG Calendar with Angular

When pasting a valid date string into the PrimeNG Calendar control, the value is ignored if there is any surrounding whitespace. When I started looking into this the value would also be ignored even if it was a valid date string until I saw this…
Eric
  • 343
  • 4
  • 14
0
votes
0 answers

PrimeNG table unable to display calendar properly in column filter

I'm using PrimeNG table with filter date column in my application. If the width of the browser increase, the calendar in the last column may not display properly. It seems something wrong that calendar itself is not aware the space it is not enough…
0
votes
0 answers

filtering date in two diffrent primeng tables by using one filter

I have an issue in implementing an idea using date filter in primeng table i have two tables each one has a date filter the idea i want to implement is using a date filter to filter both tables at the same time Thanks
0
votes
1 answer

How to disable range of dates from selectedDate with p-calendar

I'm working with p-calendar. When I select a random date, I want only a range of 15 dates to be selected and all the futures dates after this range. This is my code: onSelect(event: Event) { const invalidDate = new Date(); const…
dakim236
  • 65
  • 1
  • 8
0
votes
0 answers

Dynamic popup calender position change from PRIMNG datepicker in Angular

I am trying to change the position of pop-up calender(p-calender) from PRIMENG datepicker component. I found that in order to target that dynamic popup, styling should be done in style.css (root css). I am able to change the position of pop-up (i…
0
votes
1 answer

Is it possible to show only 1 week using PrimeNG calendar?

Is it possible to show only one week in the calendar view? Like on the image (taken from another question). I looked through the attributes of the element and haven't found anything that might change the amount of weeks being represented. Or maybe…
wuwu
  • 13
  • 3
0
votes
0 answers

is there any way to use ngModelOptions and formControlName with p-calendar

If I use only "fomrControlName" without [ngModelOptions], There is no error on page. But it does not register data on my DB. If I use only [ngModelOptions] without "fomrControlName", It does register data on my DB, but validation area (which I…