epam / epam/UUI

[Range Date Picker] Problems in using the component in the mobile version

Open
#693 0 comments 0 reactions 0 assignees View on GitHub
bug Mobile device
Dominant language
TypeScript
Stars
247
Forks
78
Avg merge
14h 27m
Merged PRs (30d)
15

Description

# Description
When User tries to select dates in the Range Date Picker, he encounters awkward behavior.

## Steps to Reproduce

1. Open [Range Date Picker](https://uui.epam.com/documents?id=rangeDatePicker&mode=doc&skin=UUI4_promo&category=components) from mobile device (or reduce screen size).
2. Click on the date picker.

### Actual result
User can't select dates from right side of the calendar.

### Expected result
User can select dates from both part of the calendar.

## Steps to Reproduce
3. Select any dates.
4. Cancel the selected dates by clicking on the cross in the upper right corner.
5. Click on the date picker.

### Actual result
Calendar doesn't open.

### Expected result
Calendar opens to select new dates.

## Steps to Reproduce
6. Reload the page.
7. Click on date picker.
8. Select any dates.
9. Delete a date with backspace/delete key.
10. Click on the date picker.

### Actual result
Calendar doesn't open.

### Expected result
Calendar opens to select new dates.

https://user-images.githubusercontent.com/57751283/189965319-c8a49935-424f-4c02-bacd-68324e542326.mp4

* UUI version: 4.8.4
* Browser name: any mobile web browser
* Operating System: Android/IOS

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.