HTML5 Date Input Type

[jimleeder123]

I've got an HTML 5 date input box working on my site. Anyone know how to make the whole thing selectable like a drop down (select) box?

 

Currently you can only select it by clicking on the arrow at the far right of it. I don't mind about losing the cross or up and down arrows. I just want the field to be fully selectable like a drop down box.

 

Any ideas please? Thanks.

[kicken]

If you're using the browsers native picker with a type="date" field then you pretty much just have to accept how that UI looks and works, there's not much you can do to change it.

 

If you really need to be able to select the entire field, then use a type="text" field with your own picker implementation (such jQuery UI's datepicker).

 

Or just use a select box with a list of dates if that is the look you're going for.

[jimleeder123]

Ok, was wondering if there is a CSS hack for it or anything?

[Muddy_Funster]

t'internet is an amazing thing if one is prepared to use it   :

 

Here and Here - both on page one of a well known search engine - may not be exactly what you are after, but there should be enough code between the two of them for you to hammer out what you need.