Как закрыть календарь при нажатии ENTER при вводе с клавиатуры с помощью react-datetime

#react-datetime

Вопрос:

Я использую Datetime из «react-datetime» и хотел бы закрыть календарь, когда я нажимаю enter на входе. Как это сделать?

Ответ №1:

Решена с помощью useRef и с помощью функции _closeCalendar():

 const refDataInicial=useRef();
...

<Datetime
         ref={refDataInicial}
         closeOnSelect={true}
         dateFormat='DD/MM/YYYY'
         timeFormat={false}
         value={dataInicial}
         onChange={handleChangeDataInicial} 
         onClose={handleCloseDataInicial} 
         inputProps={{
                      placeholder: "Data Inicial",
                      onKeyPress:(e)=>{
                                    if (e.key === 'Enter'){
                                      refDataInicial.current?._closeCalendar();
                                      }
                                }
                  }}
/>