onesine / react-tailwindcss-datepicker

Modern date range picker component for React using Tailwind 3 and dayjs. Alternative to Litepie Datepicker.
https://react-tailwindcss-datepicker.vercel.app/
MIT License
552 stars 169 forks source link

Datepicker design broken #262

Closed mirajehossain closed 4 months ago

mirajehossain commented 4 months ago

Code:

 <Datepicker
                value={value}
                onChange={handleValueChange}
                showShortcuts={true}
            />

tailwind.config.js

module.exports = {
purge: ["./pages/**/*.tsx", "./src/**/*.tsx"],
    darkMode: false, 
    theme: {
        extend: {},
    },
    variants: {
        extend: {},
    },
    plugins: [require("daisyui"), require("@tailwindcss/forms")],
    daisyui: {
        themes: false,
    },
    content: [
        "./src/**/*.{js,jsx,ts,tsx}",
        "./node_modules/react-tailwindcss-datepicker/dist/index.esm.js",
    ],
};

I also installed dayjs as a dependency. still, the design is broken.

react v: 17.0.2 tailwindcss v: ^3.2.6

Screenshot 2024-07-01 at 3 04 43 AM

mirajehossain commented 4 months ago

Got the issue, it was a configuration issue in the tailwind config.