import * as React from 'react';
import { Col, DatePicker, Row } from '@btri-ui/base';

export default () => {
  const { RangePicker } = DatePicker;
  const onChange = e => {
    console.log(e);
  };
  return (
    <>
      <Row autoMode={true}>
        <Col span={4}>
          <RangePicker onChange={onChange} showTime />
        </Col>
        <Col span={4}>
          <RangePicker onChange={onChange} picker="week" />
        </Col>
        <Col span={4}>
          <RangePicker onChange={onChange} picker="month" />
        </Col>
        <Col span={4}>
          <RangePicker onChange={onChange} picker="quarter" />
        </Col>
        <Col span={4}>
          <RangePicker onChange={onChange} picker="year" />
        </Col>
        <Col span={4}>
          <RangePicker onChange={onChange} disabled />
        </Col>
      </Row>
    </>
  );
};
