{"_id":"@benanxio/react-datepicker","name":"@benanxio/react-datepicker","dist-tags":{"latest":"1.7.2"},"versions":{"1.7.2":{"name":"@benanxio/react-datepicker","version":"1.7.2","description":"I'm use this package while they fix issues","main":"dist/index.cjs.js","module":"dist/index.esm.js","types":"dist/index.d.ts","author":{"name":"onesine"},"license":"MIT","scripts":{"watch":"rollup -c -w","clean":"rm -rf dist .rollup.cache tsconfig.tsbuildinfo","lint":"eslint .","lint:fix":"eslint --fix .","pret":"prettier -c .","pret:fix":"prettier --ignore-path .gitignore --config ./.prettierrc --write './**/*.{js,jsx,ts,tsx,css,md,json}'","code-style":"npm run pret && npm run lint","code-style:fix":"npm run pret:fix && npm run pret:fix","build":"npm run code-style && npm run clean && rollup -c rollup.config.js --bundleConfigAsCjs","pub":"npm run build && npm publish --access public","dev":"next dev -p 8888","prepare":"husky"},"repository":{"type":"git","url":"git+https://github.com/onesine/react-tailwindcss-datepicker.git"},"keywords":["react-tailwindcss-datepicker","react-datepicker","tailwind-datepicker","datepicker","date-picker","daterangepicker","react-daterangepicker","date-range","date-range-picker","tailwind-daterange-picker"],"peerDependencies":{"dayjs":"^1.11.12","react":"^17.0.2 || ^18.2.0"},"devDependencies":{"@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@tailwindcss/forms":"^0.5.7","@types/node":"^22.3.0","@types/react":"^18.3.3","@typescript-eslint/eslint-plugin":"^8.1.0","@typescript-eslint/parser":"^8.1.0","autoprefixer":"^10.4.20","dayjs":"^1.11.12","eslint":"^8.57.0","eslint-config-next":"^14.2.5","eslint-config-prettier":"^9.1.0","eslint-plugin-import":"^2.29.1","eslint-plugin-prettier":"^5.2.1","eslint-plugin-react":"^7.35.0","eslint-plugin-react-hooks":"^4.6.2","eslint-plugin-react-refresh":"^0.4.9","husky":"^9.1.4","lint-staged":"^15.2.9","next":"^14.2.5","pinst":"^3.0.0","postcss":"^8.4.41","prettier":"^3.3.3","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.20.0","tailwindcss":"^3.4.10","tslib":"^2.6.3","typescript":"^5.5.4"},"lint-staged":{"*.{ts,tsx}":["eslint","prettier --write"],"*.{css,scss,json,md}":["prettier --write"]},"_id":"@benanxio/react-datepicker@1.7.2","gitHead":"994a1a89e01688a5d3f7c0d54da05236f3851954","bugs":{"url":"https://github.com/onesine/react-tailwindcss-datepicker/issues"},"homepage":"https://github.com/onesine/react-tailwindcss-datepicker#readme","_nodeVersion":"21.7.3","_npmVersion":"10.5.0","dist":{"integrity":"sha512-buvP28A1YMDTdaPf0LIP6pg8VpAo1ZrMgOvh/sL/8j50oE3ns/kV3RajWdfOR2qJurKf0GQ09+RpwvwdyKA4iQ==","shasum":"f98234386d8e7320b6db3c1235386d25237aa9a4","tarball":"https://registry.npmjs.org/@benanxio/react-datepicker/-/react-datepicker-1.7.2.tgz","fileCount":36,"unpackedSize":1920738,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICxliml3b8+S0rlwyW2kvmVqv96zzqMPzMaDrD75rqsTAiEAyW0DEoEjwrmBX/te/y0E7Kw/dCsvXs9OtSESHRj7yho="}]},"_npmUser":{"name":"benanxio","email":"benanxio@gmail.com"},"directories":{},"maintainers":[{"name":"benanxio","email":"benanxio@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-datepicker_1.7.2_1730164664367_0.8815902410102059"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-29T01:17:44.269Z","1.7.2":"2024-10-29T01:17:44.628Z","modified":"2024-10-29T01:17:44.927Z"},"maintainers":[{"name":"benanxio","email":"benanxio@gmail.com"}],"description":"I'm use this package while they fix issues","homepage":"https://github.com/onesine/react-tailwindcss-datepicker#readme","keywords":["react-tailwindcss-datepicker","react-datepicker","tailwind-datepicker","datepicker","date-picker","daterangepicker","react-daterangepicker","date-range","date-range-picker","tailwind-daterange-picker"],"repository":{"type":"git","url":"git+https://github.com/onesine/react-tailwindcss-datepicker.git"},"author":{"name":"onesine"},"bugs":{"url":"https://github.com/onesine/react-tailwindcss-datepicker/issues"},"license":"MIT","readme":"# React Tailwindcss Datepicker\n\n<p align=\"center\">\n    <a href=\"https://react-tailwindcss-datepicker.vercel.app/\" target=\"_blank\">\n      <img alt=\"React Tailwindcss Datepicker\" width=\"100\" style=\"border-radius: 100%;\" src=\"https://raw.githubusercontent.com/onesine/react-tailwindcss-datepicker/master/assets/img/calendar_logo.svg?raw=true\">\n    </a><br><br>\n    A modern date range picker component for React using Tailwind 3 and dayjs. Alternative to Litepie Datepicker which uses Vuejs.\n</p>\n\n<div align=\"center\">\n    \n[![npm version](https://img.shields.io/npm/v/react-tailwindcss-datepicker?style=flat-square)](https://www.npmjs.com/package/react-tailwindcss-datepicker)\n[![npm downloads](https://img.shields.io/npm/dt/react-tailwindcss-datepicker?style=flat-square)](https://www.npmjs.com/package/react-tailwindcss-datepicker)\n    \n</div>\n\n## Contents\n\n-   [Features](#features)\n-   [Documentation](#documentation)\n-   [Installation](#installation)\n-   [Simple Usage](#simple-usage)\n-   [Theming Options](#theming-options)\n-   [Playground](#playground)\n-   [Contributing](#contributing)\n\n## Features\n\n-   ✅ Theming options\n-   ✅ Dark mode\n-   ✅ Single Date\n-   ✅ Single date use Range\n-   ✅ Shortcuts\n-   ✅ TypeScript support\n-   ✅ Localization(i18n)\n-   ✅ Date formatting\n-   ✅ Disable specific dates\n-   ✅ Minimum Date and Maximum Date\n-   ✅ Custom shortcuts\n\n## Documentation\n\nGo to [full documentation](https://react-tailwindcss-datepicker.vercel.app/)\n\n## Installation\n\n⚠️ React Tailwindcss Datepicker uses Tailwind CSS 3 (with the\n[@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) plugin) &\n[Dayjs](https://day.js.org/en/) under the hood to work.\n\n### Install via npm\n\n```\nnpm install react-tailwindcss-datepicker\n```\n\n### Install via yarn\n\n```\nyarn add react-tailwindcss-datepicker\n```\n\nMake sure you have installed the peer dependencies as well with the below versions.\n\n```\n\"dayjs\": \"^1.11.6\",\n\"react\": \"^17.0.2 || ^18.2.0\"\n```\n\n## Simple Usage\n\n#### Tailwindcss Configuration\n\nAdd the datepicker to your tailwind configuration using this code\n\n```javascript\n// in your tailwind.config.js\nmodule.exports = {\n    // ...\n    content: [\n        \"./src/**/*.{js,jsx,ts,tsx}\",\n        \"./node_modules/react-tailwindcss-datepicker/dist/index.esm.js\"\n    ]\n    // ...\n};\n```\n\nThen use react-tailwindcss-select in your app:\n\n```tsx\nimport { useState } from \"react\";\nimport Datepicker from \"react-tailwindcss-datepicker\";\n\nconst App = () => {\n    const [value, setValue] = useState({\n        startDate: null,\n        endDate: null\n    });\n\n    return (\n        <>\n            <Datepicker value={value} onChange={newValue => setValue(newValue)} />\n        </>\n    );\n};\n\nexport default App;\n```\n\n## Theming options\n\n**Light Mode**\n\n![Light Mode](https://raw.githubusercontent.com/onesine/react-tailwindcss-datepicker/master/assets/img/Screen_Shot_2022-08-04_at_17.04.09_light.png?raw=true)\n\n**Dark Mode**\n\n![Dark Mode](https://raw.githubusercontent.com/onesine/react-tailwindcss-datepicker/master/assets/img/Screen_Shot_2022-08-04_at_17.04.09_dark.png?raw=true)\n\n**Supported themes**\n![Theme supported](https://raw.githubusercontent.com/onesine/react-tailwindcss-datepicker/master/assets/img/Screen_Shot_2022-08-04_at_17.04.09_theme.png?raw=true)\n\n**Teal themes example**\n![Theme supported](https://raw.githubusercontent.com/onesine/react-tailwindcss-datepicker/master/assets/img/Screen_Shot_2022-08-04_at_17.04.09_teal.png?raw=true)\n\nYou can find the demo at [here](https://react-tailwindcss-datepicker.vercel.app/demo)\n\n> **Info**\n>\n> 👉 To discover the other possibilities offered by this library, you can consult the\n> [full documentation](https://react-tailwindcss-datepicker.vercel.app/).\n\n## PlayGround\n\nClone the `master` branch and run commands:\n\n```sh\n# Using npm\nnpm install && npm dev\n\n# Using yarn\nyarn install && yarn dev\n\n```\n\nOpen a browser and navigate to `http://localhost:8888`\n\n## Contributing\n\nSee\n[CONTRIBUTING.md](https://github.com/onesine/react-tailwindcss-datepicker/blob/master/CONTRIBUTING.md)\n\n## Official Documentation repo\n\n[https://github.com/onesine/react-tailwindcss-datepicker-doc](https://github.com/onesine/react-tailwindcss-datepicker-doc)\n\n## Thanks to\n\n-   [Vue Tailwind Datepicker](https://vue-tailwind-datepicker.com/)\n-   [React](https://reactjs.org/)\n-   [Tailwind CSS](https://tailwindcss.com/)\n-   [dayjs](https://day.js.org/)\n\nI thank you in advance for your contribution to this project.\n\n## License\n\n[MIT](LICENSE) Licensed. Copyright (c) Lewhe Onesine 2022.\n","readmeFilename":"README.md"}