02 / You should be using date & time input types

If you scour the internet for date and time pickers, you’ll probably find hundreds of plugins and/or hacks to solve this problem’. Let me save you time - don’t use plugins or hacks.

You should using time and date input types.

By doing the following, you instantly add support for date and time pickers on all (well mostly all) devices and operating systems:

<input type="time" placeholder="12:00am">
<input type="date" placeholder=“2016-10-10">

Check it out in action below: (Check it on other devices too!)

See the Pen mEkKbK by Bradley Taunt (@bradleytaunt) on CodePen.

One small caveat

The one issue you may notice with this approach is that the input placeholder attributes are no longer visible. This is sad indeed. Thankfully there is a workaround!

See the Pen Default date/time input types (placeholder visible) by Bradley Taunt (@bradleytaunt) on CodePen.

Published on August 26, 2016.

03 / Export More - a Sketch plugin

01 / Blogging with Blot