Wikiki/bulma-extensions

Implement to react?

andrewbudikusuma opened this issue · 7 comments

andrewbudikusuma commented

is there any documentation how to implement bulma extension such as calendar to react.I found vue Integration in bulma calendar. Anyone can provide me documentation? I did not find to integrate calendar bulma for my react apps

klaumann commented

I have till now just created my own components with the normal jsx syntax and used bulma extensions as HTML normally.... Bet there is a better way for this, but for now this works great, as I also have full control over my components...

andrewbudikusuma commented

I have till now just created my own components with the normal jsx syntax and used bulma extensions as HTML normally.... Bet there is a better way for this, but for now this works great, as I also have full control over my components...

What I am done is follow some step integreate it to my react component, but get confused while integrate bulma calendar js to my component. Input date only show default style HTML5

here I create gist link

little bit confused at line 3 and 4

klaumann commented

I really don't know what your problem is, your gist looks pretty straightforward in my eyes...

Wikiki commented

Hi,

Try to use a text input type. I found no way to override default html5 date behavior.

Wikiki commented

Hi,

the new v6.0.0 release should work in your context.
Please try it and let me know.

regards

schematis commented

I got it to work by calling bulmaCalendar.attach() inside of componentDidMount(). It did not work in either the constructor or in the render function (which also means using it in a pure function is out, from what I can tell).

silkyfray commented

@schematis I got it working using useEffect. Here is the gist.