Base Web /baseui StatefulRangeDatePicker

I want this date range selector from base web in my react component:
https://baseweb.design/ladle/?story=datepicker--datepicker-time&theme=dark&width=640

Here is a react playground of the code that is offered in the above link: https://playcode.io/1756853

This is the available documentation for a 'Datepicker' component, not a "StatefulRangeDatepicker', which is what the first link is:

https://baseweb.design/components/datepicker/

There is a Composed range pickers setup listed in the documentation, which looks slightly different than the first link.

I'm looking for any guidance on how I can build out what's in the first link as a react component, using the code I have already in the playcode, or maybe a suggestion on where I can find example code for a built copy of this component?
Screenshot_2024-02-09_at_9.48.33_AM.png
Ladle: Playground for your React Components.
PlayCode.io
Try this online React Playground playground with instant live preview and console. Easy & Fast. Experiment yourself.
Was this page helpful?