terriajs
Version:
Geospatial data visualization platform.
20 lines • 1.2 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import DatePicker from "react-datepicker";
import { useTranslation } from "react-i18next";
import Spacing from "../../../../Styled/Spacing";
import * as DTP from "./DateTimePickerStyles";
import { monthNames } from "./utils";
export const DayView = ({ year, month, datesObject, selectedDay, onSelectDay, onBackToYear, onBackToMonth }) => {
const { t } = useTranslation();
const dayObject = datesObject;
if (!dayObject || dayObject.dates.length <= 1) {
return null;
}
const daysToDisplay = dayObject.dates;
const selected = selectedDay ? dayObject[selectedDay].dates[0] : null;
return (_jsxs("div", { css: `
text-align: center;
margin-top: -10px;
`, children: [_jsxs("div", { children: [_jsx(DTP.BackButton, { title: t("dateTime.back"), onClick: onBackToYear, children: year }), "\u00A0", _jsx(DTP.BackButton, { title: t("dateTime.back"), onClick: onBackToMonth, children: monthNames[month] }), _jsx(Spacing, { bottom: 1 })] }), _jsx(DatePicker, { inline: true, onChange: onSelectDay, includeDates: daysToDisplay, selected: selected })] }));
};
//# sourceMappingURL=DayView.js.map