The style of this was lost

hypeserver / react-date-range

A React component for choosing dates and date ranges.

MIT License

2.57k stars 658 forks source link

The style of this was lost #522

Open Ha0ran2001 opened 2 years ago

Ha0ran2001 commented 2 years ago

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: oops!

[BUG] Expected behaviour

Environment

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

pawelkrystkiewicz commented 1 year ago

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