So I've encountered quite a peculiar problem. I've managed to create a customized PrimeNG component that seems to be functioning properly, but there are a couple of issues at hand:
Despite using ViewEncapsulation.None, just like with other PrimeNG components, the predefined PrimeNG CSS classes (such as the p-datepicker styles from PrimeNG's theme files) do not get applied to my component. Strangely, if I manually add the corresponding styles to my component's scss file, they work perfectly.
I'm baffled as to who, when, and how the CSS classes are being renamed from 'p-' to 'ui-'. The problem lies in the fact that this renaming process doesn't seem to occur for my custom PrimeNG component, leaving the classes prefixed with 'p-' and resulting in improper styling.
Upon reflection, I suspect the root cause of the first issue is the same as the second (the component should be using ui-datepicker, but currently sticks to p-datepicker which is not functioning).
Any insights or solutions would be greatly appreciated. Thanks,