Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] - The date picker component does not respond to custom style classes #4495

Open
TheFabi8A opened this issue Jan 5, 2025 · 2 comments
Assignees
Labels
📦 Scope : Components Related to the components ✨ Type: Enhancement New enhancement on existing codebase

Comments

@TheFabi8A
Copy link

NextUI Version

2.6.8

Describe the bug

When trying to change the styles they are not applied

Your Example Website or App

https://stackblitz.com/edit/vitejs-vite-cdj6lghx?file=src%2FApp.tsx

Steps to Reproduce the Bug or Issue

  1. Import component
  2. Add custom style classes in the classNames property

Expected behavior

I was expecting the styles to be applied just like the other input components for dates do.

Screenshots or Videos

image

Operating System Version

Windows

Browser

Chrome

Copy link

linear bot commented Jan 5, 2025

@wingkwong
Copy link
Member

wingkwong commented Jan 5, 2025

For DatePicker, you can use

<DatePicker
  variant="bordered"
  label="Date Picker"
  dateInputClassNames={{
    inputWrapper: '!border-dashed',
  }}
/>

I'll check with the team on the discrepancy between these components.

@wingkwong wingkwong self-assigned this Jan 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📦 Scope : Components Related to the components ✨ Type: Enhancement New enhancement on existing codebase
Projects
None yet
Development

No branches or pull requests

2 participants