adamgall
commented
6 days ago Two Phase Approach:
- Start by just creating two single date pickers (for right now, for this issue)
- Select Start Date
- Select End Date (can't be before Start Date)
- No range highlighting
- Just two simple date pickers
- Down the road come back to the UX and figure out a way to consolidate into a single Date Picker which includes the range selection
Strange behavior on this date picker component. The start and end date inputs do not share the same component, rather they use two different date pickers, so I can select and override two different date ranges.
Additionally, the input field does not respond when I select a date and remains blank.
Lastly, I know we designed the date input fields in the date picker itself to be manually typed, but they aren't currently interactive and due to the positioning of the component the two input fields look very redundant. I think we should just remove those date fields from the date picker component.
Browser metadata
``` Path: /roles/edit/details?dao=sep:0xe20221A8939F9373C091262CBEF9493aca196acD&hatId=0xaac26be5e48b1859b982553e0ed9da801827d128cddd7f96627e8cdcb60eba2f Browser: Chrome 127.0.0.0 on Mac OS 10.15.7 Viewport: 1425 x 904 @2x Language: en-US Cookies: Enabled ``` [Open in BrowserStack](https://www.browserstack.com/user/try-live?url=https%3A%2F%2Fdeploy-preview-2309.app.dev.decentdao.org%2Froles%2Fedit%2Fdetails%3Fdao%3Dsep%3A0xe20221A8939F9373C091262CBEF9493aca196acD%26hatId%3D0xaac26be5e48b1859b982553e0ed9da801827d128cddd7f96627e8cdcb60eba2f&os=OS%20X&os_version=Catalina&browser=Chrome&browser_version=127.0&resolution=1425x904&speed=1&start=true&ref=netlify-source)Open Deploy Preview · Mark as Resolved
Originally posted by @nicolaus-sherrill in https://github.com/decentdao/decent-interface/issues/2309#issuecomment-2312945908