start-ui-web icon indicating copy to clipboard operation
start-ui-web copied to clipboard

Published 20 hours ago • verified publisher icon BearStudio

TimePicker component

Open yoannfleurydev opened this issue 3 years ago • 6 comments

Implement a TimePicker component that is clearable.

Here are some inspirations:

Acceptance

  • [ ] The component should be accessible
  • [ ] The component should be documented in Storybook (run yarn storybook to launch the Storybook)
  • [ ] The component should be clearable
  • [ ] The component can be simple like an input with numbers or can be complex like the Material one in the link above.

yoannfleurydev avatar May 16 '21 09:05 yoannfleurydev

Hi, could you provide a little more context on this issue and which code we should be looking at? Depending on the specifics, I might be a good fit for this issue.

rek990 avatar Oct 05 '21 19:10 rek990

Hi @rek990, first thanks a lot for looking at 🚀 Start UI [web] 😊

So, for more context:

🚀 Start UI [web] includes a lot of useful components and we want to provide a TimePicker component. You can check all the available components under the src/components/ folder. They are documented in the Storybook yarn storybook.

The component can be fully implemented from scratch or can use a library as foundation. The important point it that the component should be accessible and easily themable using Chakra UI theme.

Is it more clear to you? Feel free to ask more questions if you have.

Tell me if you want to work on it so I'll assign the issue to you.

One more time, thanks for you interest in this repository and this issue.

yoannfleurydev avatar Oct 06 '21 07:10 yoannfleurydev

@DylanFlandrin suggested they will work on this one (it seems there is an issue with GitHub as I can't assign them yet).

yoannfleurydev avatar Jan 25 '22 08:01 yoannfleurydev

Just for context:

  • Related discussion on Chakra's repo: https://github.com/chakra-ui/chakra-ui/issues/580
  • Related discussion on Reddit: https://www.reddit.com/r/reactjs/comments/oh4npl/chakra_ui_doesnt_have_a_date_picker/
  • Feature status on Chakra's roadmap: https://github.com/chakra-ui/chakra-ui/projects/6?fullscreen=true&card_filter_query=datepicker
  • @uselessdev 's implementation: https://github.com/uselessdev/datepicker
  • @anubra266 's implementation: https://github.com/anubra266/choc-datetimepicker

jay-jlm avatar Feb 24 '22 06:02 jay-jlm

@Malek-khannoussi is suggesting on our Slack that they will work on that issue, I just assigned you so we know who is working on it.

yoannfleurydev avatar Apr 26 '22 08:04 yoannfleurydev

Just saw https://react-spectrum.adobe.com/blog/date-and-time-pickers-for-all.html

yoannfleurydev avatar Jun 21 '22 16:06 yoannfleurydev