Skip to content

DateInput/Calendar next/back arrows disabled when date is out of bounds #6150

@kimkscott

Description

@kimkscott

Expected Behavior

We are passing in bounds via calendarProps to DateInput. When the user types in a date that is outside of the bounds (instead of using the calendar) and then brings up the calendar, the user should be able to navigate to the month that contains dates that are in bounds especially if it is just one month forward or backward.

Actual Behavior

We are passing in bounds via calendarProps to DateInput. When the user types in a date that is outside of the bounds (instead of using the calendar) and then brings up the calendar, sometimes the calendar forward/backward arrows are disabled if the date is in a month that is outside the bounds. The user has to partially clear the date they entered before they can use the calendar.

URL, screen shot, or Codepen exhibiting the issue

image

image

Steps to Reproduce

Your Environment

  • Grommet version: 2.22.0
  • Browser Name and version: Chrome 101.0.4951.67
  • Operating System and version (desktop or mobile): Windows 10

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugissue that does not match design or documentation and requires code changes to addressin progressCurrently in development

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions