Skip to content

Conversation

@balajis-qb
Copy link
Contributor

@balajis-qb balajis-qb commented Dec 23, 2025

Problem
This fix is related to a CSS specificity issue in the docsite example "Custom day class name". In that example even though the dayClassName is applied properly, it's not applied in the UI due to CSS Specificity issue.

image

Changes

  • Increased the specificity of the CSS selector to apply the dayClassName style to the day element
  • No functional changes

Screenshots

image

Contribution checklist

  • I have followed the contributing guidelines.
  • I have formatted my code with Prettier and checked for linting issues with ESLint for code readability.

@codecov
Copy link

codecov bot commented Dec 23, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.31%. Comparing base (644f2f5) to head (27de959).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #6194   +/-   ##
=======================================
  Coverage   99.31%   99.31%           
=======================================
  Files          30       30           
  Lines        3810     3810           
  Branches     1639     1659   +20     
=======================================
  Hits         3784     3784           
  Misses         25       25           
  Partials        1        1           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

- Previous `text-success` color style was overridden by the default specificity of the react-datepicker__day class.
- Added a new class to increase the specificity
@balajis-qb balajis-qb force-pushed the docs/fix/css-specificity branch from 8b81961 to 27de959 Compare December 23, 2025 15:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant