DateRangePicker doesn't seem to work in React/NextJS

[anargiris]

I've been trying to implement the DateRangePicker with no success.

I am using NextJS app router v:^13.4.8
Here is the code:

import DateRangePicker from "flowbite-datepicker/DateRangePicker";

 const datepickerRef = useRef();
  useEffect(() => {
    if (datepickerRef?.current) {
      new DateRangePicker(datepickerRef.current, {});
    }
  }, []);
  

return (
      <input
         ref={datepickerRef}
         type="text"
         placeholder="Select date"
      />
)

Note: The original DatePicker works just fine using the same method.

[netgfx]

Same issue can be seen here in this example https://codesandbox.io/s/flowbite-react-datepicker-forked-yhdv6p?file=/src/App.js

[mo9a7i]

https://vue-tailwind-datepicker.com/advanced-features.html