93 lines
2.4 KiB
JavaScript
Raw Normal View History

/**
*
2018-02-06 16:58:29 +01:00
* InputDate
*
*/
import React from 'react';
import moment from 'moment';
import PropTypes from 'prop-types';
2018-02-20 11:34:15 +01:00
// import DateTimeStyle from 'react-datetime/css/react-datetime.css';
import DateTime from 'react-datetime';
import { FormattedMessage } from 'react-intl';
import { isEmpty, isObject } from 'lodash';
import cn from 'classnames';
import styles from './styles.scss';
function InputDate(props) {
const value = isObject(props.value) && props.value._isAMomentObject === true ? props.value : moment(props.value);
return (
<FormattedMessage id={props.placeholder} defaultMessage={props.placeholder}>
{(placeholder) => (
<DateTime
dateFormat='YYYY-MM-DD'
inputProps={{
autoFocus: props.autoFocus,
className: cn(
'form-control',
styles.inputDate,
!props.deactivateErrorHighlight && props.error && 'is-invalid',
!isEmpty(props.className) && props.className,
),
disabled: props.disabled,
id: props.name,
name: props.name,
placeholder,
style: props.style,
}}
2018-02-21 17:14:35 +01:00
onBlur={(moment) => props.onBlur({ target: {
name: props.name,
value: moment,
}})}
onChange={(moment) => props.onChange({ target: {
name: props.name,
2018-02-21 17:14:35 +01:00
value: moment,
}})}
onFocus={props.onFocus}
tabIndex={props.tabIndex}
timeFormat='HH:mm:ss'
utc={true}
value={value}
style={props.style}
/>
)}
</FormattedMessage>
);
}
InputDate.defaultProps = {
autoFocus: true,
className: '',
deactivateErrorHighlight: false,
disabled: false,
error: false,
onBlur: () => {},
onFocus: () => {},
placeholder: 'app.utils.placeholder.defaultMessage',
style: {},
tabIndex: '0',
};
InputDate.propTypes = {
autoFocus: PropTypes.bool,
className: PropTypes.string,
deactivateErrorHighlight: PropTypes.bool,
disabled: PropTypes.bool,
error: PropTypes.bool,
onBlur: PropTypes.func,
onChange: PropTypes.func.isRequired,
onFocus: PropTypes.func,
name: PropTypes.string.isRequired,
placeholder: PropTypes.string,
style: PropTypes.object,
tabIndex: PropTypes.string,
value: PropTypes.oneOfType([
PropTypes.string,
PropTypes.object,
]).isRequired,
};
export default InputDate;