mirror of
https://github.com/strapi/strapi.git
synced 2025-08-15 12:18:38 +00:00
90 lines
2.3 KiB
JavaScript
90 lines
2.3 KiB
JavaScript
![]() |
/**
|
||
|
*
|
||
|
* inputDate
|
||
|
*
|
||
|
*/
|
||
|
|
||
|
import React from 'react';
|
||
|
import moment from 'moment';
|
||
|
import PropTypes from 'prop-types';
|
||
|
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,
|
||
|
}}
|
||
|
onBlur={props.onBlur}
|
||
|
onChange={(moment) => props.onChange({ target: {
|
||
|
name: props.name,
|
||
|
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;
|