Formate corrected

Author: SharfMohiuddin

docusaurus/docs/date-picker/input-date-picker.md

@@ -9,10 +9,10 @@ The input date picker provides a text field allowing for a date to be input or t
 ## Usage
 
 ```jsx
-import React from 'react'
-import { View, Text } from 'react-native'
-import { DatePickerInput } from 'react-native-paper-dates'
-import { SafeAreaProvider } from 'react-native-safe-area-context'
+import React from "react";
+import { View, Text } from "react-native";
+import { DatePickerInput } from 'react-native-paper-dates';
+import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function App() {
   const [inputDate, setInputDate] = React.useState(undefined)

docusaurus/docs/date-picker/multiple-dates-picker.md

@@ -9,25 +9,25 @@ The multiple dates picker provides a modal allowing for multiple dates selection
 ## Usage
 
 ```jsx
-import React from 'react'
-import { View, Text } from 'react-native'
-import { Button } from 'react-native-paper'
-import { DatePickerModal } from 'react-native-paper-dates'
-import { SafeAreaProvider } from 'react-native-safe-area-context'
+import React from "react";
+import { View, Text } from "react-native";
+import { Button } from 'react-native-paper';
+import { DatePickerModal } from 'react-native-paper-dates';
+import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function App() {
-  const [dates, setDates] = React.useState()
-  const [open, setOpen] = React.useState(false)
+  const [dates, setDates] = React.useState();
+  const [open, setOpen] = React.useState(false);
 
   const onDismiss = React.useCallback(() => {
-    setOpen(false)
-  }, [setOpen])
+    setOpen(false);
+  }, [setOpen]);
 
   const onConfirm = React.useCallback((params) => {
-    setOpen(false)
-    setDates(params.dates)
-    console.log('[on-change-multi]', params)
-  }, [])
+    setOpen(false);
+    setDates(params.dates);
+    console.log('[on-change-multi]', params);
+  }, []);
 
   return (
     <SafeAreaProvider>

docusaurus/docs/date-picker/range-date-picker.md

@@ -9,30 +9,27 @@ The range date picker provides a modal allowing the selection of a date range.
 ## Usage
 
 ```jsx
-import React from 'react'
-import { View, Text } from 'react-native'
-import { Button } from 'react-native-paper'
-import { DatePickerModal } from 'react-native-paper-dates'
-import { SafeAreaProvider } from 'react-native-safe-area-context'
+import React from "react";
+import { View, Text } from "react-native";
+import { Button } from 'react-native-paper';
+import { DatePickerModal } from 'react-native-paper-dates';
+import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function App() {
-  const [range, setRange] = React.useState({
-    startDate: undefined,
-    endDate: undefined,
-  })
-  const [open, setOpen] = React.useState(false)
+  const [range, setRange] = React.useState({ startDate: undefined, endDate: undefined });
+  const [open, setOpen] = React.useState(false);
 
-  const onDismiss = React.useCallback(() => {
-    setOpen(false)
-  }, [setOpen])
+   const onDismiss = React.useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
 
-  const onConfirm = React.useCallback(
+ const onConfirm = React.useCallback(
     ({ startDate, endDate }) => {
-      setOpen(false)
-      setRange({ startDate, endDate })
+      setOpen(false);
+      setRange({ startDate, endDate });
     },
     [setOpen, setRange]
-  )
+  );
 
   return (
     <SafeAreaProvider>

docusaurus/docs/date-picker/single-date-picker.md

@@ -9,27 +9,27 @@ The single date picker provides a modal allowing only a single date selection.
 ## Usage
 
 ```jsx
-import React from 'react'
-import { View, Text } from 'react-native'
-import { Button } from 'react-native-paper'
-import { DatePickerModal } from 'react-native-paper-dates'
-import { SafeAreaProvider } from 'react-native-safe-area-context'
+import React from "react";
+import { View, Text } from "react-native";
+import { Button } from 'react-native-paper';
+import { DatePickerModal } from 'react-native-paper-dates';
+import { SafeAreaProvider } from "react-native-safe-area-context";
 
 export default function App() {
-  const [date, setDate] = React.useState(undefined)
-  const [open, setOpen] = React.useState(false)
+  const [date, setDate] = React.useState(undefined);
+  const [open, setOpen] = React.useState(false);
 
   const onDismissSingle = React.useCallback(() => {
-    setOpen(false)
-  }, [setOpen])
+    setOpen(false);
+  }, [setOpen]);
 
   const onConfirmSingle = React.useCallback(
     (params) => {
-      setOpen(false)
-      setDate(params.date)
+      setOpen(false);
+      setDate(params.date);
     },
     [setOpen, setDate]
-  )
+  );
 
   return (
     <SafeAreaProvider>