[Feature Request] Custom theme classes applying to calendar

[liamjbarry]

[Feature Request] Custom theme classes applying to calendar

[JefteCaro]

@rxflame

Thank you for feedback.

You can try the primaryColor prop to change the theme of the calendar as stated in docs Theming options

<Datepicker
  primaryColor="green"
/>

We'll try to add more theme customization features very soon.

PR's are always welcome.

[nLamprok]

@onesine hey! 👋

Indeed, incredible work so far. This was indeed missing from the community. I believe to handle all people's needs, you should probably allow overloading classes for different parts of the UI (such as the input, the container, the popup etc.).

Because of class priority (aka the order in which you type them), if someone wants to add custom classes to set specific styles (even colours, backgrounds etc) he/she should be able to just pass the overloaded classes. For example:

<DatePicker
  overloadInputClasses='bg-[#5551ff] py-2'
/>

I believe it's relatively easy to implement that. I can probably try to contribute to this with a PR if I find some time.

Again, thanks a lot for this :)

[onesine]

Hi @nLamprok 👋

Thank you for your feedbacks. I don't have enough time right now to respond to everyone's needs. I will do my best, but it would be interesting to have other people participate with me in improving this package. There are enough features that could be added and as I receive many feature requests.

Thank you also for the example you have proposed. I will be very happy to see your PR very soon 😃.

[JefteCaro]

New props available as of v1.2.0:

• to overload input classNames : inputClassName
• to add classNames to input container: containerClassName
• to disable the input: disabled

<Datepicker
  disabled
  inputClassName="text-base font-normal"
  containerClassName="mt-2"
/>

[rxflame]

I've tried to customize the background color but it doesn't seem to work it out, this would be amazing if it was possible ! Congratz awesome project by the way

[onesine]

Hi 👋 @liamjbarry

Thank you very much for your feature request. I am very happy that you find it easy to use and that you find it so enjoyable.

Your request is very relevant as it was planned since the beginning of the project. Only I had some constraints and finally proposed some basic themes.

Very soon this feature will be supported in the next versions.

There are requests on the packages I released for the moment. So I'm a bit overwhelmed at the moment. I will be glad to see your PR and contribute with you on this package.

[onesine]

I will update the documentation very soon. Thanks @JefteCaro