feat(MatTimepicker): support a panelClass or panelWidth input

[nirmal]

Feature Description

Similar to panelClass attribute on https://material.angular.dev/components/select/api#MatSelect

The width of the overlay is hard set here based on the triggering element:

components/src/material/timepicker/timepicker.ts

Line 263 in c71256d

overlayRef.updateSize({width: input.getOverlayOrigin().nativeElement.offsetWidth});

Use Case

My use case is to adjust the width of the panel to be at least min-content so a narrow element used as a trigger does not cause the list of time options to also be very narrow.

[crisbeto]

Fixed in #32711.

[nirmal]

I tried using the new panelClass input. I see the class on the CDK Overlay Pane that is created but the styles I'm specifying in my parent components scss are not being applied

[nirmal]

Works if I ng-deep it

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}