Hacker0x01 / react-datepicker

A simple and reusable datepicker component for React

Home Page:https://reactdatepicker.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SelectsMultiple with DateTime or TimeOnly

CorradoSurmanowicz opened this issue · comments

Describe the bug

  1. Selecting multiple datetimes (props selectsMultiple & showTimeSelect) crashes when selecting the time.
  2. Selecting multiple times (props selectsMultiple & showTimeSelect & showTimeSelectOnly) does nothing.

To Reproduce
Steps to reproduce the behavior:
Inline edit on https://reactdatepicker.com/#example-select-multiple-dates
Case 1:

() => {
  const [selectedDates, setSelectedDates] = useState([new Date()]);
  const onChange = (dates) => {
    setSelectedDates(dates);
  };
  return (
    <DatePicker
      selectedDates={selectedDates}
      selectsMultiple
      onChange={onChange}
      shouldCloseOnSelect={false}
      disabledKeyboardNavigation
      showTimeSelect
    />
  );
};

Case 2:

() => {
  const [selectedDates, setSelectedDates] = useState([new Date()]);
  const onChange = (dates) => {
    setSelectedDates(dates);
  };
  return (
    <DatePicker
      selectedDates={selectedDates}
      selectsMultiple
      onChange={onChange}
      shouldCloseOnSelect={false}
      disabledKeyboardNavigation
      showTimeSelect
      showTimeSelectOnly
    />
  );
};

Expected behavior
Expand the selectsMultiple feature to Datetime and TimeOnly.