Calendar control with year selector doesn't work

Post Reply
Aseem
Posts: 7
Joined: 21 Apr 2018, 05:36

16 Jun 2018, 07:47

Hi,

I am trying to display year & month selector for p-calendar control.

I modified the demo app with this code :

Code: Select all

<p-calendar id="showIcon" [showIcon]="true" yearNavigator=true monthNavigator=true yearRange="1900-2017" placeholder="Button"></p-calendar>
I have 2 issues:
  1. The selected month text with longer names like "November, December" etc gets clipped
  2. Year selector doesn't work.
As illustrated below:

Image

Aseem
Posts: 7
Joined: 21 Apr 2018, 05:36

24 Jun 2018, 00:35

Anyone??

No one else has found this issue?

merve7
Posts: 338
Joined: 12 Sep 2017, 10:44

29 Jun 2018, 11:01

We will work on it. Also, it is related to PrimeNG so that please, can you create a github issue(https://github.com/primefaces/primeng/issues)?

Aseem
Posts: 7
Joined: 21 Apr 2018, 05:36

06 Jul 2018, 09:26

merve7 wrote:
29 Jun 2018, 11:01
We will work on it. Also, it is related to PrimeNG so that please, can you create a github issue(https://github.com/primefaces/primeng/issues)?
I have raised the issue here : https://github.com/primefaces/primeng/issues/6011

I found that this works fine in PrimeNG, it just doesn't work with Ultima-PrimeNG.

cagatay.civici
Prime
Posts: 18011
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

10 Jul 2018, 13:52

Merve, please take over.

merve7
Posts: 338
Joined: 12 Sep 2017, 10:44

11 Jul 2018, 07:42

Please see yearRange definition;
yearRange = The range of years displayed in the year drop-down in (nnnn:nnnn) format such as (2000:2020).
You need to use that like (yearRange="1900:2017");

Code: Select all

<p-calendar id="showIcon" [showIcon]="true" yearNavigator=true monthNavigator=true yearRange="1900:2017" placeholder="Button"></p-calendar>
We tried in UltimaNG and it works.

Post Reply

Return to “Ultima - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest