react-date-range icon indicating copy to clipboard operation
react-date-range copied to clipboard

The style of this was lost

Open Ha0ran2001 opened this issue 3 years ago • 1 comments

When I use the react-date-range its style was lost

I use this in Vite and tailwindcss enviroment.

[BUG] Bug Reproduce Steps

I just yarn add react-date-range date-fns. And then import { DateRangePicker } from 'react-date-range'; I also did this opration: declare module 'react-date-range' because its in typescript then: image oops!

[BUG] Expected behaviour

Environment

Package Version: 0.0.0 React version: ^17.0.0 Node version: 14.17.6 Browser: Chrome

Ha0ran2001 avatar Oct 05 '21 06:10 Ha0ran2001

Maybe you forgot to import default styles?

import 'react-date-range/dist/styles.css'; // main style file
import 'react-date-range/dist/theme/default.css'; // theme css file

pawelkrystkiewicz avatar Apr 01 '23 19:04 pawelkrystkiewicz