> ## Documentation Index
> Fetch the complete documentation index at: https://docs.renchi.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# DateRangePicker

> DateRangePicker component

DateRangePicker component

## Props

<ResponseField name="value" type="DateRange" required={false}>
  value
</ResponseField>

<ResponseField name="onChange" type="(range: DateRange | undefined, preset: DateRangePreset) => void" required={false}>
  onChange
</ResponseField>

<ResponseField name="className" type="string" required={false}>
  className
</ResponseField>

<ResponseField name="defaultPreset" type="DateRangePreset" required={false}>
  defaultPreset
</ResponseField>

## Usage

```tsx theme={null}
import { DateRangePicker } from '@/components/DateRangePicker';

export default function Example() {
  return (
    <DateRangePicker  />
  );
}
```