Have to make a bow around PM to select an hour far to the right

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Click the time
2. Hover over AM
3. Move the mouse directly to 09 (anything far to the right)
4. Notice how PM is selected because the mouse moved over it to get to 09

What is the expected output? What do you see instead?
I expect a way to select 09 without having to do a big bow around PM with
the mouse.
Suggested fixes:
1. Move AM and PM a distance apart
2. Make them quite a bit wider
3. 1 or 2, and put them at the bottom instead of the top

What version of the product are you using? On what operating system?
6.2, Firefox 3.0.3, Windows XP

Please provide any additional information below.

I'm aware that the same problem exists when moving from hours to minutes. I
can't think of a good suggestion for that at the moment. It seems less
annoying, though. Perhaps make spaces between the am/pm, hour, and minute
rows, so that mouse movements are easier to make directly from one square
(hours) to another (minutes).

Original issue reported on code.google.com by fares.ab...@gmail.com on 15 Nov 2008 at 11:49

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

for the hours/minutes issue, it can be really frustrating in cases where the 
parent
div is forcing the hours to wrap. See the attached screenshot; how do you get 
from
the 02 to the minutes without touching the 10? On small screens with multiple 
lines
of wrap, you might end up with an impossible shift from 0 to 12.

I suggest having an option to use 'click to focus' instead of 'mouseover to 
focus'.

Original comment by buch...@gmail.com on 13 Jul 2009 at 4:20

Attachments:

• timepicker.png

[GoogleCodeExporter]

I will mark this issue as wontfix since it's more a preference matter and it 
can be
solved by adding one or two lines of CSS.

Original comment by hainea...@gmail.com on 6 Aug 2009 at 6:16

• Changed state: WontFix