Uncaught TypeError: $(...).pickatime is not a function

[guboi72]

Hi, I use react and materialize and I can't make the timepicker work. I looked on your site https://react-materialize.github.io/#/forms and you seem to have the same error in console. Can you confirm that you have the same console error.

I use vanilla materialize by importing it from my index.html.

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

[Dyceman]

That happens when the dom element you are trying to access is out of scope. I currently having the same issue trying to close a modal.

[daxaxelrod]

Dom element being the time picker?
Im using

<Input name="on" type="time" onChange={(e, value) => {

      }} />

[alextrastero]

Hi, pickatime doesn't work with certain version of materialize-css

[alextrastero]

required version is "materialize-css": "^0.100.2",

[daxaxelrod]

@alextrastero Thanks!

[jakecurreri]

Same issue. Using "materialize-css": "^1.0.0-rc.2".

[alextrastero]

Please downgrade to materialize-css@0.100.2

[jakecurreri]

No such luck. Remains to receive a $(...).pickatime is not a function.

package.json
"materialize-css": "^0.100.2"
...
"react-materialize": "^2.4.2"

app head
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

[alextrastero]

Are you using create-react-app?
Check out this repo example: https://github.com/alextrastero/react-materialize-cra-example