Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

md-datepicker #675

Closed
jelbourn opened this issue Jun 13, 2016 · 132 comments
Closed

md-datepicker #675

jelbourn opened this issue Jun 13, 2016 · 132 comments
Assignees
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix new component This issue is tracking a new component to be added to the library

Comments

@jelbourn
Copy link
Member

jelbourn commented Jun 13, 2016

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.
@jelbourn jelbourn added the feature This issue represents a new feature or feature request rather than a bug or bug fix label Jun 13, 2016
@jelbourn jelbourn mentioned this issue Jun 13, 2016
@arnaudforaison
Copy link

arnaudforaison commented Aug 31, 2016

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
Copy link

denim2x commented Sep 4, 2016

@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
Copy link

marcoskubis commented Sep 15, 2016

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

@andvasp
Copy link

andvasp commented Sep 24, 2016

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
Copy link

a5hik commented Sep 24, 2016

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

@trik
Copy link
Contributor

trik commented Sep 27, 2016

@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
Copy link

AlBlanc commented Oct 11, 2016

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
Copy link

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

@ross-nordstrom
Copy link

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

@VisualtThreat
Copy link

No, only some design displays.No data displayed.

On Oct 12, 2016 7:28 PM, "Ross Nordstrom" [email protected] 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
Copy link

stefan-niedermann commented Oct 21, 2016

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
Copy link

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 <
[email protected]> 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
Copy link

hkusulja commented Oct 27, 2016

I have you will develop:

  • datepicker
  • timepicker
  • datetimepicker

all of them supporting:

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

@bergben
Copy link

bergben commented Nov 7, 2016

A daterange picker would be awesome too!

@bastienlemaitre
Copy link

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
Copy link
Member Author

@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
Copy link

Frly commented Nov 17, 2016

Here a preview of the date selector

#1903

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

@anders-hard
Copy link

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

@damianobarbati
Copy link

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

@m--c
Copy link

m--c commented Dec 6, 2016

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
Copy link

baabakk commented Dec 14, 2016

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
Copy link

alobban commented Dec 16, 2016

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
Copy link

baabakk commented Dec 19, 2016

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

@dharmeshpipariya-zz
Copy link

dharmeshpipariya-zz commented Dec 23, 2016

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
Copy link

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

@Yeradon
Copy link

Yeradon commented May 24, 2017

@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
Copy link

@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
Copy link

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
Copy link

ss-bb commented May 29, 2017

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
Copy link

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
Copy link

@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
Copy link

imadhy commented Jun 21, 2017

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
Copy link

@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
Copy link

rbj325 commented Jun 26, 2017

@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
Copy link

bendg25 commented Jul 1, 2017

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

@marxxxx
Copy link

marxxxx commented Jul 1, 2017

@bendg25 i would go with md2 for now

@jelbourn
Copy link
Member Author

jelbourn commented Jul 7, 2017

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

@jelbourn jelbourn closed this as completed Jul 7, 2017
@apparently-davido
Copy link

so no timepicker?

@mmalerba
Copy link
Contributor

mmalerba commented Jul 10, 2017

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

@ankitraonka
Copy link

ankitraonka commented Oct 16, 2017

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
Copy link

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
Copy link

orhemi commented Apr 9, 2018

SteveDunlap13 Thanks for trying to help but it does not work

@angular angular deleted a comment from torabian Dec 1, 2018
@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix new component This issue is tracking a new component to be added to the library
Projects
None yet
Development

No branches or pull requests