feat: Add renderCustomDayName prop for custom weekday header rendering#6091
Merged
martijnrusschen merged 1 commit intoHacker0x01:mainfrom Dec 4, 2025
Merged
Conversation
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #6091 +/- ##
==========================================
+ Coverage 99.14% 99.22% +0.08%
==========================================
Files 30 30
Lines 3612 3620 +8
Branches 1548 1535 -13
==========================================
+ Hits 3581 3592 +11
+ Misses 29 27 -2
+ Partials 2 1 -1 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
2d7195d to
020abad
Compare
Add ability to customize day name rendering in calendar header similar to renderCustomHeader. Includes customDayNameCount parameter to support different styling when displaying multiple months. - Add ReactDatePickerCustomDayNameProps interface - Extend Calendar header() method with customDayNameCount parameter - Add comprehensive test coverage (7 test cases) - Include example in docs-site demonstrating usage
020abad to
33b0fa2
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Adds
renderCustomDayNameprop to DatePicker component, enabling custom rendering of weekday names in the calendar header (similar to existingrenderCustomHeaderfunctionality).Motivation
Provides developers with flexibility to customize day name display, such as adding emojis, icons, or custom styling based on the displayed month position when showing multiple months.
Changes
ReactDatePickerCustomDayNamePropsinterfacerenderCustomDayNameprop to Calendar componentcustomDayNameCountparameter (similar tocustomHeaderCount)Example Usage