Pickin’ dates on iOS

This is a little follow-up to my post about web components for date inputs.

If you try the demo on iOS it doesn’t work. There’s nothing stopping you selecting any date.

That’s nothing to do with the web components. It turns out that Safari on iOS doesn’t support min and max on date inputs. This is also true of any other browser on iOS because they’re all just Safari in a trenchcoat …for now.

I was surprised — input type="date" has been around for a long time now. I mean, it’s not the end of the world. You’d have to do validation on inputted dates on the server anyway, but it sure would be nice for the user experience of filling in forms.

Alas, it doesn’t look like this is something on the interop radar.

What really surprised me was looking at Can I Use. That shows Safari on iOS as fully supporting date inputs.

Maybe it’s just semantic nitpickery on my part but I would consider that the lack of support for the min and max attributes means that date inputs are partially supported.

Can I Use gets its data from here. I guess I need to study the governance rules and try to figure out how to submit a pull request to update the currently incorrect information.

Have you published a response to this? :

Responses

Dan Burzo

@adactio I was surprised to find a different date picking UI than I remember. iOS Safari had that slot-machine day-month-year picker that enforced `min` and `max` in a very frustrating way. Maybe a better equivalent is in the works for the new UI?

# Posted by Dan Burzo on Tuesday, April 16th, 2024 at 8:45am

Curtis Wilcox

@adactio This other CanIUse page says “Partial” in part because mobile Safari permits the selection of dates prior to `min` and after `max`. That’s what ios404.com is citing.

https://caniuse.com/input-datetime

However, MDN may not include that qualifier for `input=date` because mobile Safari does support use of the attributes for form validation.

https://bugs.webkit.org/show_bug.cgi?id=223128

https://codepen.io/ccwilcox/pen/abxaLMM?editors=1010

Date and time input types | Can I use… Support tables for HTML5, CSS3, etc

5 Shares

# Shared by Sebastian Laube on Tuesday, April 16th, 2024 at 8:47am

# Shared by Paul Kinlan on Tuesday, April 16th, 2024 at 9:14am

# Shared by Baldur Bjarnason on Tuesday, April 16th, 2024 at 9:40am

# Shared by crashposition on Tuesday, April 16th, 2024 at 10:43am

# Shared by Thomas Steiner :chrome: on Wednesday, April 17th, 2024 at 6:35am

6 Likes

# Liked by Dan Burzo on Tuesday, April 16th, 2024 at 9:13am

# Liked by Andrew Maier on Tuesday, April 16th, 2024 at 9:40am

# Liked by lilo on Tuesday, April 16th, 2024 at 10:43am

# Liked by Alex 🍜 on Tuesday, April 16th, 2024 at 12:55pm

# Liked by Kai on Wednesday, April 17th, 2024 at 8:40am

# Liked by Pierre Spring on Wednesday, April 17th, 2024 at 7:03pm

Related posts

Announcing Web Day Out

A one-day event all about what you can in web browsers today: Brighton, March 12th, 2026. Tickets are just £225+VAT!

Making the website for Research By The Sea

Having fun with view transitions and scroll-driven animations.

Preventing automated sign-ups

Here’s a bit of PHP I’m using on The Session.

button invoketarget=”share”

An alternate route to a declarative version of the Web Share API.

Lost in calculation

A lazy option for responsive images is at hand.

Related links

Interop Feature Ranking

This is a nifty initiative:

This site lets you rank the proposals you care about, giving us data we can use when reviewing which proposals should be taken on for 2026.

For the record, here’s my top ten:

  1. Cross-document view transitions
  2. Speculation Rules API
  3. img sizes="auto" loading="lazy"
  4. Customizable/stylable select
  5. Invoker commands
  6. Interoperable rendering of HTML fieldset/legend
  7. Web Share API
  8. CSS scroll-driven animations
  9. CSS accent-color property
  10. CSS hanging-punctuation property

Tagged with

Hack to the Future - Frontend - Matt Hobbs

Put the kettle on. This is a long one!

Matt takes a trip down memory lane and looks at all the frontend tools, technologies, and techniques that have come and gone over the years.

But this isn’t about nostalgia (although it does make you appreciate how far we’ve come). He’s looking at whether anything from the past is worth keeping today.

Studying past best practices and legacy systems is crucial for understanding the evolution of technology and making informed decisions today.

There’s only one technique that makes the cut:

After discussing countless legacy approaches and techniques best left in the past, you’ve finally arrived at a truly timeless and Incredibly important methodology.

Tagged with

I’m more proud of these 128 kilobytes than anything I’ve built since | by Mike Hall | Jul, 2025 | Medium

I don’t normally link to articles on Medium—I respect you too much—and I do wish this were written on Mike Hall’s own site, but this is just too good not to share.

And don’t dismiss this as a nostalgiac case study from the past:

At no point did the constraints make the product feel compromised. Users on modern devices got a smooth experience and instant feedback, while those on older devices got fast, reliable functionality. Users on feature phones got the same core experience without the bells and whistles.

The constraints forced us to solve problems in ways we wouldn’t have considered otherwise. Without those constraints, we could have just thrown bytes at the problem, but with them every feature had to justify itself. Core functionality had to work everywhere, and without JavaScript crutches proper markup became essential.

This experience changed how I approach design problems. Constraints aren’t a straitjacket, keeping us from doing our best work; they are the foundation that makes innovation possible. When you have to work within severe limitations, you find elegant solutions that scale beyond those limitations.

Tagged with

Close to the metal: web design and the browser

It seems like the misguided perception of needing to use complex tools and frameworks to build a website comes from a thinking that web browsers are inherently limited. When, in fact, browsers have evolved to a tremendous degree

Tagged with

Matthias Ott – Painting With the Web – beyond tellerrand Düsseldorf 20025 - YouTube

A great talk by Matthias on what you can do with web standards today!

Tagged with

Previously on this day

6 years ago I wrote Podcasts

Four audio outings.

7 years ago I wrote Three more Patterns Day speakers

Three fantastic speakers have been added to the roster of this year’s unmissable one-day event dedicated to design systems, pattern libraries, style guides, and components.

11 years ago I wrote 100 words 025

Day twenty five.

15 years ago I wrote The Kindle connection

For all the faults with its digital books, this little device is proving its worth.

19 years ago I wrote Fake tales of San Francisco

The biggest small town in the West.

20 years ago I wrote Adactio, pour homme

The perfume of the movie of the website… you read it here first.

21 years ago I wrote Transparent liquid

Good design doesn’t draw attention to itself. Really good design is invisible.

22 years ago I wrote Revenge of the DOM

There’s a new article up at A List Apart called Let Them Eat Cake. It’s all about using JavaScript, or more accurately the Document Object Model, to hide and show content on demand.

23 years ago I wrote Hot days, crazy nights

It was a gorgeously hot sunny day today.

24 years ago I wrote Best domain name ever

www.We Made Out in a Tree and This Old Guy Sat and Watched Us.com

24 years ago I wrote Hard times

I’m flattered to be mentioned in the same sentence as Jeffrey Zeldman. Mind you, I am referred to as being "british and poetic", neither of which are quite true.