Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

@angular-material-components/datetime-picker is improperly formatted in angular 16

I could be wrong but it looks like the datetime-picker from angular does not work with angular 16, even though it claims it does. I took the demo from the NPM page for the package, updated the package.json, and then all of the styling of the picker broke. This was the case when I tried to upgrade my own application too. Does anyone know if there is a new dependency that is not mentioned anywhere or a change to the way it's used or something?

Here is the Stackblitz, just make sure to press the update dependencies button to have it load in the angular 16 ones. Press the calendar to see the broken formatting.

https://stackblitz.com/edit/demo-ngx-mat-datetime-picker-vrtdak?file=package.json

like image 548
Cameron Greenwalt Avatar asked Nov 28 '25 13:11

Cameron Greenwalt


1 Answers

The problem seems to be in Angular 16.2.1, when I downgraded to Angular 16.1.1 it worked. Not sure why but that is for someone else to figure out sometime I guess. If you are using the datetime-picker just downgrade.

like image 81
Cameron Greenwalt Avatar answered Nov 30 '25 04:11

Cameron Greenwalt



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!