mirror of
https://github.com/kremalicious/umami.git
synced 2024-12-13 13:07:29 +01:00
29 lines
978 B
JavaScript
29 lines
978 B
JavaScript
import React from 'react';
|
|
import { FormattedMessage } from 'react-intl';
|
|
import DateFilter from 'components/common/DateFilter';
|
|
import Button from 'components/common/Button';
|
|
import useDateRange from 'hooks/useDateRange';
|
|
import { DEFAULT_DATE_RANGE } from 'lib/constants';
|
|
import { getDateRange } from 'lib/date';
|
|
import styles from './DateRangeSetting.module.css';
|
|
import useLocale from 'hooks/useLocale';
|
|
|
|
export default function DateRangeSetting() {
|
|
const { locale } = useLocale();
|
|
const [dateRange, setDateRange] = useDateRange();
|
|
const { startDate, endDate, value } = dateRange;
|
|
|
|
function handleReset() {
|
|
setDateRange(getDateRange(DEFAULT_DATE_RANGE, locale));
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<DateFilter value={value} startDate={startDate} endDate={endDate} onChange={setDateRange} />
|
|
<Button className={styles.button} size="small" onClick={handleReset}>
|
|
<FormattedMessage id="label.reset" defaultMessage="Reset" />
|
|
</Button>
|
|
</>
|
|
);
|
|
}
|