search

imdreamer2018 / streamlit-date-picker

streamlit date picker and range picker
MIT License
11 stars 2 forks source link

Date range picker not showing completely #7

Open FlorianFormentini opened 4 weeks ago

FlorianFormentini commented 4 weeks ago

Hi !

I can't select dates in the range-picker because the selector is not displayed correctly (using Brave browser).

Screenshot_1

The problem seems to come from : frontend/src/DatePicker.tsx - line 47 or from the component style.

<div style={{ height: '50px' }}>
 ...
</div>

By increasing the height of this div in my browser's development tools, I can display the selector completely, but it shifts the other elements downwards. Ideally, I'd like to display the date selection over what's next.

Screenshot_2

FlorianFormentini commented 3 weeks ago

Updating Streamlit from v1.31.0 to 1.35.0 made the component fully visible on click.

However, as it doesn't appear in the foreground like streamlit's native date selectors and shifts the other elements, there are still display problems depending on where the component is placed.

It's not possible to place it in the sidebar: Screenshot_1

imdreamer2018 commented 2 weeks ago

Thanks for your feedback，I have bean already find this problem. I will try to show date picker like modal in iframe window, may be in future version to implement it.