Как изменить положение меню в rsuite DateRangePicker?

Question

Я использую rsuite DateRangePicker, и компонент отображается справа. Когда я открываю меню для выбора даты, меню выходит из контейнера страницы, и мне приходится прокручивать страницу вправо, чтобы увидеть все меню.

Я ищу способ изменить положение этого меню, есть идеи?

Answer 1

DateRangePicker предоставляет placementсвойство. Вы можете установить его значение наbottomEnd или auto.

<DateRangePicker  placement="bottomEnd" />

Answer 2

Вы можете установить placement="auto"для автоматической регулировки положения меню. Подробнее об использовании размещения вы можете посетить:https://rsuitejs.com/components/date-picker

Answer 3

В моем случае я добавил placement='bottomEnd'а также preventOverflow

      <DateRangePicker
  size='md'
  placeholder='Select Date Range'
  block
  format='dd MMM yy'
  showOneCalendar
  placement='bottomEnd'
  preventOverflow
  ranges={Ranges}
  onChange={changeHandler}
/>