react-multi-date-picker
react-multi-date-picker copied to clipboard
styling not applicable with tailwindcss
Hi, thanks for the great library. It's super useful, however when trying to style the popper calendar, I think the your styling system clashes with tailwindcss. I'm using Calendar without input and I could change the backgorund color somehow but couldn't get the text color to change.
my code is as below
<Calendar
value={value || ""}
format="DD/MM/YYYY"
onChange={array => {
// @ts-expect-error
const dates = array?.map(d => d.format());
onChange(dates ? dates : []);
}}
multiple
plugins={[<DatePanel />]}
className="dark:bg-purple bg-purple dark:text-white"
/>
Below works
className="dark:bg-purple bg-purple"
But not the below
className="dark:text-white text-dark"
Nor this
className="purple"
If any workaround exists, please let me know.
Thanks!