feat(widget-datetime): add now to datepicker (#3484)

This commit is contained in:
Tom Claes
2020-04-12 17:17:01 +02:00
committed by GitHub
parent 7fcdaef1c9
commit 79b8469337
3 changed files with 30 additions and 1 deletions

View File

@ -5,6 +5,7 @@ import { jsx, css } from '@emotion/core';
import reactDateTimeStyles from 'react-datetime/css/react-datetime.css';
import DateTime from 'react-datetime';
import moment from 'moment';
import { buttons } from 'netlify-cms-ui-default';
export default class DateTimeControl extends React.Component {
static propTypes = {
@ -106,13 +107,14 @@ export default class DateTimeControl extends React.Component {
};
render() {
const { forID, value, classNameWrapper, setActiveStyle } = this.props;
const { forID, value, classNameWrapper, setActiveStyle, t } = this.props;
const { format, dateFormat, timeFormat } = this.formats;
return (
<div
css={css`
${reactDateTimeStyles};
position: relative;
`}
>
<DateTime
@ -124,6 +126,29 @@ export default class DateTimeControl extends React.Component {
onBlur={this.onBlur}
inputProps={{ className: classNameWrapper, id: forID }}
/>
<div
css={css`
position: absolute;
right: 20px;
transform: translateY(-40px);
width: fit-content;
z-index: 1;
`}
>
<button
css={css`
${buttons.button}
${buttons.default}
${buttons.lightBlue}
${buttons.small}
`}
onClick={() => {
this.handleChange(moment());
}}
>
{t('editor.editorWidgets.datetime.now')}
</button>
</div>
</div>
);
}