import { Form } from 'antd'
import { Select, DatePicker } from 'antd'
import TextArea from 'antd/lib/input/TextArea'
import moment from 'moment'

export function EventCreationForm() {
  return (
    <>
      <Form.Item name="item_type" label="Event Type">
        <Select
          style={{ width: 120 }}
          options={[{ value: 'general', label: 'General Event' }]}
        ></Select>
      </Form.Item>
      <Form.Item name="description" label="Description">
        <TextArea rows={4} />
      </Form.Item>
      <Form.Item
        name="event_time"
        label="Event Time"
        getValueProps={(i) => ({ value: i ? moment(i) : null })}
      >
        <DatePicker showTime></DatePicker>
      </Form.Item>
    </>
  )
}