使用

YearPickerInput, MonthPickerInput, DatePickerInput 组件支持多选功能, 只要设置它们的type为multiple即可.

注意: 当type为multiple时, value或defaultValue属性值的类型必须为Date数组类型, onChange回调函数属性的参数也为Date数组类型:

import { useState } from "react";
import { DatePickerInput } from "@rtdui/dates";

function Demo() {
  const [value, setValue] = useState<Date[]>([]);
  return (
    <DatePickerInput
      type="range"
      label="Pick dates range"
      placeholder="Pick dates range"
      value={value}
      onChange={setValue}
    />
  );
}