Описание

При включенном enableTime у Calendar, при видимости скролл бара в интерфейсе и при выбранном времени в выпадающем меню, текст перестаёт вмешаться по ширине и он переносится, например, "14" → "1 \n 4".

• см. подробнее в баг трекере https://vk.com/bug6707621

Способ решения

1. В CaledarTimePicker через renderOption в CustomSelect задавать для children в CustomSelectOption стили white-space: nowrap, пример:

   renderOption={({ children, ...props }) => (
     <CustomSelectOption {...props}>
       <span style={{ whiteSpace: 'nowrap' }}>{children}</span>
     </CustomSelectOption>
   )}

2. Завести в CustomSelectOption параметр, который будет задавать white-space: nowrap и включать его также через renderOption в CaledarTimePicker.