Style of Range bug - Wrong import in documentation - Githubissues

gpbl / react-day-picker

DayPicker is a customizable date picker component for React. Add date pickers, calendars, and date inputs to your web applications.

https://daypicker.dev

MIT License

5.86k stars 701 forks source link

Style of Range bug - Wrong import in documentation #2150

Closed Vansh-Baghel closed 1 month ago

Vansh-Baghel commented 1 month ago

Description

While using the Range Calender, I found that the styling is not getting implemented. Make it a little more user-friendly, and include the same in installation section if possible.
Main issue, is that even after importing it in React, it says that Failed to resolve import "react-day-picker/style.css" from "src/App.tsx". Does the file exist? Don't need to panic, just change the import statement to the following for React: import "react-day-picker/dist/style.css"

Expected Behavior

The style should be properly applied.

Actual Behavior

Style is not getting applied

Screenshots

Before:

After:

Your Environment

React version:
Your Timezone:
Browser [e.g. chrome, safari]:
Version [e.g. 22]:
Operating System [e.g. iOS, Windows]:
Other relevant information:

gpbl commented 1 month ago

Thanks! Fixed it in https://github.com/gpbl/react-day-picker/commit/9ad13dc72fff814dcf720a62f6e3b5ea38e8af6d

Vansh-Baghel commented 1 month ago

🔥🚀