@shinyongjun/react-datepicker
Version:
DatePicker component in React App.
27 lines • 1.61 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 DatePickerCentury(_a) {
var value = _a.value, viewDate = _a.viewDate, setViewDate = _a.setViewDate, setViewType = _a.setViewType;
var centuryPage = (0, react_1.useMemo)(function () { return (0, page_1.setCenturyPage)(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('decade');
};
return ((0, jsx_runtime_1.jsx)("div", { className: "".concat(core_1.NAME_SPACE, "__century-view"), children: Array.apply(0, Array(10)).map(function (x, i) {
var decade = centuryPage * 100 - (10 - i) * 10;
var startYear = String(decade + 1);
var endYear = String(decade + 10);
return ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "".concat(core_1.NAME_SPACE, "__datepicker-button"), onClick: function () { return handleViewDateType(startYear); }, "data-active": valueYear &&
valueYear >= Number(startYear) &&
valueYear <= Number(endYear), children: [startYear, " - ", endYear] }, i));
}) }));
}
exports.default = DatePickerCentury;
//# sourceMappingURL=Century.js.map