diff --git a/apps/docs/content/components/date-picker/disabled.ts b/apps/docs/content/components/date-picker/disabled.ts
index 35ac2d8809..d6c59845d6 100644
--- a/apps/docs/content/components/date-picker/disabled.ts
+++ b/apps/docs/content/components/date-picker/disabled.ts
@@ -6,7 +6,7 @@ export default function App() {
         <DatePicker 
           label="Birth date"
           className="max-w-[284px]"
-          isReadOnly
+          isDisabled
         />
     </div>
   );
diff --git a/apps/docs/content/components/date-picker/granularity.ts b/apps/docs/content/components/date-picker/granularity.ts
index 8f74d37aed..96e6a6656c 100644
--- a/apps/docs/content/components/date-picker/granularity.ts
+++ b/apps/docs/content/components/date-picker/granularity.ts
@@ -1,6 +1,5 @@
 const App = `import {DatePicker} from "@nextui-org/react";
 import {now, parseAbsoluteToLocal} from "@internationalized/date";
-import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
   let [date, setDate] = React.useState(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
@@ -34,7 +33,6 @@ export default function App() {
 
 const AppTs = `import {DatePicker} from "@nextui-org/react";
 import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
-import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
   let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));