Mopsior · Mopsior · Mar 10, 2026 · Feb 20, 2026 · Feb 20, 2026 · Feb 20, 2026
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -12,5 +12,6 @@
     "i18n-ally.localesPaths": ["./src/locales"],
     "i18n-ally.keystyle": "nested",
     "i18n-ally.sourceLanguage": "pl",
-    "i18n-ally.displayLanguage": "pl"
+    "i18n-ally.displayLanguage": "pl",
+    "editor.defaultFormatter": "biomejs.biome"
 }
diff --git a/README.md b/README.md
@@ -85,20 +85,27 @@ The theme is applied as a CSS class (`light` or `dark`) on the `<html>` element.
 </div>
 ```
 
+## 💡 Quick Tips
+<details>
+<summary>Getting <b>UserID</b></summary>
+
+In `/app/*` you can get userID from **loader data** (fetched on `/app/route.tsx`)
+
+```tsx
+// import path matters!
+import { Route } from '@/routes/app/route'
+// ...
+const { userId } = Route.useLoaderData()
+```
+</details>
+
 ## 🐞 Error handling
 
 Handling error should be done through `<ErrorScreen />` component (and added later similar things). This will create one space for sending data to PostHog
 
 ## 🗺️ Roadmap
 
-- [ ] Add mobile calendar view
-- [x] Move to Biome
-- [ ] Handle months that aren't provided in dataset
-- [ ] A11y:
-  - [ ] Disable switching months if forms/drawers are opened (add check using global state)
-  - [ ] Handling Esc for return button
-- [ ] ServerFn Error translations handling
-- [ ] **Production**: add PostHog
+Project roadmap can be found in [Github Projects](https://github.com/users/Mopsior/projects/8/views/2)
 
 ## ☁️ Deployment
 

diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
         "@tailwindcss/vite": "^4.1.18",
         "@tanstack/react-devtools": "^0.7.11",
         "@tanstack/react-form": "^1.27.7",
+        "@tanstack/react-form-devtools": "^0.2.17",
         "@tanstack/react-query": "^5.90.16",
         "@tanstack/react-query-devtools": "^5.91.2",
         "@tanstack/react-router": "^1.147.1",
@@ -37,6 +38,7 @@
         "@tanstack/zod-adapter": "^1.154.7",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "date-fns": "^4.1.0",
         "drizzle-kit": "^0.31.8",
         "drizzle-orm": "^0.45.1",
         "i18next": "^25.7.4",
@@ -46,6 +48,7 @@
         "nitro": "latest",
         "pg": "^8.16.3",
         "react": "^19.2.3",
+        "react-day-picker": "^9.13.2",
         "react-dom": "^19.2.3",
         "react-i18next": "^16.5.1",
         "react-scan": "^0.4.3",
@@ -79,6 +82,11 @@
         "web-vitals": "^5.1.0"
     },
     "packageManager": "pnpm@10.9.0+sha512.0486e394640d3c1fb3c9d43d49cf92879ff74f8516959c235308f5a8f62e2e19528a65cdc2a3058f587cde71eba3d5b56327c8c33a97e4c4051ca48a10ca2d5f",
+    "pnpm": {
+        "patchedDependencies": {
+            "vaul@1.1.2": "patches/vaul.patch"
+        }
+    },
     "lint-staged": {
         "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [
             "biome check --write --no-errors-on-unmatched"

diff --git a/patches/vaul.patch b/patches/vaul.patch
@@ -0,0 +1,36 @@
+diff --git a/dist/index.js b/dist/index.js
+index 7f343be1fafe1cf302ee6afc7268c29490895e34..a4f8181b7321ffc0ff8dd100ce964818d2800b49 100644
+--- a/dist/index.js
++++ b/dist/index.js
+@@ -1633,6 +1633,13 @@ function NestedRoot({ onDrag, onOpenChange, open: nestedIsOpen, ...rest }) {
+     if (!onNestedDrag) {
+         throw new Error('Drawer.NestedRoot must be placed in another drawer');
+     }
++    // Fix for controlled nested drawers stacking effect
++    // https://github.com/emilkowalski/vaul/issues/540
++    React__namespace.default.useEffect(() => {
++        if (nestedIsOpen !== undefined) {
++            onNestedOpenChange(nestedIsOpen);
++        }
++    }, [nestedIsOpen]);
+     return /*#__PURE__*/ React__namespace.default.createElement(Root, {
+         nested: true,
+         open: nestedIsOpen,
+diff --git a/dist/index.mjs b/dist/index.mjs
+index 0dbbce5526681925a81804ced237a045a53c0355..7621c6bf5fc7b31c08af3ceee55da265ac909bdc 100644
+--- a/dist/index.mjs
++++ b/dist/index.mjs
+@@ -1611,6 +1611,13 @@ function NestedRoot({ onDrag, onOpenChange, open: nestedIsOpen, ...rest }) {
+     if (!onNestedDrag) {
+         throw new Error('Drawer.NestedRoot must be placed in another drawer');
+     }
++    // Fix for controlled nested drawers stacking effect
++    // https://github.com/emilkowalski/vaul/issues/540
++    React__default.useEffect(() => {
++        if (nestedIsOpen !== undefined) {
++            onNestedOpenChange(nestedIsOpen);
++        }
++    }, [nestedIsOpen]);
+     return /*#__PURE__*/ React__default.createElement(Root, {
+         nested: true,
+         open: nestedIsOpen,