Using individual component @nextui-org/date-picker the selection of the range days is not displayed

[pikMR]

NextUI Version

2.1.2

Describe the bug

This error is encountered using the individual components:

module.exports = { content: [ "./node_modules/@nextui-org/theme/dist/components/(date-picker|theme|modal|button|snippet|code|input|tabs|card|tooltip|select).js", ], ...

my component:

<DateRangePicker label="rango extractos" visibleMonths={2} onChange={(event) => handleSelectedDate(event)} />

When click in range of days nothing happens visually, but "handleSelectedDate" can work.

Your Example Website or App

https://codesandbox.io/p/github/pikMR/react-table-with-nextui/datepicker

Steps to Reproduce the Bug or Issue

use individual component in package.json "@nextui-org/date-picker": "^2.1.2",

import in your component import { DateRangePicker } from "@nextui-org/date-picker";

and in tailwind.config.js "./node_modules/@nextui-org/theme/dist/components/(date-picker| ...

Expected behavior

You can open your date-picker and select range of days, but visually the days are not selected.

Screenshots or Videos

No response

Operating System Version

Windows 11

Browser

Chrome

[linear[bot]]

ENG-1155 Using individual component @nextui-org/date-picker the selection of the range days is not displayed

[awesome-pro]

@pikMR can you provide a minimal reproducible enviroment like CodeSandBox or StackBlitz,

[pikMR]

@pikMR can you provide a minimal reproducible enviroment like CodeSandBox or StackBlitz,

https://codesandbox.io/p/github/pikMR/react-table-with-nextui/datepicker

[wingkwong]

1. I can only see modal in your StackBlitz environment.
2. I couldn't access your sandbox link. You just need either StackBlitz or sandbox. And by the definition fo minimal reproducible environment, there shouldn't have other extra unrelated code.

Please update it and let us know.

[pikMR]

1. I can only see modal in your StackBlitz environment.
2. I couldn't access your sandbox link. You just need either StackBlitz or sandbox. And by the definition fo minimal reproducible environment, there shouldn't have other extra unrelated code.

Please update it and let us know.

@wingkwong sorry my fault i added branch main and not "datepiker" branch:

https://codesandbox.io/p/github/pikMR/react-table-with-nextui/datepicker

[wingkwong]

the app is not running.

[awesome-pro]

@pikMR kindly update the sandbox so that we can help you.

Also I will recommend your to make a test app from NextUI CLI and see is any configuration changes you are missing. I hope it will help you

[pikMR]

@pikMR kindly update the sandbox so that we can help you.

Also I will recommend your to make a test app from NextUI CLI and see is any configuration changes you are missing. I hope it will help you

the app is not running.

@pikMR kindly update the sandbox so that we can help you.

Also I will recommend your to make a test app from NextUI CLI and see is any configuration changes you are missing. I hope it will help you

I don't understand anything

[awesome-pro]

@pikMR update the sandbox so that your app should be running showing the error you are getting, so that we can analyse the bug

[pikMR]

@pikMR update the sandbox so that your app should be running showing the error you are getting, so that we can analyse the bug

it is a visual error when selecting the dates.

Can you check please?

[pikMR]

Also I will recommend your to make a test app from NextUI CLI and see is any configuration changes you are missing.

@awesome-pro in my proyect I don't use nextui cli, I use INDIVIDUAL COMPONENTS of nextui.

[wingkwong]

@pikMR this is what I see in your sandbox. or did you update a new one? also can you try bump all nextui versions?

[pikMR]

@pikMR this is what I see in your sandbox. or did you update a new one? also can you try bump all nextui versions?

With this versión you can test the bug, you only should click in the datepicker and select a range of dates.

The version was the lastest, but you can changue other in packages.