Add please focusOnOpen for DatePicker by analogy with TimePicker

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

When you click on DatePicker, you can not immediately enter the date manually, at the same time in TimePicker it is implemented.

What does the proposed API look like?

Look here: https://github.com/react-component/time-picker/blob/master/src/Header.jsx

  componentDidMount() {
    if (this.props.focusOnOpen) {
      // Wait one frame for the panel to be positioned before focusing
      const requestAnimationFrame = (window.requestAnimationFrame || window.setTimeout);
      requestAnimationFrame(() => {
        this.refs.input.focus();
        this.refs.input.select();
      });
    }
  }

[onlyann]

Hi @chenshuai2144 Do you have permissions to review the referenced PR ?

[makhnatkin]

I temporarily use this solution, because there is no access to the input field by refs. Of course this is a hack, because in fact I get into the DOM…

<RangePicker
  showTime={{ format: 'HH:mm' }}
  format="DD.MM.YYYY | HH:mm"
  onOpenChange={isOpen => isOpen ? setTimeout(() => {
    const startInput = document.querySelector('.ant-calendar-input');
    startInput.focus();
    startInput.select();
  }, 100) : null}
/>