DatePicker calendar view and DatePickerDialog

[plfiorini]

https://material.io/guidelines/components/pickers.html#pickers-date-pickers

[crutchcorn]

Please wait. The current spec is mobile only

[plfiorini]

@crutchcorn what's so mobile specific that cannot work on desktops?

[timsueberkrueb]

@plfiorini Maybe we could allow editing dates/numbers manually to make it more desktop-friendly?
EDIT: e.g. like in a text field

[plfiorini]

@tim-sueberkrueb a regular TextField with proper validator would be enough but that's a separate component

[plfiorini]

Also the calendar view itself should be a DatePicker component that you can use where you want while DatePickerDialog is just a preconfigured dialog with proper sizing.

[crutchcorn]

I my not be a MD official, but here's my guess:
It involves too much swiping and mobile based gestures. I think a calendar view based solution would be best. The less clicks and gestures needed the better

[crutchcorn]

Sorry, link was bad. Updated

[oKcerG]

It doesn't require swiping though, clicking the arrows to change the month and clicking the year to switch to year view can easily be done with a mouse.
I agree that it should at least on desktop be an editable textfield with an action icon (downward chevron or calendar icon) to pop up the picker.

[plfiorini]

That's true but in my opinion the date picker is still usable on the desktop since you can press the left and right arrows, instead the year picker (or the time picker for that matters) is entirely gesture based.

[plfiorini]

Let's turn this issue into an Epic and break down to smaller tasks

[crutchcorn]

But it does, if you're following spec anyway; You have separate pages of date and years. This separation is not spatially wise on anything but mobile. Honestly the year field should be expanded to a dropdown, and the card should expand out IMO. See how the time picker expands on desktop

See how it expands out to have both on one page? That's being wise of your space and respecting the developers to do good with that space to make room for it

[automatedenergy]

Military time in a 0 -23 hr dropdown, and minutes in a 0-59 dropdown. Slider is nice.

[oKcerG]

md-datepicker was merged on 12 May : angular/components#4404
Overview in the doc : https://material.angular.io/components/datepicker

The official guidelines are still unchanged though.

[vimpostor]

This one here could be helpful too: https://forum.qt.io/topic/82700/datepicker-anyone/