Skip to content

[UIK-5614][date-picker] changed border-radius in calendar - #3097

Open
ilyabrower wants to merge 6 commits into
UIK-5351/add-more-variables-to-themefrom
UIK-5614/date-picker-redesign
Open

[UIK-5614][date-picker] changed border-radius in calendar#3097
ilyabrower wants to merge 6 commits into
UIK-5351/add-more-variables-to-themefrom
UIK-5614/date-picker-redesign

Conversation

@ilyabrower

Copy link
Copy Markdown
Contributor

Motivation and Context

How has this been tested?

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue).
  • New feature (non-breaking change which adds functionality).
  • Breaking change (fix or feature that would cause existing functionality to not work as expected).
  • Nice improve.

Checklist:

  • I have updated the documentation accordingly.
  • I have added new tests on added of fixed functionality.

@ilyabrower ilyabrower self-assigned this Jul 31, 2026
@ilyabrower
ilyabrower force-pushed the UIK-5614/date-picker-redesign branch from bf4fa1a to 5f9c8c7 Compare July 31, 2026 06:49
@Valeria-Zimnitskaya
Valeria-Zimnitskaya requested review from j-mnizhek and sheila-semrush and removed request for j-mnizhek August 6, 2026 11:51
display: flex;
flex-direction: column;
border-radius: var(--intergalactic-surface-rounded, 8px);
border-radius: var(--intergalactic-rounded-small, 4px);

@sheila-semrush sheila-semrush Aug 7, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this border radius affects focus outline on the calendar in some cases, can be seen in our test story http://localhost:6006/?path=/story/components-datepicker-tests--custom-day-fixed-for-tests

transition: border-radius 0.15s 0.15s;
outline: none;
margin: 0;
margin-top: 4px;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I replaced this margin with a gap for GridDays. Month grid became tighter as a result - this is expected

flex-direction: column;
border-radius: var(--intergalactic-surface-rounded, 8px);
border-radius: var(--intergalactic-rounded-small, 4px);
gap: var(--intergalactic-spacing-content-gap-small, 4px);

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this gap is visible between the mon/tue/wed row and the days

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants