@shinyongjun/react-datepicker/dist/cjs/components/datePicker/Year.js

DatePicker component in React App.

"use strict";
'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");
var string_1 = require("../../utils/string");
function DatePickerYear(_a) {
    var value = _a.value, viewDate = _a.viewDate, setViewDate = _a.setViewDate, setViewType = _a.setViewType;
    var yearPage = (0, react_1.useMemo)(function () { return (0, page_1.setYearPage)(viewDate); }, [viewDate]);
    var valueYear = value === null || value === void 0 ? void 0 : value.getFullYear();
    var valueMonth = value === null || value === void 0 ? void 0 : value.getMonth();
    var handleViewDateType = function (month) {
        setViewDate((0, datetime_1.setViewDateByType)(viewDate, month, 'month'));
        setViewType('month');
    };
    return ((0, jsx_runtime_1.jsx)("div", { className: "".concat(core_1.NAME_SPACE, "__year-view"), children: Array.apply(0, Array(12)).map(function (x, i) {
            var month = (0, string_1.addLeadingZero)(i + 1);
            return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "".concat(core_1.NAME_SPACE, "__datepicker-button"), onClick: function () { return handleViewDateType(month); }, "data-active": valueYear === yearPage && valueMonth === i, children: i + 1 }, i));
        }) }));
}
exports.default = DatePickerYear;
//# sourceMappingURL=Year.js.map