/**
 * title: "日期选择交互"
 * description: "可以通过 defaultValue 属性为日期选择器提供初值，所提供的初值必须为 moment 对象。"
 */
import React from 'react';
import { DatePicker } from '@alicloud/console-components';
import moment from 'moment';

const titleStyle = {
  margin: '40px 0 4px',
  color: '#1D1D1F',
  height: 20,
};
const onChange = (val) => console.log(val);
const startValue = moment('2017-11-20', 'YYYY-MM-DD', true);

export default () => {
  return (
    <div>
      <div style={titleStyle}>默认</div>
      <DatePicker onChange={onChange} format="YYYY-MM-DD" />
      <div style={titleStyle}>完成选择</div>
      <DatePicker
        onChange={onChange}
        defaultValue={startValue}
        format="YYYY-MM-DD"
      />
      <div style={titleStyle}>禁用</div>
      <DatePicker onChange={onChange} disabled />
    </div>
  );
};