Base Web baseui/TimePicker tool not working, implemented exactly as docs say?
Hello,
SEE MY COMMENT ATTMT BELOW FOR MY IMPLEMENTATION
I am trying to use this timepicker tool inside of my React component, from the 'baseui' library/npm package: https://baseweb.design/components/time-picker/
Because I'm at work and can't link to our GitHub, I've attached a pasteBin copy of my component. I also have a picture of the component, showing what the
<TimePicker/> is currently giving me.
The relevant line/area starts at line 675. And the object being updated is on line 280.
I've been going over the documentation for the better part of the day and I can't figure out what I'm doing wrong.
All I want to accomplish at this juncture is to set the 'minTime' & maxTime' properties, so that when the dropdown is clicked, I see available times 8:30AM to 6:00PM.
The TimePicker doesn't give me any dropdown at all, and all I see is 12:00PM written in it, which is a text input right now, instead of a selectable/clickable option.
Any insight on how to make this tool work is greatly appreciated.
5 Replies
I don't think I'll be able to help, I know nothing about this library or react in general really, but:
... (699 lines left)Is there any way you can produce a more minimal example? No one should have to dig through 800 lines of JS
I specified the relevant lines in the post, 280 is my 'resObject' state object that's meant to be updated by the TimePicker. And line 675 is the where the tool is invoked in the return. I'll attach a different pasteBin then. It's won't be self-standing/functional (neither is this obv), but it'll be shorter
just trying to make it more likely you get help 🤷
Here's the abbreviated pastebin
create the component here. It is way easier for us to trouble shoot
https://playcode.io/react
PlayCode.io
React Playground
Try this online React Playground with instant live preview and console. Easy & Fast. Experiment yourself.