search

Wikiki / bulma-extensions

This repository provides a simple access to all of my extensions for Bulma.io
MIT License
681 stars 49 forks source link

Implement to react? #94

Open andrewbudikusuma opened 5 years ago

andrewbudikusuma commented 5 years ago

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 5 years ago

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 5 years ago

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 5 years ago

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

Wikiki commented 5 years ago

Hi,

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

Wikiki commented 5 years ago

Hi,

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

regards

schematis commented 5 years ago

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 4 years ago

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