Created: Datepicker Component

[rikgirbes]

I created a Datepicker component working with DaisyUI.

All vanilla typescript, although it does use date-fns and floating-ui.

Of course this is both not "css only" and uses 2 libraries.

Thus the question can this be of any use for the project?
Or should I release it separately?

[saadeghi]

That's amazing! Many people asked for this.

Yes, I think you should release it as a separate package.
If the npm package is ready for production and the docs is straightforward, I will add a link to it on daisyUI docs as well. I'm thinking about adding a "plugins" section on the sidebar of daisyUI document website.

Let me know if you have any questions ✌️

[tonyYo00]

I would like a plugin based on daisyUI and more headless combinations like react-table + daisyUI. Or some common components like rc-component + daisyUI

[tonyYo00]

1. Core: Tailwind + DaisyUI Config
2. Plugin:
   1. Headless : react-table, react-hot-toast, react-modal
   2. Other: rc-component/tree rc-component/date-picker rc-component/cascader react-select or rc-component/select ....

@saadeghi Do we have some plugin schedules?

[saadeghi]

@tonyYo00 daisyUI only provides the style. So any UI library that is "headless" (only provides functionality + does not provide design decisions or it's optional) can work well with daisyUI.
There could be wrapper packages to include 2 in 1 but of course those should be separate project with their own npm package.

[rikgirbes]

@tonyYo00 as for the schedule: will probably release the date-picker in 1-2 weeks (lots of work on daily job 😄 )

[tonyYo00]

@rikgirbes i found a headless lib about date: https://github.com/its-danny/use-lilius , I think we can build a daisyUI-exentention with headless:
table: react-table
select: downshift
date-picker: use-lilius
toast: react-hot-toast

[rikgirbes]

@tonyYo00 not really that headless though..

Also would be React-only.

And uses date-fns in the background, and popperjs for floating.

I made a Vanilla-Ts version, that uses Datefns also, and floating-ui for the floating functionality (which is a treeshakeable version of popper you could say)

I think that would more fit daisyui as it can be injected in all frameworks (e.g. react/vue/svelte etc), or just in vanilla js/ts.

I haven't found the time yet to make a release-able package, although the code is done and functional. (apart from some small refactoring maybe)

[rikgirbes]

Also toast are now in DaisyUI (atleast the styles for it), making a js lib for handling toast is easy enough, no need to only support react.

[ThatXliner]

I haven't found the time yet to make a release-able package, although the code is done and functional. (apart from some small refactoring maybe)

I'm eager to try it. Publishing a GitHub repo is a good start.

Also, this issue should be made into a discussion