react-multi-date-picker icon indicating copy to clipboard operation
react-multi-date-picker copied to clipboard

styling not applicable with tailwindcss

Open ksi9302 opened this issue 2 years ago • 0 comments

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!

ksi9302 avatar Apr 04 '23 00:04 ksi9302