Date picker and Time picker issue in latest chrome browser

[deepakkumar28]

Hi,
I am facing issue when we choose date and time in latest chrome browser. on click on time picker it is flickring. once we do right click then time picker is opening.

Regards,
Deepak Kumar

[jakubszalaty]

I've got the same issue, it was working fine in chrome 72.0.3626.121 but after update to 73.0.3683.86, it shows only when a mouse button is pressed.

[jakubszalaty]

@deepakkumar28 My workaround

Just add (click)="$event.stopPropagation()" to mz-datepicker-container

<mz-datepicker-container (click)="$event.stopPropagation()">
    <input
        mz-datepicker
        label="Name"
        [options]="dateOptions"
        id="name"
        type="text"
    />
</mz-datepicker-container>

Edit: It's working only for datapicker 😞

[deepakkumar28]

@jakubszalaty it is not working.

[dong-rs]

@jakubszalaty It's working so good. Thanks

[jakubszalaty]

@deepakkumar28 It should be working for ngx-materialize@6.1.3

[damascenol]

@jakubszalaty thanks. it is not working for timepicker

[cianciagiovanni]

Hi, how and where to change the default date picker language? I found from the documentation the code that interests me (https://github.com/amsul/pickadate.js/blob/3.6.2/lib/translations/it_IT.js) but I don't know where to apply it for my angular web application that use the mz-datepicker component
Thank you

[Romulomathiasferreira]

it is not working for timepicker

[wellingtonconsilv]

Same issue here.

[ShreyasBhargavaNV]

Facing same issue left click is not opening the date picker, while right click working fine.

[Romulomathiasferreira]

@ShreyasBhargavaNV look post @jakubszalaty

[leandrorazevedo]

same issue here.

[greatsayan]

Same issue here for time picker and select!
I need to click twice to open a select.
Put (click)="$event.stopPropagation()" on mz-select-container seems working for the select but not the time picker
Is it possible to have a fix for that?

Thanks and great job for the library! I really like to use it!!

[cristiammercado]

Hi,

The bug is already reported in materializecss repository (Dogfalo/materialize#6312), but they say that they are no longer maintaining version 0.100.2. So, the question is: when ngx-materialize are going to use 1.0.0 as the base version? Because in 1.0.0 version the select, datepicker and timepicker works as expected!

Thanks in advance!

[sidequestlegend]

For anyone else still using this lib like me and needs a quick fix do:

yarn add https://github.com/shaneharris/ngx-materialize/

This is just the master branch, built and reuploaded to github instead of npm. It only changes the materialize-css dependency to this - https://github.com/shaneharris/materialise-css-picker-fix which includes the fix for both date and time pickers