Add inline option to use the calendar stand alone or with a custom in…

.eslintrc.json

@@ -10,7 +10,6 @@
         "plugin:react/recommended",
         "plugin:@typescript-eslint/recommended",
         "plugin:prettier/recommended",
-        "plugin:react-hooks/recommended",
         "next/core-web-vitals"
     ],
     "overrides": [],
@@ -27,7 +26,6 @@
             "version": "detect"
         }
     },
-    "plugins": ["react", "@typescript-eslint", "import", "prettier", "@next/eslint-plugin-next"],
     "rules": {
         "indent": "off",
         "linebreak-style": ["error", "unix"],

.prettierignore

@@ -3,6 +3,7 @@ dist/
 assets/
 .next/
 .rollup.cache/
+pnpm-lock.yaml
 
 # Files
-README.md
+README.md

package.json

@@ -39,15 +39,16 @@
     ],
     "peerDependencies": {
         "dayjs": "^1.11.6",
-        "react": "^17.0.2 || ^18.2.0"
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
     },
     "devDependencies": {
         "@rollup/plugin-commonjs": "^24.0.1",
         "@rollup/plugin-node-resolve": "^15.0.1",
         "@rollup/plugin-typescript": "^11.0.0",
         "@tailwindcss/forms": "^0.5.3",
         "@types/node": "18.14.5",
-        "@types/react": "^18.0.21",
+        "@types/react": "^19.0.2",
         "@typescript-eslint/eslint-plugin": "^5.45.0",
         "@typescript-eslint/parser": "^5.45.0",
         "autoprefixer": "^10.4.13",
@@ -61,11 +62,11 @@
         "eslint-plugin-react-hooks": "^4.6.0",
         "husky": "^8.0.0",
         "lint-staged": "^13.2.3",
-        "next": "^13.1.1",
+        "next": "15.4.7",
         "postcss": "^8.4.19",
         "prettier": "^2.8.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "rollup": "^2.77.2",
         "tailwindcss": "^3.2.4",
         "tslib": "^2.4.0",

pages/index.js

@@ -31,6 +31,7 @@ export default function Playground() {
     const [newDisabledDates, setNewDisabledDates] = useState({ startDate: "", endDate: "" });
     const [startFrom, setStartFrom] = useState("2023-03-01");
     const [startWeekOn, setStartWeekOn] = useState("");
+    const [inline, setInline] = useState(false);
 
     const handleChange = (value, e) => {
         setValue(value);
@@ -113,6 +114,7 @@ export default function Playground() {
                         return isEmpty ? "Select Date" : "Clear";
                     }}
                     popoverDirection={"down"}
+                    inline={inline}
                     // classNames={{
                     //     input: ({ disabled, readOnly, className }) => {
                     //         if (disabled) {
@@ -215,6 +217,20 @@ export default function Playground() {
                             </label>
                         </div>
                     </div>
+                    <div className="mb-2 w-1/2 sm:w-full">
+                        <div className="inline-flex items-center">
+                            <input
+                                type="checkbox"
+                                className="mr-2 rounded"
+                                id="inline"
+                                checked={inline}
+                                onChange={e => setInline(e.target.checked)}
+                            />
+                            <label className="block" htmlFor="inline">
+                                Inline
+                            </label>
+                        </div>
+                    </div>
                 </div>
                 <div className="w-full sm:w-1/3 pr-2 flex flex-col">
                     <div className="mb-2">