input[type=date] min value is starting point in datepicker

By design Issue #14718210

Details

Author
Robert D.
Created
Nov 17, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

https://codepen.io/unknown9595/pen/qVVxRV

Click on the input element to trigger the datepicker. In Edge in will open on the min value, in this case 1900-01-01

For a user’s age years 1900-2000 would be reasonable min-max values, but with Edge’s default behavior if you’re 18, you have to scroll 100 years.

Other browsers behavior is the opposite.

Chrome - Opens at the the most recent month allowed by max
iOS Safari - Opens at today, allows out of bound selections, but is marked as ::invalid
FF - Opens at today, out of bound selections greyed out

Attachments

2 attachments

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. The date picker is designed to show the min value as a starting point, but also shows the max value immediately above the min value. In your code sample, one can click the input and look up to see the year 2000 and scroll up to see the 1990’s (screenshot attached).

    Best Wishes,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Status to “By design”

You need to sign in to your Microsoft account to add a comment.

Sign in