Skip to content

feat(RelativeRangeDatePicker): added interactive tooltip and header #178

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

Merged
merged 7 commits into from
Apr 18, 2025

Conversation

ivancheprasov
Copy link
Contributor

@ivancheprasov ivancheprasov commented Mar 25, 2025

This pr moves docs popover out of preset tabs since it is more related to the picker itself rather than presets. It also makes docs popover interactive: after user clicks on the buttons related input gets properly filled. The original RFC: https://st.yandex-team.ru/UXRFC-509

image

@gravity-ui-bot
Copy link
Contributor

Preview is ready.

@korvin89
Copy link
Contributor

Do we have rfc for these features?

@ivancheprasov
Copy link
Contributor Author

Do we have rfc for these features?

Yes, we do https://st.yandex-team.ru/UXRFC-509

@@ -19,4 +17,8 @@ $block: '.#{variables.$ns}relative-range-date-picker-presets-doc';
width: 100%;
}
}

&__row {
vertical-align: baseline;
Copy link
Contributor

Choose a reason for hiding this comment

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

We don't need this style, label is aligned well without it

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It's essential to create the proper mobile view with multiline labels. It was one of the designers' request to align labels with buttons' text.

image

Copy link
Contributor

Choose a reason for hiding this comment

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

What they think about this markup?
image

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Removed alignment after conversation with designers

@@ -62,9 +65,27 @@ export function PickerForm(
size: props.size,
errorPlacement: 'inside',
};
const {isDateUnavailable} = props;
const {isDateUnavailable, withHeader = true} = props;
Copy link
Contributor

Choose a reason for hiding this comment

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

It would be more consistent to use false by default

@@ -4,5 +4,6 @@
"\"From\" can't be after \"To\".": "\"From\" can't be after \"To\".",
"From": "From",
"To": "To",
"Apply": "Apply"
"Apply": "Apply",
"Specify the interval": "Specify the interval"
Copy link
Contributor

Choose a reason for hiding this comment

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

I suggest to use word Select here

@ivancheprasov ivancheprasov merged commit 3ea92ad into main Apr 18, 2025
3 checks passed
@ivancheprasov ivancheprasov deleted the feat/relative-range-date-picker-tooltip branch April 18, 2025 12:26
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.

3 participants