Skip to content

feat: ✨ Add customizable range separator for date range selection in DatePicker #5737

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

balajis-qb
Copy link
Contributor

@balajis-qb balajis-qb commented Jul 14, 2025

Closes #4741

Description

Linked issue: #(issue number)

Problem
As requested in the attached ticket, added a support to customize the separator of the Range Date Picker using a new prop rangeSeparator.

Changes

  • Introduced rangeSeparator prop to allow custom separators in date range formatting.
  • Updated safeDateRangeFormat to utilize the custom separator.
  • Added example for date range selection with a custom separator in documentation.
  • Enhanced tests to verify functionality of the new rangeSeparator feature.

Screenshots

image

Contribution checklist

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

Copy link

codecov bot commented Jul 14, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 97.12%. Comparing base (ec4ce2c) to head (8288d65).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #5737   +/-   ##
=======================================
  Coverage   97.12%   97.12%           
=======================================
  Files          30       30           
  Lines        3374     3379    +5     
  Branches     1424     1426    +2     
=======================================
+ Hits         3277     3282    +5     
  Misses         95       95           
  Partials        2        2           

☔ 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.

@balajis-qb balajis-qb force-pushed the feat/4741/custom-range-separator branch from 2084a3d to 335e375 Compare July 14, 2025 06:58
…DatePicker

- Introduced `rangeSeparator` prop to allow custom separators in date range formatting.
- Updated `safeDateRangeFormat` to utilize the custom separator.
- Added example for date range selection with a custom separator in documentation.
- Enhanced tests to verify functionality of the new `rangeSeparator` feature.

Closes Hacker0x01#4741
@balajis-qb balajis-qb force-pushed the feat/4741/custom-range-separator branch from 335e375 to 8288d65 Compare July 14, 2025 08:14
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.

Make date range separator customizable
1 participant