Questions tagged [primeng-calendar]
112 questions
3
votes
1 answer
Date filter with template not applying filtering (PrimeNG Table)
I'm developing a SPA with PrimeNG's table to display records, and each column has a filter for its data.
One of them is a date record, which comes as ISO string and is converted to a Date object before being fed to the table itself.
I need the date…
areberuto
- 49
- 1
- 7
3
votes
0 answers
Setting maxDate in primeng-calendar range selection dynamically
I am trying to set the maxDate in a range selection dynamically based on the selected start date.
But the calendar just closes after the start date selection since it has to reset the maxDate.
Here is the link for the…
user3536652
- 153
- 2
- 12
3
votes
1 answer
PrimeNG p-calendar: change the background-color of the dates
Hi I'm trying to customize the p-calendar but can't figure out how to change the color of the dates that are being displayed. Please Help. Thanks in advance.
This is my template:
wazza
- 173
- 5
- 15
3
votes
2 answers
Why I can't set PrimeNG p-calenar component CSS style?
I am working on an Angular project using PrimeNG and I am finding the following problem trying to give the correct CSS style to a p-calendar component into my page.
Basically into my HTML code I have something like this:
…
AndreaNobili
- 40,955
- 107
- 324
- 596
3
votes
2 answers
Why @ViewChild() decorator is not working in this Angular component using PrimeNG FullCalendar?
I am finding the following problem working on a simple Angular 9 project that uses PrimeNG FullCalendar component, this one:
https://primefaces.org/primeng/showcase/#/fullcalendar
This PrimeNG FullCalendar component is based on this other Angular…
AndreaNobili
- 40,955
- 107
- 324
- 596
3
votes
1 answer
PrimeNG TimeOnly Calendar: Cannot Select default time intuitively
I am using this PrimeNG timeonly calendar:
Ben P
- 197
- 2
- 15
3
votes
2 answers
How to handle custom button click event for PrimeNG p-fullCalendar?
I am using the p-fullCalendar control to display appointments.
I want to add a custom button in the header to add a new appointment.
I have done that by specifying it in the options as per full calendar docs:
export class AppointmentsComponent…
Aseem Chiplonkar
- 198
- 3
- 17
3
votes
1 answer
primeng calendar loses tabbing focus when selecting date with mouse
I am working on tabbing (tabindex) on my project with primeng 5.2.0 and angular5. The problem is I cannot select date with the tab so I have to use the mouse to do it, when ever I select a date the p-calendar field looses focus and tabbing breaks.…
Anna
- 1,669
- 7
- 38
- 63
3
votes
3 answers
PrimeNG Calendar - Override the default style
Using angular, I am using p-calendar in a component and created a CSS class that is called from my component. No matter what I do I am unable to override the style.
CSS
.ui-calendar .ui-calendar-button {
height: 34px;
border-top-left-radius:…
rgoal
- 1,236
- 11
- 35
- 61
3
votes
1 answer
PrimeNG p-calendar - disableDate format
I want to disable the dates from primeNG calendar.
Noah Tony
- 373
- 3
- 7
- 18
3
votes
1 answer
Calendar on Angular 2 typescript using PrimeNG
So I started to use the PrimeNG and I was following the website documentation where it says everything that one should do in order to make it work. I followed everything to the point on the website, but my UI appears somewhat strange, just like the…
Filipe Tabosa
- 183
- 1
- 3
- 15
2
votes
0 answers
PrimeNG calendar form component Error: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'
When using PrimeNG's Calendar form component, I get the following error as soon as I click on the calendar form:
screenshot of error
The error is not coming from any of my files, and I have been googling and googling and haven't been able to figure…
user20589877
- 21
- 2
2
votes
5 answers
Angular PrimeNG p-calendar reactive form on patchValue error Unexpected literal at position 2
In Angular 13 application, using PrimeNG Calendar
Manu
- 1,243
- 5
- 17
- 43
2
votes
1 answer
How to reset inputFieldValue of PrimeNG calendar
I am using PrimeNG p-calendar with selectionMode multiple.
When user selects more than 4 dates, the text in the input is too long and becomes hidden.
I want to set the input value so that if more than 4 dates were selected, it will show the first 4…
Bat
- 121
- 8
2
votes
0 answers
Primeng P-calendar issue (UTC)
I suffer the P-calender problem.
I choose a date (without time) from the calendar (ex. 03-09-2019)
My model updates with a date object Tue Sep 03 2019 00:00:00 GMT+0530 (India Standard Time)
I send this date to the API I'm using but it works in UTC…
S.Anitha
- 171
- 1
- 1
- 7