import { useState, useEffect } from 'react';
import { useDisclosure, Button, Box } from '@chakra-ui/react';
import { ArgsTable, Meta, Story, Canvas } from '@storybook/addon-docs';
import moment, { Moment } from 'moment';

import { PopoverRangePicker } from './index';

<Meta title="业务/日期弹窗选择器 PopoverRangePicker" component={PopoverRangePicker} />

# 日期弹窗选择器 PopoverRangePicker

用户分析页面时间选择操作。

## 导入

```typescript
import { PopoverRangePicker } from '@ahri-ui/core';
```

## 使用

<Canvas>
  <Story name="默认">
    {() => {
      return (
        <PopoverRangePicker
          onOk={values => {
            console.log(values);
          }}
          defaultCompareType={true}
          defaultDateValueType={{
            type: 'all',
            value: 'dateTime',
          }}
          popoverProps={{
            trigger: 'click',
          }}
        />
      );
    }}
  </Story>
</Canvas>

## 参数

<ArgsTable of={PopoverRangePicker} />