Issue selecting Month or Year on IOS browsers (both Safari and Chrome)

[stefanpopescu]

There is an issue with selecting the month or year on an IOS web browser (Safari and Chrome), i've checked also on an android web browser and it works.
Please check the recording attached.

ScreenRecording_03-31-2025.18-16-30_1.mov

I checked to see if there is any error logged in the console, but nothing.
Any idea why this is happening?

This is how i'm using the component, nothing special:

  <DateInput
      bind:value={requestObj.BirthDate}
      minDate={new Date("1900-01-01")}
      maxDate={new Date()}
      wrapperClass="border border-1 px-1 input-bordered"
      inputClass="bg-white p-1"
  />

[probablykasper]

I don't have an iOS device. Can you submit a PR with a fix?

There was some work here trying to fix the issue (see the comments) #58

[probablykasper]

Worth checking BlueprintJS's source code to see how they do it: https://blueprintjs.com/docs/#datetime2/date-input3