HTML5 input date calendar styling

15,134

According to

Styling the calendar for html5 native datepicker

and

Are there any style options for the HTML5 Date picker?

it doesn't seem like it's possible. Probably for good reason too - who knows what kind of chaos would ensue if browser specific widget styling of this magnitude was allowed. I think Chrome just provides this as a simple usability improvement for users.

Share:
15,134
Mijail Dan Cohen
Author by

Mijail Dan Cohen

Web developer

Updated on June 04, 2022

Comments

  • Mijail Dan Cohen
    Mijail Dan Cohen almost 2 years

    I just discovered this HTML5 feature, and I managed to style some input properties.

    So in Chrome this input opens an awesome calendar box and I want to style it. I didn't find anything via Google search. Is there some documentation for chrome date input type of this calendar, and is there a way of styling it?

    I'm not interested on cross-browser support, and I don't want to use jQueryUI, or anything like that.

    I'm using Angular2 and typescript and just plugging jQuery into that makes my stomach sick.

    I'm only going to be using this on Chrome (no other browser support necessary).