Datepicker popover style settings.

[WasiHaider279]

Discussed in #259

^{Originally posted by WasiHaider279 June 12, 2024}
Hi,
First of all let me say awesome work on this date picker. I was wondering if we can change the styling of Datepicker popover . Because you see my website is in the Dark theme not the DARK MODE so I wanna make it aligned with the colors of my theme.

[Anonymouseyy]

Hey, I would like this feature as well. As far as I can tell there is no way to style the datepicker popover currently. But I am willing to work on this feature.
Great datepicker btw :)

[ichsankurnia]

hi @WasiHaider279, to change the background color and text color on the picker panels, i think you can use this way
.tailwind-datepicker > div > div { @apply border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-950 !text-red-500 }

<Datepicker useRange={false} asSingle={true} value={value} onChange={(val) => setValue(val)} containerClassName='relative tailwind-datepicker' inputClassName='input inline' />