Automattic / Automattic/jetpack

Gutenberg: Add a more robust time picker to the business hours block

Open
#11,840 4 comments 3 reactions 0 assignees View on GitHub
[Block] Business Hours [Pri] Normal Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

The Business Hours block currently uses and `` element in the UI

![screen shot 2019-02-06 at 6 56 49 pm](https://user-images.githubusercontent.com/2694219/52382357-ef268d00-2a42-11e9-84b7-53c8679e60d0.png)

This works pretty well, but we could improve the UX by using a more robust time picker. Let's explore:

a) using core's time picker or

b) trying a custom solution, like the drop downs in Google My Business

![screen shot 2019-02-06 at 7 12 40 pm](https://user-images.githubusercontent.com/2694219/52382415-314fce80-2a43-11e9-87bd-a1da89a26b1e.png)

The drop down would likely require some API work so that we could grab a localized list of hours

Contributor guide

Open the contributing guide

Research direction

Start by locating the Business Hours block and its current input type="time" control. Compare the proposed core time picker and custom dropdown approaches, including the API and localized-hours requirements; done means selecting and displaying business hours with a more robust localized UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.