Date/Time

Input Types

:jessica

What?
 

HTML Input Types

Name: 

Email: 

Age: 

Text

type="text"

type="email"

type="number"

.....

Date/Time Input Types

• date
• month
• week
• time
• datetime-local

<input type="date" step=7 min="2016-11-28">

input type="date" in Chrome

Why?
 

http://caniuse.com/#feat=input-datetime

Text

Ｍozilla DevRel Dashboard

Current Status

UX Design

<input type="time" step="300">

input type="time" MVP landed!

"dom.forms.datetime"

in about:config

Available in Nightly!

What's Next?

Roadmap

Now

Then

Later

input type=date MVP

localization for input type=time and type=date

other date/time input types

Demo

Date:

More Info...

• Bug 888320 - (datetime) [meta] implement all time and date related input types
• Project's Wiki Page

UX: Morpheus Chen and Tina Hsieh

Visual: Helen Huang

Front-End: Scott Wu

DOM: Jessica Jong

EPM: Wesley Huang