Angular Material DateRange Picker messes up with mat-label

Discussão em 'Angular' iniciado por user82504, Janeiro 10, 2025.

  1. user82504

    user82504 Guest

    I am using Angular Material 16 DateRangePicker from here. I have integrated the same example from this code

    [​IMG]

    This is the stackblitz example of this code. I opened it's preview in new tab and I got the following page

    [​IMG]

    I right clicked on the chrome tab and duplicate it, I got the messed up selected dates with the label

    [​IMG]

    I have used the same code in my application and I am getting even more worse. Have a look at the pictures below

    [​IMG]

    After duplicating tab

    [​IMG]

    Problem is that I am not able to find these dates in new tab in (F12) inspect as well. If I just click on the picker field then everything works and dates and labels are clearly visible.

    Can anyone please help. I have tried recent versions of angular material and seems like this is an issue in control. Does anyone know any hack or something which fixes this issue?

    Continue reading...

Compartilhe esta Página