Hacker0x01 / react-datepicker

A simple and reusable datepicker component for React
https://reactdatepicker.com/
MIT License
8.06k stars 2.24k forks source link

SelectsMultiple with DateTime or TimeOnly #4776

Open CorradoSurmanowicz opened 5 months ago

CorradoSurmanowicz commented 5 months ago

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.

CorradoSurmanowicz commented 2 months ago

Anyone?