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?
 

Text

Mozilla 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...

UX: Morpheus Chen and Tina Hsieh

Visual: Helen Huang

Front-End: Scott Wu

DOM: Jessica Jong

EPM: Wesley Huang

Date/Time Input Types

By Jessica Jong

Date/Time Input Types

Date/Time Input Types

  • 5,943