@shinyongjun/react-datepicker
Version:
DatePicker component in React App.
21 lines • 1.24 kB
JavaScript
'use client';
import { jsx as _jsx } from "react/jsx-runtime";
import { useMemo } from 'react';
import { NAME_SPACE } from '../../constants/core';
import { setViewDateByType } from '../../utils/datetime';
import { setDecadePage } from '../../utils/page';
function DatePickerDecade(_a) {
var value = _a.value, viewDate = _a.viewDate, setViewDate = _a.setViewDate, setViewType = _a.setViewType;
var decadePage = useMemo(function () { return setDecadePage(viewDate); }, [viewDate]);
var valueYear = value === null || value === void 0 ? void 0 : value.getFullYear();
var handleViewDateType = function (year) {
setViewDate(setViewDateByType(viewDate, year, 'year'));
setViewType('year');
};
return (_jsx("div", { className: "".concat(NAME_SPACE, "__decade-view"), children: Array.apply(0, Array(10)).map(function (x, i) {
var year = String(decadePage * 10 - (9 - i));
return (_jsx("button", { type: "button", className: "".concat(NAME_SPACE, "__datepicker-button"), onClick: function () { return handleViewDateType(year); }, "data-active": valueYear === Number(year), children: year }, i));
}) }));
}
export default DatePickerDecade;
//# sourceMappingURL=Decade.js.map