baseweb icon indicating copy to clipboard operation
baseweb copied to clipboard

Date picker input with range, unable to type days higher than 9

Open atroncy opened this issue 3 years ago • 1 comments

https://baseweb.design/components/datepicker/ with the range props selected on Chrome

Current Behavior

Type in the second part (end) of the range 2022/11/11, and you get 2022/11/01 instead, and you can't change it unless you select the date via the calendar.

Typing for the /dd (days) parts return the following.

  • 30 return 00
  • 1* return 01
  • 2* return 02
  • N return 0N ... etc

Typing anything beyond 09 is not doable.

Expected Behavior

I should be able to type the date without having to rely on selecting it in the calendar, especially for long range date across multiple months/years as it involves a lot of click.

Your Environment

Version 99.0.4844.82 (Official Build) (64-bit)

~~In firefox I had no such issue.~~ Nevermind, this comment same issue

Tech Version
Base UI v10.12.1
React
browser Chrome
  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

atroncy avatar Apr 04 '22 23:04 atroncy

Note: that using separateRangeInputs don't produce the same issue https://baseweb.design/components/datepicker/#range-datepicker-with-separate-inputs

atroncy avatar Apr 05 '22 00:04 atroncy