refactor: update dependencies and fix linting issues

- Update "next" package to version 15.0.0-canary.195
- Update "eslint-config-next" package to version 15.0.0-canary.195
- Fix linting issues in "DayButton" component

Author: thevuong

apps/docs/package.json

@@ -29,7 +29,7 @@
     "jotai": "^2.10.1",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.447.0",
-    "next": "15.0.0-rc.1",
+    "next": "15.0.0-canary.195",
     "react": "19.0.0-rc-cd22717c-20241013",
     "react-dom": "19.0.0-rc-cd22717c-20241013",
     "react-hook-form": "^7.53.0",
@@ -57,7 +57,7 @@
     "chromatic": "^11.12.0",
     "concurrently": "^9.0.1",
     "eslint": "^8.57.1",
-    "eslint-config-next": "^14.2.15",
+    "eslint-config-next": "15.0.0-canary.195",
     "eslint-config-turbo": "^2.1.3",
     "eslint-plugin-storybook": "^0.9.0",
     "postcss": "^8.4.47",

packages/ui/src/components/calendar.tsx

@@ -19,6 +19,7 @@ import {
   DayPicker,
   type DayPickerProps,
   type Matcher,
+  type Modifiers,
   SelectionState,
   UI,
 } from 'react-day-picker';
@@ -57,12 +58,15 @@ function Chevron({
  * Component: DayButton
  * -------------------------------------------------------------------------- */
 
+interface DayButtonProps extends ComponentProps<'button'> {
+  modifiers: Modifiers;
+}
+
 function DayButton({
-  day: _,
   modifiers,
   className,
   ...props
-}: ComponentProps<CustomComponents['DayButton']>): JSX.Element {
+}: DayButtonProps): JSX.Element {
   const buttonRef = useRef<HTMLButtonElement>(null);
 
   useEffect(() => {