bulma-extensions icon indicating copy to clipboard operation
bulma-extensions copied to clipboard

Implement to react?

Open andrewbudikusuma opened this issue 6 years ago • 7 comments

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

andrewbudikusuma avatar Dec 05 '18 06:12 andrewbudikusuma

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...

klaumann avatar Dec 05 '18 11:12 klaumann

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

andrewbudikusuma avatar Dec 05 '18 16:12 andrewbudikusuma

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

klaumann avatar Dec 07 '18 15:12 klaumann

Hi,

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

Wikiki avatar Dec 07 '18 19:12 Wikiki

Hi,

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

regards

Wikiki avatar Feb 18 '19 17:02 Wikiki

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).

schematis avatar May 21 '19 19:05 schematis

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

silkyfray avatar Jan 05 '20 21:01 silkyfray