Open Bug 1283382 Opened 9 years ago Updated 1 month ago

Implement UI for <input type="month">

Categories

(Core :: Layout: Form Controls, enhancement, P3)

53 Branch
enhancement

Tracking

()

People

(Reporter: scottwu, Unassigned)

References

(Blocks 2 open bugs)

Details

User Story

Try it with: chrome://global/content/testDatePicker.xhtml

Currently the architecture is having the MonthPicker as the main component. It creates the Spinner component and provides the properties such as the item it contains, the current item, min/max, and maybe append/prepend generator functions.

Once a spinner has a new value, it sends the new state to the MonthPicker, and it will re-render the spinners with new state.

Note: currently, rapid scrolling on the year spinner has a bug that could cause it to keep appending/prepending elements.

Attachments

(2 files)

No description provided.
Assignee: nobody → scwwu
WIP with spinner component
User Story: (updated)
Component: XUL Widgets → Layout: Form Controls
Product: Toolkit → Core
Version: unspecified → 53 Branch
Priority: -- → P3
Type: defect → enhancement

The bug assignee didn't login in Bugzilla in the last 7 months.
:emilio, could you have a look please?
For more information, please visit auto_nag documentation.

Assignee: scottcwwu → nobody
Flags: needinfo?(emilio)
Flags: needinfo?(emilio)
Severity: normal → S3
Duplicate of this bug: 1879838
Duplicate of this bug: 1922852

Any News on this? This item is 9 years old already

Duplicate of this bug: 1945952

I assume Mozilla's priorities still lie on other features. At least bug 1069609 has a detailed UX specification including month and week pickers. While that spec. is already quite old itself, it seems to lay a good foundation for someone, who wants to implement it.

The main code for the date widget is here:
https://searchfox.org/mozilla-central/rev/43ed185f20ba4d3ef28c78b85102ea88fa63c947/toolkit/content/widgets/datetimebox.js.

Sebastian

maybe consider adding a basic / wireframe version behind a beta feature flag and iterate on it gradually. use AI to help build a basic version; otherwise we might not see any implementation for another decade or two.

Duplicate of this bug: 1978805

(In reply to kasper from comment #10)

maybe consider adding a basic / wireframe version behind a beta feature flag and iterate on it gradually. use AI to help build a basic version; otherwise we might not see any implementation for another decade or two.

I did actually just create one. I'll try to push it later, so it can be used as a starting point for anyone interested.

Sebastian

From what i see in my UI, don't we actually have a month picker in the date picker already (to switch months/years there)? Would already be good if that could serve as a first implementation for a month picker.

The WIP patch re-uses the month picker from the date picker as suggested by Robert. For that, the month picker got moved out from datepicker.js into a new monthpicker.js. The field itself already works as expected, though the picker currently stays empty.

So the missing steps are getting the picker to work, let the date picker and month picker share the same markup, adding tests for it, and cleaning up the code. Probably shouldn't be too hard to finish this, though I'm not sure I can get around it soon. So if there's anyone willing to pick this up, feel free to do so!

Sebastian

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: