@shinyongjun/react-datepicker
Version:
DatePicker component in React App.
23 lines • 1.37 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 { setYearPage } from '../../utils/page';
import { addLeadingZero } from '../../utils/string';
function DatePickerYear(_a) {
var value = _a.value, viewDate = _a.viewDate, setViewDate = _a.setViewDate, setViewType = _a.setViewType;
var yearPage = useMemo(function () { return 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(setViewDateByType(viewDate, month, 'month'));
setViewType('month');
};
return (_jsx("div", { className: "".concat(NAME_SPACE, "__year-view"), children: Array.apply(0, Array(12)).map(function (x, i) {
var month = addLeadingZero(i + 1);
return (_jsx("button", { type: "button", className: "".concat(NAME_SPACE, "__datepicker-button"), onClick: function () { return handleViewDateType(month); }, "data-active": valueYear === yearPage && valueMonth === i, children: i + 1 }, i));
}) }));
}
export default DatePickerYear;
//# sourceMappingURL=Year.js.map