import React from "react";
import { DatePicker } from "@tencent/tea-component";

const { MonthPicker, RangePicker } = DatePicker;

export default () => {
  return (
    <>
      <DatePicker
        clearable
        onChange={value => console.log(value)}
        style={{ marginTop: 12 }}
      />
      <br />
      <DatePicker
        showTime
        clearable
        onChange={value => console.log(value)}
        style={{ marginTop: 12 }}
      />
      <br />
      <MonthPicker
        clearable
        onChange={value => console.log(value)}
        style={{ marginTop: 12 }}
      />
      <br />
      <RangePicker
        clearable
        onChange={value => console.log(value)}
        style={{ marginTop: 12 }}
      />
      <br />
      <RangePicker
        showTime
        clearable
        onChange={value => console.log(value)}
        style={{ marginTop: 12 }}
      />
    </>
  );
};