TimePicker component

[yoannfleurydev]

Implement a TimePicker component that is clearable.

Here are some inspirations:

• Ant Design TimePicker
• Material UI TimePicker
• Chakra UI setting the type prop to time

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.

[rek990]

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.

[yoannfleurydev]

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]

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

[jay-jlm]

Just for context:

• Related discussion on Chakra's repo: Recommendations for Date Picker package chakra-ui/chakra-ui#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

[yoannfleurydev]

@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]

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