[UIK-3464][time-picker] rewrote component to ts/refactoring time picker component/added unit tests for core time picker elements #2641
Conversation
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
## Changelog ### @semcore/notice-global #### Deprecated - Package is deprecated. <!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [ ] 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: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [x] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality.
…ows height (#2633) ## Changelog ### @semcore/data-table #### Fixed - Non-working virtual scroll with rows with unknown height. <!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [X] 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: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality. --------- Co-authored-by: Valeryia Zimnitskaya <valeryia.zimnitskaya@semrush.com>
## Changelog ### @semcore/carousel #### Fixed - Enabled `overflow-hidden` for `Indicator` for `border-radius` to apply correctly. - Moved default width and height for indicators with preview to CSS for more convenient styling. - Added `aria-roledescription="carousel"` to the root element. - Added translations for `aria-roledescription` in the root element and indicators with preview. <!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context Was: <img width="1096" height="456" alt="image" src="https://github.com/user-attachments/assets/810c7520-78ec-4bc6-9b5b-f6eb09aabf31" /> Now: <img width="1194" height="356" alt="image" src="https://github.com/user-attachments/assets/70f4869b-07c4-43c9-955b-7433a056e589" /> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [x] 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: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality. --------- Signed-off-by: Sheila <166654065+sheila-semrush@users.noreply.github.com> Co-authored-by: Valeryia Zimnitskaya <valeryia.zimnitskaya@semrush.com>
<!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [ ] 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: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality.
## Changelog ### @semcore/add-filter #### Fixed - Missing translations ### @semcore/base-trigger #### Fixed - Missing translations ### @semcore/color-picker #### Fixed - Missing translations ### @semcore/d3-chart #### Fixed - Missing translations ### @semcore/date-picker #### Fixed - Missing translations ### @semcore/dropdown-menu #### Fixed - Missing translations ### @semcore/tag #### Fixed - Missing translations ### @semcore/wizard #### Fixed - Missing translations <!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [X] 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). - [X] Nice improve. ## Checklist: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality.
…c into release/v16
…er component/added unit tests for core time picker elements
slizhevskyv-semrush
requested review from
Valeria-Zimnitskaya and
ilyabrower
ilyabrower
reviewed
Dec 17, 2025
semcore/time-picker/src/component/PickerInput/PickerInput.type.ts
Outdated
Show resolved
Hide resolved
semcore/time-picker/src/component/TimePicker/time-picker.shadow.css
Outdated
Show resolved
Hide resolved
ilyabrower
reviewed
Dec 17, 2025
- Package is deprecated. <!--- Provide a general summary of your changes in the Title above --> <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [ ] 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. <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [x] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality.
…ows height (#2633) ## Changelog ### @semcore/data-table #### Fixed - Non-working virtual scroll with rows with unknown height. <!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [X] 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: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality. --------- Co-authored-by: Valeryia Zimnitskaya <valeryia.zimnitskaya@semrush.com>
## Changelog ### @semcore/carousel #### Fixed - Enabled `overflow-hidden` for `Indicator` for `border-radius` to apply correctly. - Moved default width and height for indicators with preview to CSS for more convenient styling. - Added `aria-roledescription="carousel"` to the root element. - Added translations for `aria-roledescription` in the root element and indicators with preview. <!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context Was: <img width="1096" height="456" alt="image" src="https://github.com/user-attachments/assets/810c7520-78ec-4bc6-9b5b-f6eb09aabf31" /> Now: <img width="1194" height="356" alt="image" src="https://github.com/user-attachments/assets/70f4869b-07c4-43c9-955b-7433a056e589" /> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [x] 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: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality. --------- Signed-off-by: Sheila <166654065+sheila-semrush@users.noreply.github.com> Co-authored-by: Valeryia Zimnitskaya <valeryia.zimnitskaya@semrush.com>
<!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [ ] 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: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality.
## Changelog ### @semcore/add-filter #### Fixed - Missing translations ### @semcore/base-trigger #### Fixed - Missing translations ### @semcore/color-picker #### Fixed - Missing translations ### @semcore/d3-chart #### Fixed - Missing translations ### @semcore/date-picker #### Fixed - Missing translations ### @semcore/dropdown-menu #### Fixed - Missing translations ### @semcore/tag #### Fixed - Missing translations ### @semcore/wizard #### Fixed - Missing translations <!--- Provide a general summary of your changes in the Title above --> ## Motivation and Context <!--- Why is this change required? What problem does it solve? --> <!--- If it fixes an open issue, please link to the issue here. --> ## How has this been tested? <!--- Please describe in detail how you tested your changes. --> <!--- For example: --> <!--- I have added unit tests --> <!--- I have added Voice Over tests --> <!--- Code cannot be tested automatically so I have tested it only manually --> ## Screenshots (if appropriate): ## Types of changes <!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: --> - [X] 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). - [X] Nice improve. ## Checklist: <!--- Go over all the following points, and put an `x` in all the boxes that apply. --> <!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! --> - [ ] I have updated the documentation accordingly. - [ ] I have added new tests on added of fixed functionality.
ilyabrower
force-pushed
the
release/v16
branch
from
63e05f4 to
199b49f
Compare
…picker-on-change-api
ilyabrower
force-pushed
the
release/v16
branch
from
5ddc4cb to
9deaf08
Compare
…nit tests for them/refactored time picker
…picker-on-change-api
ilyabrower
reviewed
Dec 24, 2025
semcore/time-picker/src/component/PickerFormat/PickerFormat.tsx
Outdated
Show resolved
Hide resolved
…t tests for it/small PR fix
…treat empty array) as 'watch for every change'
ilyabrower
reviewed
Jan 12, 2026
| expect(callback).toHaveBeenCalledWith(symbolKey, 'updated'); | ||
| }); | ||
|
|
||
| it('should work when setting same value multiple times', () => { |
Contributor
There was a problem hiding this comment.
I think, you should change the description in it
| (<F>() => F extends { -readonly [P in Property]: This[Property] } ? 1 : 2) | ||
| ? false | ||
| : true; | ||
| type Callback<This> = (this: This, field: string | symbol, newValue: any) => void; |
Contributor
There was a problem hiding this comment.
technically yes, but maybe we don't need it until someone uses it?
semcore/time-picker/src/component/TimePicker/TimePicker.type.ts
Outdated
Show resolved
Hide resolved
semcore/time-picker/src/component/TimePicker/TimePicker.type.ts
Outdated
Show resolved
Hide resolved
Co-authored-by: ilyabrower <ilia.brauer@semrush.com> Signed-off-by: slizhevskyv-semrush <uladzislau.slizheuski@semrush.com>
ilyabrower
reviewed
Jan 13, 2026
…picker-on-change-api
…Hour/updated component/decorator typings
ilyabrower
approved these changes
Jan 14, 2026
ilyabrower
approved these changes
Jan 14, 2026
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.
Changelog
@semcore/time-picker
Changed
Break
onChangeformat toHH:mmMotivation and Context
The
onChangeoutput format has been updated toHH:mm.The component has been migrated back to TypeScript.
The core business logic was extracted into a dedicated entity layer and is now fully covered by unit tests.
How has this been tested?
I've added unit tests.
Screenshots (if appropriate):
Types of changes
Checklist: