cnd-components-mcp/componentData/components/时间范围选择器 TimeRangePicker.md

An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务，包含系统提示词、组件文档、API 文档、代码示例和更新日志查询

## 简介

时间选择器，提供预设的时间范围的快捷选择，及任意时间范围的自定义选择。

## 示例

### 时间选择器交互

TODO

```tsx
```

## API

### TimeRangePicker

| 参数 | 说明 | 类型 | 默认值 | 是否必填 |
| --- | --- | --- | --- | --- |
| defaultValue | 默认选择时间范围 | string\[] | - | |
| quickTimeSecondValues | 自定义快捷标签值 | number\[] | - | |
| onChange | 选择时间范围变化时触发事件 | (timeRang: string\[]) => void | - | |
| maxDaysRangeType | 计算最大可选天数的方式 | EMaxDaysRangeType | 0 | |
| maxDaysRange | 最大可选天数 | number | 'all' | 90 | |
| defaultTimeRange | 默认选中的快捷标签 | string ｜ number | '7d' | |
| autoRefreshTimeRangeBeforeCustom | 切换至自定义查询是否根据defaultValue 或 快捷选择更新时间 | boolean | true | |

### EMaxDaysRangeType

```typescript
export enum EMaxDaysRangeType {
  LAST_DAYS, // 固定今日为最终日期，向前可选 maxDaysRange 天数的事件范围
  ANY_RANGE_OF_DAYS // 任意时间范围，最大可选 maxDaysRange 天数
}
```