md-datepicker

[jelbourn]

Status:

• There is no public Material Design spec that works for both desktop and mobile (the current spec is mobile-only). The design team is working on this.
• We have some contributors exploring an implementation.

[arnaudforaison]

Hello @jelbourn , do you know when this md-datepicker's feature (md-calendar) will be available?
Where I can find the current contributor's work for this ?
Thanks

[denim2x]

@jelbourn something worth investigating: code.promactinfo.com/md2/datepicker - squeeze in a md-select for the year part and you got one steamy md-datepicker 😀

[marcoskubis]

Along with md-datepicker, would be nice to have a md-timepicker, like this. This feature will be available?

[andvasp]

Hello @jelbourn, Just the md-datepicker is not so useful in a lot of the cases in my point of view because is necessary the time to be used in filter forms. Would be good to have a md-datetimepicker where you configure the format date, time or datetime. This way we don't need to mix datepicker and timepicker to create the Date object that is going to be used in the system. A good example is https://eonasdan.github.io/bootstrap-datetimepicker/. I use it with jQuery to create a component but would be nice to have a pure component using just angular2.

[a5hik]

Would be nice If it has multi date select option and an option to exclude dates.

[trik]

@arnaudforaison in the meantime you could try to use this one.. it's not the best implementation ever a it lacks a dialog view but i think it could be a good start
https://material2-extra.firebaseapp.com/
https://github.com/gnucoop/material2-extra

[AlBlanc]

Hello guys (thanks for your awesome work)

I just would like to ask news about this element, any ETA? Is someone working on it? Can we contribute?

[VisualtThreat]

Date picker is not working with angular 2
.Not showing anything days,month or year.

[ross-nordstrom]

@VisualtThreat You might be seeing the issue I filed. Does it work for you in Chrome?
#1333

[VisualtThreat]

No, only some design displays.No data displayed.

On Oct 12, 2016 7:28 PM, "Ross Nordstrom" notifications@github.com wrote:

@VisualtThreat https://github.com/VisualtThreat You might be seeing the
issue I filed. Does it work for you in Chrome?
#1333 #1333

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#675 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AR2ryxz89T9X1dblBrpBkk3bZoW7x0kHks5qzOeXgaJpZM4I0cvd
.

[stefan-niedermann]

Hi, thanks for your great work. I have 2 questions about the md-datepicker:

