Date and time input types

Form field widget to easily allow users to enter a date, time or both, generally by using a calendar/time input widget.

Spec	https://html.spec.whatwg.org/multipage/forms.html#date-state-(type=date)
Status	WHATWG Living Standard

IE	Edge	Firefox	Chrome	Safari	Opera
		57 ⁽⁴⁾	62
		56 ⁽⁴⁾	61	TP	48
	16	55 ⁽⁴⁾	60	11	47
11	15	54 ⁽⁴⁾	59	10.1	46
10	14	53 ⁽⁴⁾	58	10	45
9	13	52	57	9.1	44
8	12 ⁽¹⁾	51	56	9	43
Show all
7		50	55	8	42
6		49	54	7.1	41
5.5		48	53	7	40
		47	52	6.1	39
		46	51	6	38
		45	50	5.1	37
		44	49	5	36
		43	48	4	35
		42	47	3.2	34
		41	46	3.1	33
		40	45		32
		39	44		31
		38	43		30
		37	42		29
		36	41		28
		35	40		27
		34	39		26
		33	38		25
		32	37		24
		31	36		23
		30	35		22
		29	34		21
		28	33		20
		27	32		19
		26	31		18
		25	30		17
		24	29		16
		23	28		15
		22	27		12.1
		21	26		12
		20	25		11.6
		19	24		11.5
		18	23		11.1
		17	22		11
		16	21		10.6
		15	20		10.5
		14	19		10.0-10.1
		13	18		9.5-9.6
		12	17		9
		11	16
		10	15
		9	14
		8	13
		7	12
		6	11
		5	10
		4	9
		3.6	8
		3.5	7
		3	6
		2	5
			4

Notes

Older versions of Safari provide date-formatted text fields, but no real calendar widget.

Chrome, Opera, and Microsoft Edge also support the datetime-local type for both date and time.

There used to also be a datetime type, but it was dropped from the HTML spec since only Presto ever fully supported it.

Partial support in Microsoft Edge refers to supporting date, week, and month input types, and not time and datetime-local.
Partial support in iOS Safari refers to not supporting min, max or step attributes
Some modified versions of the Android 4.x browser do have support for date/time fields.
Can be enabled in Firefox using the dom.forms.datetime flag.

Chrome for Android grays out dates that are out of range (using min and max attributes), but does not prevent the user from selecting these dates.

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=input-datetime