Input type="month" style the dropdown for pc

Issue

How can I style the dropdown part of the <Input type="month"> tag. It works fine on mobile, but on pc + chrome the dropdown thing has an unneeded and confusing date selector. Is there a way to remove it?

Here is a fiddle demonstrating it JSFiddle

Solution

I'm afraid there's no much you can do if you want to do it only with input tag. As far as I know this is the functionality fully dependent on browser support. In Firefox, for example, it doesn't work at all :-)

I highly recommend to use some JavaScript datepicker which is usually far more independent, like this one. It's API reference is here.

It can be simply used like this:

HTML

Date: <input type="text" id="datepicker">

jQuery

$( "#datepicker" ).datepicker();

Answered By - Eenoku