showOtherMonths styling does not work #7222
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
Current Waiting Time: ~8 weeks.
I'm submitting a ... (check one with "x")
Plunkr Case (Bug Reports)
Please demonstrate your case at stackblitz by using the issue template below. Issues without a test case have much less possibility to be reviewd in detail and assisted.
https://stackblitz.com/github/primefaces/primeng-issue-template
Current behavior
Per the PrimeNG documentation, showOtherMonths should by default be set to true, then when we select a day at the beginning or end of the month, we should be able to see the selected date highlighted in the next month. However in the documentation, when we select 2/27/2019 and navigate to March, we don't see that 2/27 is selected.
When I manually set showOtherMonths to true, it still does not show the previous month's selected day as selected in the next month.
We can see in the calendar.ts component that it expects css classes ui-datepicker-other-month, ui-datepicker-current-day, or ui-datepicker-today, but if you check calendar.css, there are no such classes.
Expected behavior
We should be able to see the previous date selected in the next/previous month like in PrimeNG v5.
Minimal reproduction of the problem with instructions

PrimeNG v5 calendar documentation (Correct Behavior):
https://www.primefaces.org/primeng-5.2.7/#/calendar
PrimeNG v7 calendar documentation (Wrong Behavior): https://www.primefaces.org/primeng/#/calendar

What is the motivation / use case for changing the behavior?
p-calendar in v6 and v7 should work like in v5.
Angular version: 6.0
PrimeNG version: 6.0 and 7.0
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Chrome, IE
Language: [all | TypeScript X.X | ES6/7 | ES5]
TypeScript
The text was updated successfully, but these errors were encountered: