import React from 'react'
import PropTypes from 'prop-types'
import DateInput from 'react-uikit/input-date'
import CalendarPicker from 'react-uikit/calendar-picker'

const CalendarDatePicker = ({placeholder, ...props}) => (
    <CalendarPicker {...props}>
        <CalendarPicker.Input placeholder={placeholder} />
        <CalendarPicker.Icon />
    </CalendarPicker>
)

CalendarDatePicker.propTypes = {
    placeholder: PropTypes.string,
}

const CalendarDateInput = (props) => (
    <DateInput {...props} render={CalendarDatePicker} />
)

export default React.memo(CalendarDateInput)