fix: datepicker type

Author: shinokada

src/lib/datepicker/Datepicker.svelte

@@ -13,7 +13,7 @@
     rangeFrom = $bindable(),
     rangeTo = $bindable(),
     locale = "default",
-    firstDayOfWeek = 0, // 0 = Monday, 6 = Sunday
+    firstDayOfWeek = 0,
     dateFormat = { year: "numeric", month: "long", day: "numeric" },
     placeholder = "Select date",
     disabled = false,
@@ -247,9 +247,4 @@
   {/if}
 </div>
 
-<!--
-@component
-[Go to docs](https://flowbite-svelte-next.com/)
-## Props
-@props: 
--->
+

src/lib/types.ts

@@ -446,21 +446,21 @@ export type DateOrRange = Date | { from?: Date; to?: Date };
 export interface DatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onselect"> {
   value?: Date;
   defaultDate?: Date | null;
-  range: boolean;
+  range?: boolean;
   rangeFrom?: Date;
   rangeTo?: Date;
-  locale: string;
-  firstDayOfWeek: number;
-  dateFormat: Intl.DateTimeFormatOptions;
-  placeholder: string;
-  disabled: boolean;
-  required: boolean;
-  inputClass: string;
-  color: ButtonProps["color"];
-  inline: boolean;
-  autohide: boolean;
-  showActionButtons: boolean;
-  title: string;
+  locale?: string;
+  firstDayOfWeek?: number;
+  dateFormat?: Intl.DateTimeFormatOptions;
+  placeholder?: string;
+  disabled?: boolean;
+  required?: boolean;
+  inputClass?: string;
+  color?: ButtonProps["color"];
+  inline?: boolean;
+  autohide?: boolean;
+  showActionButtons?: boolean;
+  title?: string;
   onselect?: (x: DateOrRange) => void;
   onclear?: () => void;
   onapply?: (x: DateOrRange) => void;

src/routes/docs/typography/link.md

@@ -129,11 +129,11 @@ This example can be used to set a hyperlink on an image inside a card component.
 
 <Card img="/images/image-1.webp" href="/cards">
   <div class="m-6">
-  <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
-  <p class="mb-3 leading-tight font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
-  <Button>
-    Read more <ArrowRightOutline class="ms-2 h-6 w-6" />
-  </Button>
+    <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Noteworthy technology acquisitions 2021</h5>
+    <p class="mb-3 leading-tight font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
+    <Button>
+      Read more <ArrowRightOutline class="ms-2 h-6 w-6" />
+    </Button>
   </div>
 </Card>
 ```