React Date Range Component

ka-daterange is a date-range component using mui 5.^, developed and maintained by Pradeep([email protected]).

Installation

Use the package manager to install ka-date-range.

yarn add ka-daterange

npm i ka-daterange

Usage

export function() {
  const [range, setRange] = useState<PickerDateRange>({});
  const onChange = useCallback((v: PickerDateRange) => {
    setRange(v);
  }, []);
  return <StaticDateRangePicker dateRange={range} onChange={onChange}/>
}

export function() {
  const [range, setRange] = useState<PickerDateRange>({});
  const onChange = useCallback((v: PickerDateRange) => {
    setRange(v);
  }, []);
  return <DateRangePickerField dateRange={range} onChange={onChange} />
}

Demo

Demo

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT