import { BfModalDatePicker } from '@bud-fe/react-taro-ui';
import { Button } from '@tarojs/components';
import React, { useState } from 'react';

export default () => {
  const [isOpened, setIsOpened] = useState(false);

  return (
    <>
      <Button className="group-title" onClick={() => setIsOpened(true)}>
        基础用法
      </Button>

      <BfModalDatePicker
        isOpened={isOpened}
        start="2023-02"
        end="2025-11"
        currentDate={Date.now()}
        onCancel={() => {
          console.log('onCancel');
          setIsOpened(false);
        }}
        onConfirm={(value) => {
          console.log('onConfirm', new Date(value));
          setIsOpened(false);
        }}
      />
    </>
  );
};