antd 是一个基于 JavaScript 的 UI 框架，它提供了一系列用于构建可交互 UI 的组件，包括各种不同的输入框和输入组件。其中，RangePicker 是一个用于创建日期时间范围选择器的组件。

RangePicker 的基本用法如下：

```jsx import { RangePicker } from 'antd';

console.log('RangePicker changed value to:', value)} /> ```

在这个例子中，我们首先导入了 RangePicker 组件，然后定义了它的 rangePickerProps 属性，设置了最小值和最大值。然后，我们定义了一个 onChange 函数，当输入框的值发生变化时，这个函数会被调用。最后，我们在组件的末尾使用了 RangePicker 的 value 属性，这样当输入框的值发生变化时，RangePicker 会自动更新。

注意，RangePicker 允许用户选择一个或多个日期或时间。这通常通过在组件的末尾使用 RangePicker 的 value 属性，然后为这些值提供不同的格式来实现。例如：

jsx <RangePicker rangePickerProps={{ min: 0, max: 100 }} onChange={value => console.log('RangePicker changed value to:', value)} selected={value => console.log('RangePicker selected value:', value)} />

在这个例子中，我们为 value 属性指定了一个数组，这个数组中的每个值都是 RangePicker 选择器可以选择的日期或时间。然后，我们定义了一个 selected 函数，当用户选择了一个日期或时间时，这个函数会被调用。