Skip to content

fix: set explicit width on custom time input example - #6317

Open
balajis-qb wants to merge 1 commit into
Hacker0x01:mainfrom
qburst:fix/custom-time-input-example-width
Open

fix: set explicit width on custom time input example#6317
balajis-qb wants to merge 1 commit into
Hacker0x01:mainfrom
qburst:fix/custom-time-input-example-width

Conversation

@balajis-qb

Copy link
Copy Markdown
Contributor

Description

Problem
The "Custom Time Input" docs example (docs-site/src/examples/ts/customTimeInput.tsx) leaves the custom <input> without an explicit width. It falls back to the browser's default text-input width, leaving a large empty gap next to the short HH:MM value.

Changes
Added an explicit width: 70px to the input's inline style so it's sized appropriately for the time value instead of relying on the browser default.

Screenshots

Before
image

After
image

To reviewers

Small, isolated docs-site example fix — no changes to library source or public API.

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.

The docs "Custom Time Input" example left the input element without
an explicit width, so it fell back to the browser's default text
input width, leaving a large empty gap next to the short HH:MM value.
@codecov

codecov Bot commented Jul 30, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 99.31%. Comparing base (548a1f3) to head (902815c).

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #6317      +/-   ##
==========================================
+ Coverage   99.29%   99.31%   +0.02%     
==========================================
  Files          30       30              
  Lines        3822     3822              
  Branches     1648     1648              
==========================================
+ Hits         3795     3796       +1     
+ Misses         26       25       -1     
  Partials        1        1              

☔ View full report in Codecov by Harness.
📢 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.

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