Questions tagged [primeng-calendar]

112 questions
0
votes
1 answer

Spring boot - how to format time and store it in the database with the format HH:mm instead of HH:mm:ss format?

I work in a spring boot/angular application and I'm trying to send a time type attribute to my rest API with "HH: mm" format instead of "HH:mm: ss" format. From the back-end application (Spring boot), i have this entity (i work with MySQL…
0
votes
1 answer

Is there a function how can i close my datePicker of PrimeNG?

i use the component Calender of PrimeNG version 6. Angular Version 9. Is there a function if, for example, I click on the datepicker from the name-input-field from there and the date field opens and I click the focus on Name again, the datepicker…
chan dee
  • 1
  • 2
0
votes
1 answer

FullCalendar in Angular - changing the day format in MonthView

I have looked everywhere and tried everything but still unable to find the proper way to do this. I am using the following versions in Angular 10. "@fullcalendar/core": "^4.3.1", "@fullcalendar/daygrid": "^4.3.0", "@fullcalendar/interaction":…
Jap Evans
  • 1,097
  • 8
  • 22
  • 42
0
votes
0 answers

PrimeNgConfig is not available from primeng/api

I am using Primeng (version: ^9.1.3) and was try to implement translation on p-calendar primeng component, which can be done using PrimeNGConfig as per post, but i am not able to import the module from 'primeng/api' got an error Module…
RayK
  • 41
  • 2
  • 10
0
votes
0 answers

How to set attribute value in p-calendar angular?

I am using p-calendar for date selection. Now, I want to set class attribute on condition bases. For set attribute I am using setElementAttribute function but its giving me error 'vendor.bundle.js:70655 TypeError: Cannot read property 'setAttribute'…
0
votes
3 answers

Date picker is hidden in ag-grid-angular, which is loaded in NgbModal

On button click an NgbModal modal box will be loaded. The modal is having an ag-grid-angular component. This grid have a date picker column. I am using primeng date picker. HTML code for calendar display.
user630209
  • 1,123
  • 4
  • 42
  • 93
0
votes
1 answer

Zoom-in bug in iOS with primeng

Hi I'm using primeng library with angular version 8. I'm using 3 dropdowns and 1 calendar. And Only on iOS devices on mobile view When I choose an option from dropdown or click to choose a day on calendar, it zooms in. I tested it with chrome,…
0
votes
1 answer

PrimeNG - set value in time-picker component

I used calendar component from PrimeNG, I used timeOnly property to display only the time, I have a string like 12:10. I want to set this string into the calendar, is it necessary to convert it to date or is there another way to do it?
Aymen Kanzari
  • 1,765
  • 7
  • 41
  • 73
0
votes
1 answer

Angular PrimeNG Calendar - Is there a way to set a minimum end date when using selectionMode="range"?

I would like to use PrimeNG's calendar with (selectionMode="range"), but I am having issues figuring out how to set a minimum end date. The "minDate" works fine for the start date, but is there a way to set a minimum end date? I would like for the…
0
votes
0 answers

Primeng Calendar: Do not reject DateTime if Time is missing

I am using the calendar form PrimeNG. I need to be able to select the time as well so I have set [showTime]="true". So far so good. The component is working fine. My problem: My users want to be able to use the input field to type a date/time…
basseur
  • 153
  • 1
  • 1
  • 11
0
votes
1 answer

Cannot get inputStyleClass to work at all

I am using in one of my components. I am trying to style it using a class in my sass-file, but inputStyleClass does not have any effect at all. In fact, I can't even see the class in the styles of Chromes DevTools. It is however shown…
basseur
  • 153
  • 1
  • 1
  • 11
0
votes
1 answer

PrimeNG: Why clicking on a FullCalendar date the dateclick event is not emitted? How can I handle the click on a specific date on my calendar?

I am pretty new in Angular and moreover in PrimeNG and I am finding the following difficulties trying to use FullCalendar component, this one: https://primefaces.org/primeng/showcase/#/fullcalendar The problem is that I want to handle an event when…
AndreaNobili
  • 40,955
  • 107
  • 324
  • 596
0
votes
1 answer

How bind date to PrimeNG p-calendar

I have that in my HTML and I am trying to bind model.StartDate from my typescript file without success. I want to display date and time and the date should…
Mutongi Gava
  • 25
  • 1
  • 7
0
votes
1 answer

Primeng range calender output issue

I want to format the output of the Primeng Range Calender for both dates to be 'dd/MM/yyyy' like this, and I tried to use pipe to transform the these data. But is only only transforming the first date, and not the second. Html code…
Ivana
  • 842
  • 2
  • 15
  • 33
0
votes
0 answers

I'm using Primeng calendar for datepicker in Angular 7. I'm facing issue in while retrieving the data, its returning one day off

I'm passing the data to back-end in date format - Fri Nov 08 201900:00:00 GMT+0530 (India Standard Time) , but it was automatically converting the date format to this DateandTime format - 2019-11-07T18:30:00.000Z and in database its storing…
Prasanth
  • 31
  • 2