{"_id":"@admiral-ds/date-picker","_rev":"7-0454aab28668f14b8df9e5b6cf97521a","name":"@admiral-ds/date-picker","dist-tags":{"latest":"1.0.1"},"versions":{"0.0.2":{"name":"@admiral-ds/date-picker","version":"0.0.2","keywords":["AdmiralDS","Admiral","ui","react","library"],"author":{"name":"Admiral DS team"},"license":"See license in ./LICENSE","_id":"@admiral-ds/date-picker@0.0.2","maintainers":[{"name":"drune","email":"drune.email@gmail.com"}],"homepage":"https://github.com/AdmiralDS/date-picker#readme","bugs":{"url":"https://github.com/AdmiralDS/date-picker/issues"},"dist":{"shasum":"7763b5abe3cb6790a24bde69a45d5927100e39fa","tarball":"https://registry.npmjs.org/@admiral-ds/date-picker/-/date-picker-0.0.2.tgz","fileCount":395,"integrity":"sha512-Je23hC7gerN27sxWRiupvJZr0cdXljz9NJ1HCHyqx7aCLhbLCw/ALcDdA9VNwf3iLI4w7QpnCnAutCj5lFyfWw==","signatures":[{"sig":"MEYCIQDP+s592G4ZchjCt6/XTtMzsRmHz2DpvIcnb5n9+vLO/QIhAI9NcnySBHXOnvjjzYYh9hjpu9U2zwkFDMYYmkMRB/g4","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1600128},"main":"./dist/cjs/main.js","type":"module","types":"./dist/types/main.d.ts","exports":{".":{"types":"./dist/types/main.d.ts","import":"./dist/esm/main.js","require":"./dist/cjs/main.js"}},"gitHead":"05d90fe776be44b8330920249f3c8724aab27993","scripts":{"dev":"vite","lint":"eslint --report-unused-disable-directives  --fix","test":"vitest run","prepare":"npm run build:lib","preview":"vite preview","build:app":"tsc -b && vite build","build:lib":"vite -c vite.build.config.ts build","storybook":"storybook dev -p 6006","test:storybook":"test-storybook","build:storybook":"storybook build","preview:storybook":"vite preview --outDir storybook-static"},"_npmUser":{"name":"drune","email":"drune.email@gmail.com"},"repository":{"url":"git+https://github.com/AdmiralDS/date-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Admiral DS DatePicker","directories":{},"sideEffects":["**/*.css","**/*.css.*"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.8 || ^6.0.2","react":"^18.3.1","eslint":"^9.20.0","vitest":"^2.1.2 || ^3","globals":"^15.14.0 || ^16","happy-dom":"^15.7.4 || ^16 || ^17","react-dom":"^18.3.1","storybook":"^8.3.5","@eslint/js":"^9.20.0","typescript":"^5.7.3","@types/react":"^18.3.11","@storybook/test":"^8.3.5","vite-plugin-dts":"^4.2.3","@eslint/eslintrc":"^3.1.0","@storybook/react":"^8.3.5","@svgr/plugin-jsx":"^8.1.0","@types/react-dom":"^18.3.0","vite-plugin-svgr":"^4.2.0","@storybook/blocks":"^8.3.5","@svgr/plugin-svgo":"^8.1.0","typescript-eslint":"^8.23.0","react-tiny-popover":"^8.1.2","eslint-plugin-react":"^7.37.1","storybook-dark-mode":"^4.0.2","vite-tsconfig-paths":"^5.0.1","@vanilla-extract/css":"^1.16.0","@vitejs/plugin-react":"^4.3.2","@storybook/react-vite":"^8.3.5","@storybook/test-runner":"^0.22.0","@testing-library/react":"^16.0.1","eslint-config-prettier":"^9.1.0 || ^10","eslint-plugin-prettier":"^5.2.1","@storybook/addon-themes":"^8.3.5","eslint-plugin-storybook":"^0.11.0","@vanilla-extract/dynamic":"^2.1.2","@testing-library/jest-dom":"^6.5.0","@typescript-eslint/parser":"^8.9.0","eslint-plugin-react-hooks":"^5.0.0","vite-plugin-lib-inject-css":"^2.1.1","@storybook/addon-essentials":"^8.3.5","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.12","@vanilla-extract/vite-plugin":"^4.0.16 || ^5","@storybook/addon-interactions":"^8.6.4","typescript-plugin-css-modules":"^5.1.0","babel-plugin-styled-components":"^2.1.4","@typescript-eslint/eslint-plugin":"^8.9.0"},"peerDependencies":{"dayjs":"^1.0.0","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0","@maskito/kit":"^2.4.0 || ^3","@maskito/core":"^2.4.0 || ^3","@maskito/react":"^2.4.0 || ^3","@admiral-ds/web":"^0.0.4","@admiral-ds/fonts":"^2.0.0","@admiral-ds/icons":"^4.3.3","styled-components":"^5 || ^6.1.0","@admiral-ds/react-ui":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/date-picker_0.0.2_1741619022012_0.5164389894074448","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@admiral-ds/date-picker","version":"0.0.3","keywords":["AdmiralDS","Admiral","ui","react","library"],"author":{"name":"Admiral DS team"},"license":"See license in ./LICENSE","_id":"@admiral-ds/date-picker@0.0.3","maintainers":[{"name":"drune","email":"drune.email@gmail.com"}],"homepage":"https://github.com/AdmiralDS/date-picker#readme","bugs":{"url":"https://github.com/AdmiralDS/date-picker/issues"},"dist":{"shasum":"689c9e631b1e41a32a822d74c89fe48e92ff9a74","tarball":"https://registry.npmjs.org/@admiral-ds/date-picker/-/date-picker-0.0.3.tgz","fileCount":395,"integrity":"sha512-1hpz1SB4hGHJt+BJVWAVl0wJQDhHeWOqTKIkWUk2e/Tinm35F1JINKPwDOW3VYIaoCcRN+MU23soIMLHXsPV3g==","signatures":[{"sig":"MEQCIFdyvVAVbQ0iO/JRskMcphCXtF57JlOvtKWmHrQMJNvsAiAeUILLQUp0Q5p5OhBZeiuWmvkOtgGu+V1yxT1dPyJfug==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1600227},"main":"./dist/cjs/main.js","type":"module","types":"./dist/types/main.d.ts","exports":{".":{"types":"./dist/types/main.d.ts","import":"./dist/esm/main.js","require":"./dist/cjs/main.js"}},"gitHead":"ed59903d0eda352f72aea88f29efc228eab7dc3d","scripts":{"dev":"vite","lint":"eslint --report-unused-disable-directives  --fix","test":"vitest run","prepare":"npm run build:lib","preview":"vite preview","build:app":"tsc -b && vite build","build:lib":"vite -c vite.build.config.ts build","storybook":"storybook dev -p 6006","test:storybook":"test-storybook","build:storybook":"storybook build","preview:storybook":"vite preview --outDir storybook-static"},"_npmUser":{"name":"drune","email":"drune.email@gmail.com"},"repository":{"url":"git+https://github.com/AdmiralDS/date-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Admiral DS DatePicker","directories":{},"sideEffects":["**/*.css","**/*.css.*"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.8 || ^6.0.2","react":"^18.3.1","eslint":"^9.20.0","vitest":"^2.1.2 || ^3","globals":"^15.14.0 || ^16","happy-dom":"^15.7.4 || ^16 || ^17","react-dom":"^18.3.1","storybook":"^8.3.5","@eslint/js":"^9.20.0","typescript":"^5.7.3","@types/react":"^18.3.11","@storybook/test":"^8.3.5","vite-plugin-dts":"^4.2.3","@eslint/eslintrc":"^3.1.0","@storybook/react":"^8.3.5","@svgr/plugin-jsx":"^8.1.0","@types/react-dom":"^18.3.0","vite-plugin-svgr":"^4.2.0","@storybook/blocks":"^8.3.5","@svgr/plugin-svgo":"^8.1.0","typescript-eslint":"^8.23.0","react-tiny-popover":"^8.1.2","eslint-plugin-react":"^7.37.1","storybook-dark-mode":"^4.0.2","vite-tsconfig-paths":"^5.0.1","@vanilla-extract/css":"^1.16.0","@vitejs/plugin-react":"^4.3.2","@storybook/react-vite":"^8.3.5","@storybook/test-runner":"^0.22.0","@testing-library/react":"^16.0.1","eslint-config-prettier":"^9.1.0 || ^10","eslint-plugin-prettier":"^5.2.1","@storybook/addon-themes":"^8.3.5","eslint-plugin-storybook":"^0.11.0","@vanilla-extract/dynamic":"^2.1.2","@testing-library/jest-dom":"^6.5.0","@typescript-eslint/parser":"^8.9.0","eslint-plugin-react-hooks":"^5.0.0","vite-plugin-lib-inject-css":"^2.1.1","@storybook/addon-essentials":"^8.3.5","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.12","@vanilla-extract/vite-plugin":"^4.0.16 || ^5","@storybook/addon-interactions":"^8.6.4","typescript-plugin-css-modules":"^5.1.0","babel-plugin-styled-components":"^2.1.4","@typescript-eslint/eslint-plugin":"^8.9.0"},"peerDependencies":{"dayjs":"^1.0.0","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0","@maskito/kit":"^2.4.0 || ^3","@maskito/core":"^2.4.0 || ^3","@maskito/react":"^2.4.0 || ^3","@admiral-ds/web":"^0.0.4","@admiral-ds/fonts":"^2.0.0","@admiral-ds/icons":"^4.3.3","styled-components":"^5 || ^6.1.0","@admiral-ds/react-ui":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/date-picker_0.0.3_1741683567772_0.9535257781436497","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@admiral-ds/date-picker","version":"0.0.4","keywords":["AdmiralDS","Admiral","ui","react","library"],"author":{"name":"Admiral DS team"},"license":"See license in ./LICENSE","_id":"@admiral-ds/date-picker@0.0.4","maintainers":[{"name":"drune","email":"drune.email@gmail.com"}],"homepage":"https://github.com/AdmiralDS/date-picker#readme","bugs":{"url":"https://github.com/AdmiralDS/date-picker/issues"},"dist":{"shasum":"b6651299107fe1128ee53d5f23f236d8d36111af","tarball":"https://registry.npmjs.org/@admiral-ds/date-picker/-/date-picker-0.0.4.tgz","fileCount":395,"integrity":"sha512-HXA1GfSapL6iNBjgBgN0Pvuq5suxS1GccFl1ie5UnIg/SQdYGBKjunu/rBcBr9zICPTq00lAuHe8RLWor3OQlA==","signatures":[{"sig":"MEYCIQDUWQaLbXRUELcnNTm7IlS6nMVtZ8O1taWnQJiwkixr7QIhANhHnGgM4cRHSdd9GFNqmnxMMOgODIXMflqoogczelQ3","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1596308},"main":"./dist/cjs/main.js","type":"module","types":"./dist/types/main.d.ts","exports":{".":{"types":"./dist/types/main.d.ts","import":"./dist/esm/main.js","require":"./dist/cjs/main.js"}},"gitHead":"7e6a3c977abd9e8103f8f7333f4540c9b6ddf2cd","scripts":{"dev":"vite","lint":"eslint --report-unused-disable-directives  --fix","test":"vitest run","prepare":"npm run build:lib","preview":"vite preview","build:app":"tsc -b && vite build","build:lib":"vite -c vite.build.config.ts build","storybook":"storybook dev -p 6006","test:storybook":"test-storybook","build:storybook":"storybook build","preview:storybook":"vite preview --outDir storybook-static"},"_npmUser":{"name":"drune","email":"drune.email@gmail.com"},"repository":{"url":"git+https://github.com/AdmiralDS/date-picker.git","type":"git"},"_npmVersion":"10.9.2","description":"Admiral DS DatePicker","directories":{},"sideEffects":["**/*.css","**/*.css.*"],"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.8 || ^6.0.2","react":"^18.3.1","eslint":"^9.20.0","vitest":"^2.1.2 || ^3","globals":"^15.14.0 || ^16","happy-dom":"^15.7.4 || ^16 || ^17","react-dom":"^18.3.1","storybook":"^8.3.5","@eslint/js":"^9.20.0","typescript":"^5.7.3","@types/react":"^18.3.11","@storybook/test":"^8.3.5","vite-plugin-dts":"^4.2.3","@eslint/eslintrc":"^3.1.0","@storybook/react":"^8.3.5","@svgr/plugin-jsx":"^8.1.0","@types/react-dom":"^18.3.0","vite-plugin-svgr":"^4.2.0","@storybook/blocks":"^8.3.5","@svgr/plugin-svgo":"^8.1.0","typescript-eslint":"^8.23.0","react-tiny-popover":"^8.1.2","eslint-plugin-react":"^7.37.1","storybook-dark-mode":"^4.0.2","vite-tsconfig-paths":"^5.0.1","@vanilla-extract/css":"^1.16.0","@vitejs/plugin-react":"^4.3.2","@storybook/react-vite":"^8.3.5","@storybook/test-runner":"^0.22.0","@testing-library/react":"^16.0.1","eslint-config-prettier":"^9.1.0 || ^10","eslint-plugin-prettier":"^5.2.1","@storybook/addon-themes":"^8.3.5","eslint-plugin-storybook":"^0.11.0","@vanilla-extract/dynamic":"^2.1.2","@testing-library/jest-dom":"^6.5.0","@typescript-eslint/parser":"^8.9.0","eslint-plugin-react-hooks":"^5.0.0","vite-plugin-lib-inject-css":"^2.1.1","@storybook/addon-essentials":"^8.3.5","@testing-library/user-event":"^14.5.2","eslint-plugin-react-refresh":"^0.4.12","@vanilla-extract/vite-plugin":"^4.0.16 || ^5","@storybook/addon-interactions":"^8.6.4","typescript-plugin-css-modules":"^5.1.0","babel-plugin-styled-components":"^2.1.4","@typescript-eslint/eslint-plugin":"^8.9.0"},"peerDependencies":{"dayjs":"^1.0.0","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0","@maskito/kit":"^2.4.0 || ^3","@maskito/core":"^2.4.0 || ^3","@maskito/react":"^2.4.0 || ^3","@admiral-ds/web":"^0.0.4","@admiral-ds/fonts":"^2.0.0","@admiral-ds/icons":"^4.3.3","styled-components":"^5 || ^6.1.0","@admiral-ds/react-ui":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/date-picker_0.0.4_1741770099183_0.5711075827300061","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@admiral-ds/date-picker","description":"Admiral DS DatePicker","version":"1.0.1","author":{"name":"Admiral DS team"},"repository":{"type":"git","url":"git+https://github.com/AdmiralDS/date-picker.git"},"scripts":{"check:full":"npm run format && npm run typecheck && npm run test && npm run build:storybook && npm run build:lib && npm run test:package","storybook":"storybook dev -p 6006","test:storybook":"test-storybook","release":"standard-version","prepare":"npm run build:lib","clean":"node scripts/clean.mjs","dev":"vite","test":"vitest run","typecheck":"tsc --noEmit","eslint":"eslint src lib .storybook","eslint:fix":"npm run eslint -- --fix","prettier":"prettier --check .","prettier:fix":"prettier --write .","format":"npm run prettier && npm run eslint","format:fix":"npm run prettier:fix && npm run eslint:fix","preview":"vite preview","preview:storybook":"vite preview --outDir docs/current","test:storybook:ci":"start-server-and-test \"npm run preview:storybook -- --host 127.0.0.1\" http://127.0.0.1:4173 \"npm run test:storybook -- --ci --url http://127.0.0.1:4173\"","test:package":"node scripts/verify-package.mjs","build:app":"tsc -b && vite build","build:storybook":"storybook build --disable-telemetry --output-dir docs/current","build:lib":"npm run typecheck && npm run clean && vite -c vite.build.config.ts build","release:patch":"standard-version --release-as patch","release:minor":"standard-version --release-as minor","release:major":"standard-version --release-as major"},"devDependencies":{"@eslint/eslintrc":"^3.1.0","@eslint/js":"^9.20.0","@maskito/core":"^2.4.0 || ^3","@maskito/kit":"^2.4.0 || ^3","@maskito/react":"^2.4.0 || ^3","@storybook/addon-docs":"^10.5.10","@storybook/react":"^10.5.10","@storybook/react-vite":"^10.5.10","@storybook/test-runner":"^0.24.4","@svgr/plugin-jsx":"^8.1.0","@svgr/plugin-svgo":"^8.1.0","@testing-library/jest-dom":"^6.5.0","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/react":"^18.3.11","@types/react-dom":"^18.3.0","@typescript-eslint/eslint-plugin":"^8.56.1","@typescript-eslint/parser":"^8.56.1","@vanilla-extract/css":"^1.16.0","@vanilla-extract/dynamic":"^2.1.2","@vanilla-extract/vite-plugin":"^4.0.16 || ^5","@vitejs/plugin-react":"^4.3.2","babel-plugin-styled-components":"^2.1.4","eslint":"^9.39.3","eslint-config-prettier":"^10.1.8","eslint-import-resolver-typescript":"^4.4.4","eslint-plugin-import":"^2.32.0","eslint-plugin-prettier":"^5.5.5","eslint-plugin-react":"^7.37.1","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.12","eslint-plugin-storybook":"^0.12.0","globals":"^15.14.0 || ^16","happy-dom":"^15.7.4 || ^16 || ^17","prettier":"^3.8.1","react":"^18.3.1","react-dom":"^18.3.1","react-tiny-popover":"^8.1.2","standard-version":"^9.5.0","start-server-and-test":"^3.0.12","storybook":"^10.5.10","typescript":"^5","typescript-eslint":"^8.56.1","typescript-plugin-css-modules":"^5.1.0","vite":"^7.0.0","vite-plugin-dts":"^4.2.3","vite-plugin-lib-inject-css":"^2.1.1","vite-plugin-svgr":"^4.2.0","vite-tsconfig-paths":"^5.0.1","vitest":"^2.1.2 || ^3"},"peerDependencies":{"@admiral-ds/fonts":"^2.0.0","@admiral-ds/icons":"^4.3.3","@admiral-ds/react-ui":"^8.0.0","@admiral-ds/web":"^0.0.4","dayjs":"^1.11.0","react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0","styled-components":"^6.1.0"},"type":"module","exports":{".":{"import":{"types":"./dist/types/main.d.ts","default":"./dist/esm/main.js"},"require":{"types":"./dist/types/main.d.cts","default":"./dist/cjs/main.cjs"}}},"main":"./dist/cjs/main.cjs","types":"./dist/types/main.d.ts","bugs":{"url":"https://github.com/AdmiralDS/date-picker/issues"},"keywords":["AdmiralDS","Admiral","ui","react","library"],"license":"See license in ./LICENSE","sideEffects":["**/*.css","**/*.css.*"],"publishConfig":{"access":"public"},"gitHead":"e61d3d1cd44d1b284288972acf623410bf06c416","_id":"@admiral-ds/date-picker@1.0.1","homepage":"https://github.com/AdmiralDS/date-picker#readme","_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-TG/KQS5fxBMed54K4z13SlHqzs9QUjKWWC+6Y/m/c6c0tYEkgsuNcOBSz/Ky6Ara1OVgmhYgldlX2WLrJ5VFtw==","shasum":"3da6979a8a66c15fcc50d52f968d354dbba5a40a","tarball":"https://registry.npmjs.org/@admiral-ds/date-picker/-/date-picker-1.0.1.tgz","fileCount":202,"unpackedSize":1468781,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@admiral-ds%2fdate-picker@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBPjtUhzpnDffEqdRSoAZ2c2hzO9a2ddWMue39ucaa7IAiBlpO9rE1DmUqAZfBWNG40D2JIh2DltJ+aamfk7NvW6Rw=="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:3276b709-342f-4078-801b-a6c4496b7f9f"}},"directories":{},"maintainers":[{"name":"drune","email":"drune.email@gmail.com"},{"name":"parasjona","email":"lovemirror@rambler.ru"},{"name":"kateviditory","email":"eovetelina@gmail.com"},{"name":"syroszx","email":"syroszx@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/date-picker_1.0.1_1787668507580_0.1069161933727325"},"_hasShrinkwrap":false}},"time":{"created":"2025-03-10T15:03:41.936Z","modified":"2026-08-25T14:35:08.176Z","0.0.2":"2025-03-10T15:03:42.227Z","0.0.3":"2025-03-11T08:59:28.168Z","0.0.4":"2025-03-12T09:01:39.426Z","1.0.1":"2026-08-25T14:35:07.767Z"},"bugs":{"url":"https://github.com/AdmiralDS/date-picker/issues"},"author":{"name":"Admiral DS team"},"license":"See license in ./LICENSE","homepage":"https://github.com/AdmiralDS/date-picker#readme","keywords":["AdmiralDS","Admiral","ui","react","library"],"repository":{"type":"git","url":"git+https://github.com/AdmiralDS/date-picker.git"},"description":"Admiral DS DatePicker","maintainers":[{"name":"drune","email":"drune.email@gmail.com"},{"name":"parasjona","email":"lovemirror@rambler.ru"},{"name":"kateviditory","email":"eovetelina@gmail.com"},{"name":"syroszx","email":"syroszx@gmail.com"}],"readme":"# @admiral-ds/date-picker\n\nБиблиотека, реализующая календарь и поле ввода дат, основанная на дизайн-системе Admiral 2.1.\n\nДокументация компонентов и интерактивные примеры доступны в [Storybook](https://admiralds.github.io/date-picker/).\n\n## Содержимое\n\n- [Соглашения и внесение изменений](CONTRIBUTING.md)\n- [Установка](#установка)\n- [Подключение](#подключение)\n- [DatePicker](#datepicker)\n- [DatePickerCalendar](#datepickercalendar)\n\n## Установка\n\nУстановите пакет:\n\n```shell\nnpm install @admiral-ds/date-picker\n```\n\nДля работы `@admiral-ds/date-picker` требуются следующие peer-зависимости:\n\n| Пакет                  | Поддерживаемые версии  |\n| ---------------------- | ---------------------- |\n| `@admiral-ds/react-ui` | `^8.0.0`               |\n| `@admiral-ds/web`      | `^0.0.4`               |\n| `@admiral-ds/fonts`    | `^2.0.0`               |\n| `@admiral-ds/icons`    | `^4.3.3`               |\n| `dayjs`                | `^1.11.0`              |\n| `react`                | `^17.0.0 \\|\\| ^18.0.0` |\n| `react-dom`            | `^17.0.0 \\|\\| ^18.0.0` |\n| `styled-components`    | `^6.1.0`               |\n\nЕсли они ещё не установлены в приложении, добавьте их отдельно:\n\n```shell\nnpm install @admiral-ds/react-ui@^8 @admiral-ds/web@^0.0.4 @admiral-ds/fonts@^2 @admiral-ds/icons@^4.3.3 dayjs@^1.11 react@^18 react-dom@^18 styled-components@^6.1\n```\n\n## Подключение\n\nКомпоненты используют тему, шрифты и контейнер выпадающих элементов Admiral. Подключите `ThemeProvider`, `FontsVTBGroup`, `DropdownProvider` и CSS-тему `@admiral-ds/web` в корне приложения:\n\n```tsx\n// main.tsx\nimport { useEffect, type PropsWithChildren } from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { DropdownProvider, FontsVTBGroup, LIGHT_THEME } from '@admiral-ds/react-ui';\nimport { lightThemeClassName } from '@admiral-ds/web';\n\nimport App from './App';\nimport './index.css';\n\nfunction AdmiralProvider({ children }: PropsWithChildren) {\n  useEffect(() => {\n    const classNames = lightThemeClassName.split(' ');\n    document.body.classList.add(...classNames);\n\n    return () => document.body.classList.remove(...classNames);\n  }, []);\n\n  return (\n    <ThemeProvider theme={LIGHT_THEME}>\n      <DropdownProvider>\n        <FontsVTBGroup />\n        {children}\n      </DropdownProvider>\n    </ThemeProvider>\n  );\n}\n\nexport function Root() {\n  return (\n    <AdmiralProvider>\n      <App />\n    </AdmiralProvider>\n  );\n}\n```\n\n## DatePicker\n\nДля маскированного ввода даты используйте Maskito:\n\n```shell\nnpm install @maskito/core@^3 @maskito/kit@^3 @maskito/react@^3\n```\n\n```tsx\nimport { useState } from 'react';\nimport { maskitoDateOptionsGenerator } from '@maskito/kit';\nimport { useMaskito } from '@maskito/react';\nimport { DatePicker } from '@admiral-ds/date-picker';\n\nconst dateMask = maskitoDateOptionsGenerator({ mode: 'dd/mm/yyyy' });\n\nfunction App() {\n  const [value, setValue] = useState('');\n  const inputRef = useMaskito({ options: dateMask });\n\n  return (\n    <DatePicker\n      inputProps={{\n        ref: inputRef,\n        value,\n        placeholder: 'Введите дату',\n        dataPlaceholder: 'дд.мм.гггг',\n        onInput: (event) => setValue(event.currentTarget.value),\n      }}\n    />\n  );\n}\n```\n\n## DatePickerCalendar\n\nКалендарь можно использовать отдельно от поля ввода:\n\n```tsx\nimport { useState } from 'react';\nimport type { Dayjs } from 'dayjs';\nimport { DatePickerCalendar } from '@admiral-ds/date-picker';\n\nfunction CalendarExample() {\n  const [selectedDate, setSelectedDate] = useState<Dayjs>();\n\n  return <DatePickerCalendar selectedDateValue={selectedDate} onSelectedDateValueChange={setSelectedDate} />;\n}\n```\n","readmeFilename":"readme.md"}