Enter after manual typing will select default date

[jaqua]

Some users don't use the calender selection, but they type the date manually. In that case you can see the gray background of the current date is moving while typing.
But if the user presses enter button it will select the default date value (blue border) and overwrites the typed date.

[DovahBrownies]

Doesn't look like there's a handler for onKeyDown so the Enter isn't being handled.

You can submit a PR and add this in (shouldn't be too difficult).

I can also suggest a quick fix for this. You can add onKeyDown to your calendar component:

<DatesRangeInput onKeyDown={this.handleKeyDown} />

  handleKeyDown(ev) {
    if (ev.key === 'Enter') {
      // Do something when Enter is pressed
    }
  }

@jaqua - Does this help?

[talifa]

Doesn't look like there's a handler for onKeyDown so the Enter isn't being handled.

You can submit a PR and add this in (shouldn't be too difficult).

I can also suggest a quick fix for this. You can add onKeyDown to your calendar component:

<DatesRangeInput onKeyDown={this.handleKeyDown} />

  handleKeyDown(ev) {
    if (ev.key === 'Enter') {
      // Do something when Enter is pressed
    }
  }

@jaqua - Does this help?

no