1. Will it support german (or any other) dates? e. g. dd.mm.YYYY?
2. Will there be a option to use the picker for time only or datetime-combination? (ref angular 1 material md-datepicker: add md-timepicker and md-datetimepicker... material#4745)

[VisualtThreat]

Hi,
Yes ,we will get get these two supports .But the material date picker is
not yet released from officially .
You can refer this https://github.com/angular/material2 .I have used some
other solution that is not working in my case.

On Fri, Oct 21, 2016 at 2:01 PM, Niedermann IT-Dienstleistungen <
notifications@github.com> wrote:

Hi, thanks for your great work. I have 2 questions about the md-datepicker:

1. Will it support german (or any other) dates? e. g. dd.mm.YYYY?
2. Will there be a option to use the picker for time only or
   datetime-combination?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#675 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AR2ry_HvsBZZOXWN97zqZ5knDYqJvwZQks5q2HhsgaJpZM4I0cvd
.

Thanks & Regards,
Manjunath S S
J11240

[hkusulja]

I have you will develop:

• datepicker
• timepicker
• datetimepicker

all of them supporting:

• ISO format as data input or output
• custom disply / locale format

[bergben]

A daterange picker would be awesome too!

[bastienlemaitre]

Hi, I've started to develop a md-datepicker !

It respect many requirements quoted in #1746, like:

• Support for accessibility
• Support for i18n (RTL)
• Support for theming
• Following our coding standards
• Using existing infrastructure (such as the Overlay service) // I use a dialog, but whatever.
• + Implementation on MomentJS.

But I have many issues with the dialog and the input:

• input: events, it auto focus when dialog close..
• dialog: padding of the container.

@jelbourn said:

In particular, with the datepicker, we're not quite ready to go into implementation because a revision for the Material Design spec is in the works.

So ? I have to wait ?

Thanks !

[jelbourn]

@bastienlemaitre we are indeed waiting on a revised spec for the date-picker.

I'd encourage you to release your datepicker as a standalone package and we can revisit the component in @angular/material after our beta release.

[Frly]

Here a preview of the date selector

#1903

Demo
https://material2-demoapp.firebaseapp.com/date-picker

[anders-hard]

Looking forward to this!
It would be awesome if it can also show the week number (at least as an option).

[damianobarbati]

Just as @a5hik @marcoskubis @andvasp @hkusulja mentioned, this 3 components shipped in material2 would be killing features (+md-table):
. datepicker
. timepicker
. datetimepicker

[m--c]

something I noticed is commonly forgotten: make it possible to type the date, maybe with some mask? Most datepickers i was for ng2 are click only! Oh... and a way to clear the field as well...? thanks!! excellent work!

[baabakk]

Just a datePicker is not going to solve the problem, a year ago implementing dateTimePicker got removed from backlog promising for version 2.
Do you think is it worth bringing datePicker from material and then a time picker from somewhere else, which has date and time in the same package?

[alobban]

Version 2 would be nice to be able to use date/time picker from a Dialog window. As there is currently not a clear way of doing it currently. I don't care if it hides the origin dialog window, from as long as it restores the origin window and state.

[baabakk]

@alobban
You can add this attribute to your show dialogs:
skipHide : true
And they won't close on opening new ones!

[dharmeshpipariya-zz]

Hi, I've developed md-datepicker and I want to refactor it with:

• Support for accessibility
• Support for i18n (RTL)
• Support for theming
• Support for type(i.e. date, time and datetime picker)
• Following our coding standards
• Use Overlay service and dialog.

[NgYueHong]

This is one of the most important component needed for most application development. Really hope to see it prioritizes into the development.

[Yeradon]

@n4navin9 This is because MdDateFormats wasn't exported in beta 5 (#4534). That is fixed, but not released. You can either use a not released version or wait for a new release. You also could modify the files directly on your own, but those changes would be gone after reinstalling.

[arlowhite]

@n4navin9 I'm using material2-builds

You probably need commit 58c252f

package.json
"@angular/material": "git+https://github.com/angular/material2-builds.git#15b91f6fa8cb99f1d46ac4cb075e4620ad4db486"
(I like to specify the commit so that I know everyone on our team is using the exact same version of material2)

[mestremuten]

I'm using beta.6, and I wanted to use mdDatepickerToggle directive at the input itself, but I found that only buttons are meant as right targets for it:

selector: 'button[mdDatepickerToggle], button[matDatepickerToggle]',

Why not make it general attribute selector, without constraining the kind of element? Imho, we should be able to use it on (almost?) everything: divs, anchors, buttons, inputs, ...

[ss-bb]

Hi @jelbourn
First of all, thanks for everyone who did the work !
As always, I still have some issue about timing. Do you have any idea about the moment*, or any link to a roadmap, about the release date of all the functionalities of the datepicker list in the datepicker doc ?

[playground0076]

in this context, how to check if the user has entered an Invalid String into the input field.? I want to have a check to see if the date is valid or not. this might be a simple one but couldnt manage to make it work. thanks

[arlowhite]

@angular2fan This is determined by DateAdapter.parse() According to the function doc: @returns The parsed date, or null if date could not be parsed.

[imadhy]

I don't know if that can help, but I managed to format the date input value using momentjs like this :

this.form.valueChanges.subscribe(data => { this.changeFormat(data.badge_endOfValidity); });

I had to do a subscribe like this because as weird as it is when you pick a date from the date picker the (change) event is not triggered I don't know why. Not sure if it's a bug or it comes from my code.

And in changeFormat method I do :
changeFormat = (date) => { this.form.value.badge_endOfValidity = moment(date).format('DD/MM/YYYY'); }

Not sure if there is an easier way. If so I would gladly take it but I couldn't manage to understand how DateAdapter work from the tiny doc on it.

[arlowhite]

@imadhy @angular2fan Try upgrading to the latest version of material2 2.0.0-beta.7 and test your valueChanges code again. I also noticed that change events were not triggered by MdDatepicker in the past, but I think the latest version triggers valueChanges correctly now.

[rbj325]

@arlowhite Using (focus)="myDatepicker.open()", I am able to type into the input by clicking a second time on the input after the datepicker dialog pops up.

[bendg25]

Is there any date on when time picker will be available? Could someone recommend the best alternative util this is ready?

[marxxxx]

@bendg25 i would go with md2 for now

[jelbourn]

Closing this issue since the initial version is out; additional features should be tracked via their own issues.

[apparently-davido]

so no timepicker?

[mmalerba]

@david-oyeku still planned, just will be tracked in a separate issue: #5648

[ankitraonka]

Shouldn't there be an yearPicker?

it becomes difficult to select you date of birth. Too many clicks for reaching a data which is 20 years old.

Found this issue:
#5845

[SteveDunlap13]

For those looking for a angular5/material2 / latest flex time picker, I banged one out last night for a personal project. Feel free to rip it to your needs. https://github.com/SteveDunlap13/MaterialTimeControl

[orhemi]

SteveDunlap13 Thanks for trying to help but it does not work

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}