u247285
/
datepicker
mirror of https://github.com/Rynxiao/datepicker


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
							import React from 'react'
import classNames from 'classnames'
import PropTypes from 'prop-types'
import Styles from './modal.css'
import delayUnmounting from '../delayUnmounting'
import Input from '../input/Input'
import Header from '../calendar/Header'
import Body from '../calendar/Index'
import Footer from '../footer/Footer'

const Modal = ({
  isMounted,
  value,
  onInputChange,
}) => (
  <React.Fragment>
    <div className={classNames(Styles.container, {
      [Styles.in]: isMounted,
      [Styles.out]: !isMounted,
    })}
    >
      <Input
        value={value}
        onInputChange={onInputChange}
      />
      <div className={Styles.panel}>
        <div className={Styles.header}>
          <Header />
        </div>
        <Body />
        <Footer />
      </div>
    </div>
  </React.Fragment>
)

Modal.defaultProps = {
  isMounted: false,
}

Modal.propTypes = {
  isMounted: PropTypes.bool,
  value: PropTypes.string.isRequired,
  onInputChange: PropTypes.func.isRequired,
}

export default delayUnmounting(Modal)