Date picker: Dropdown should trigger with text input

Problem

Currently, we differentiate between two different interactions with our date picker component. You can either:

  1. Enter the date with text
  2. Select the date with a dropdown

Screenshot_2021-09-30_at_11.44.

Proposal

Create a more cohesive component feel by integrating both of these interactions together:

  1. When text input field is clicked, open dropdown but keep text input field active
  2. When dropdown is open and text input field is clicked, keep dropdown open and reflect text input in the calendar UI

Screenshot_2021-09-30_at_12.09._2x

Edited by Nick Post