{"_id":"@2e32/react-month-view","name":"@2e32/react-month-view","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@2e32/react-month-view","version":"1.0.0","description":"A React month view component","keywords":["2e32","ui","frontend","component","months","month","month-view","react","react-component","react-month-view"],"author":{"name":"konstantin_b"},"repository":{"type":"git","url":"git+https://github.com/2e32/react-month-view.git"},"license":"MIT","exports":{".":{"types":"./dist/js/types/index.d.ts","import":"./dist/js/esm/index.js","require":"./dist/js/cjs/index.js","default":"./dist/js/esm/index.js"},"./css":"./dist/css/index.css"},"main":"dist/js/cjs/index.js","module":"dist/js/esm/index.js","types":"dist/js/types/index.d.ts","scripts":{"clean":"rimraf dist","build":"npm run clean && node build.js && tsc","tsc:config":"tsc --showConfig","prettier:check":"prettier --check .","prettier:format":"prettier --write .","lint":"eslint --fix .","lint:config":"eslint --print-config *.*"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@types/react":"^18.2.20","@typescript-eslint/eslint-plugin":"^6.3.0","@typescript-eslint/parser":"^6.3.0","classnames":"^2.5.1","esbuild":"^0.19.0","eslint":"^8.46.0","eslint-plugin-react":"^7.33.1","eslint-plugin-react-hooks":"^4.6.0","prettier":"^3.0.1","rimraf":"^5.0.1","typescript":"^5.9.3"},"_id":"@2e32/react-month-view@1.0.0","gitHead":"342000767e0e8137d261542ff5358b5aa3bce10f","bugs":{"url":"https://github.com/2e32/react-month-view/issues"},"homepage":"https://github.com/2e32/react-month-view#readme","_nodeVersion":"22.17.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-E/WlVBHh5BP1LaAehiX/gpSENZ5j5kRd4VDCyjKu14rMKDWJAx3LLkWfBGh1Mz1c0GZ3SCQ8Za6uJyA8Yb1yDQ==","shasum":"9c74896a20598b8e835b47b876e0f91abba911b3","tarball":"https://registry.npmjs.org/@2e32/react-month-view/-/react-month-view-1.0.0.tgz","fileCount":46,"unpackedSize":81598,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFYGg8vWSD52bLypLkO1KKN+FO+mGn8WPLvICkK8GEKQAiBuExSg+xfHrKQN3BjfceajXcXkxHuE9+gqYsi040ZTZQ=="}]},"_npmUser":{"name":"2e32","email":"bogucharov.dev@gmail.com"},"directories":{},"maintainers":[{"name":"2e32","email":"bogucharov.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-month-view_1.0.0_1772802677047_0.6942851608392111"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-06T13:11:16.936Z","1.0.0":"2026-03-06T13:11:17.180Z","modified":"2026-03-06T13:11:17.433Z"},"maintainers":[{"name":"2e32","email":"bogucharov.dev@gmail.com"}],"description":"A React month view component","homepage":"https://github.com/2e32/react-month-view#readme","keywords":["2e32","ui","frontend","component","months","month","month-view","react","react-component","react-month-view"],"repository":{"type":"git","url":"git+https://github.com/2e32/react-month-view.git"},"author":{"name":"konstantin_b"},"bugs":{"url":"https://github.com/2e32/react-month-view/issues"},"license":"MIT","readme":"# @2e32/react-month-view\n\n[English (en)](README.md)\n\nReact-компонент для выбора месяца. Отображает месяцы в виде сетки.\n\n## Установка\n\nnpm\n\n```bash\nnpm i @2e32/react-month-view\n```\n\nyarn\n\n```bash\nyarn add @2e32/react-month-view\n```\n\n## Использование\n\nApp.tsx\n\n```tsx\n// Единожды подключить стиль на уровне приложения (точки входа)\nimport '@2e32/react-month-view/css';\n\nimport Page from './Page';\n\nconst App = () => ;\n\nexport default App;\n```\n\nPage.tsx\n\n```tsx\nimport { useState } from 'react';\n// Импортировать компонент\nimport MonthView from '@2e32/react-month-view';\n\nconst Page = () => {\n const [value, setValue] = useState();\n\n return ;\n};\n\nexport default Page;\n```\n\n## Свойства\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
НазваниеТипЗначение по умолчаниюОписание
value\n number\n Выбранный месяц (0–11).
options\n number[]\n \n Пользовательский список месяцев (0–11). Если не задан, отображаются все 12 месяцев.\n
optionsPerRow\n number\n \n 3\n Количество месяцев в строке (1–12).
locale\n string\n по умолчанию браузераЛокаль для названий месяцев (например, 'en-US', 'ru-RU').
className\n string\n CSS-класс корневого контейнера.
style\n React.CSSProperties\n Inline-стили корневого контейнера.
rowClassName\n string\n CSS-класс для контейнера строки.
disabled\n boolean\n \n false\n Отключает все опции.
block\n boolean\n \n false\n Растягивает компонент на 100% доступной ширины.
showCurrent\n boolean\n \n false\n Подсвечивает текущий месяц.
allowDeselect\n boolean\n \n false\n Разрешает сброс текущего выбора.
optionContent\n function\n \n Кастомный текст (label) опции месяца. Используйте для изменения текста (полное название, верхний регистр, номер и т.д.) без замены всей разметки опции.\n
\n
\n \n (props: MonthName) => React.ReactNode\n \n
optionDisabled\n (month: number) => boolean\n Отключает конкретный месяц.
renderOption\n function\n \n Кастомный рендер опции месяца. Подходит для структурных изменений: другая разметка, другой компонент, изменение визуальной части, стилей.\n
\n
\n \n (props: MonthViewRenderOptionProps) => React.ReactNode\n \n
onSelect\n function\n \n Вызывается при выборе нового месяца.\n
\n
\n (month: number) => void\n
onDeselect\n function\n \n Вызывается при снятии выбора (если включен allowDeselect).\n
\n
\n (month: number) => void\n
onChange\n function\n \n Вызывается при изменении выбора.\n
\n
\n \n (month: number) => void\n \n
\n \n (month: number | undefined) => void\n \n когда allowDeselect равно true.\n
\n\n## Примеры\n\nСмотри [storybook](https://github.com/2e32/react-month-view-storybook).\n\n## Лицензия\n\n[MIT](https://choosealicense.com/licenses/mit)\n","readmeFilename":"README.ru.md","_rev":"1-ef921b6582c25201c3bc55a8535394a7"}