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