Cacher is the code snippet organizer for pro developers

import React from 'react'
import Modal from '../../../_utils/Modal';
import { WithStore } from '../../../_mobx/WithStore';
import SelectFilter from '../SelectFilter';
import Calendar from '../Calendar';

const DateModal: React.FC<{
  isOpen?: boolean
}> = (props) => {
  return (
    <div>
      <Modal contentLabel="날짜 선택" {...props}>
        {() => (
          <div>
            <SelectFilter />
            <Calendar />
          </div>
        )}
      </Modal>

      <WithStore>
        {store => (<div>
          <div>{JSON.stringify(store.filter.start)}</div>
          <div>{JSON.stringify(store.filter.end)}</div>
        </div>)}
      </WithStore>
    </div>
  )
}

export default DateModal