diff --git a/bun.lock b/bun.lock
index 302605dfc..57b36245b 100644
--- a/bun.lock
+++ b/bun.lock
@@ -109,7 +109,7 @@
     },
     "packages/ui": {
       "name": "flowbite-react",
-      "version": "0.12.13",
+      "version": "0.12.15",
       "bin": {
         "flowbite-react": "./dist/cli/bin.js",
       },
diff --git a/packages/ui/schema.json b/packages/ui/schema.json
index 0d43ff966..739d1c003 100644
--- a/packages/ui/schema.json
+++ b/packages/ui/schema.json
@@ -9,109 +9,109 @@
         "type": "string",
         "enum": [
           "*",
-          "Accordion",
-          "AccordionContent",
-          "AccordionTitle",
-          "Alert",
-          "Avatar",
-          "AvatarGroup",
-          "AvatarGroupCounter",
-          "Badge",
-          "Banner",
-          "BannerCollapseButton",
-          "Blockquote",
-          "Breadcrumb",
-          "BreadcrumbItem",
-          "Button",
-          "ButtonGroup",
-          "Card",
-          "Carousel",
-          "Checkbox",
-          "Clipboard",
-          "ClipboardWithIcon",
-          "ClipboardWithIconText",
-          "DarkThemeToggle",
-          "Datepicker",
-          "Drawer",
-          "DrawerHeader",
-          "DrawerItems",
-          "Dropdown",
-          "DropdownDivider",
-          "DropdownHeader",
-          "DropdownItem",
-          "FileInput",
-          "FloatingLabel",
-          "Footer",
-          "FooterBrand",
-          "FooterCopyright",
-          "FooterDivider",
-          "FooterIcon",
-          "FooterLink",
-          "FooterLinkGroup",
-          "FooterTitle",
-          "HR",
-          "HRIcon",
-          "HRSquare",
-          "HRText",
-          "HRTrimmed",
-          "HelperText",
-          "Kbd",
-          "Label",
-          "List",
-          "ListItem",
-          "ListGroup",
-          "ListGroupItem",
-          "MegaMenu",
-          "MegaMenuDropdown",
-          "MegaMenuDropdownToggle",
-          "Modal",
-          "ModalBody",
-          "ModalFooter",
-          "ModalHeader",
-          "Navbar",
-          "NavbarBrand",
-          "NavbarCollapse",
-          "NavbarLink",
-          "NavbarToggle",
-          "Pagination",
-          "PaginationButton",
-          "Popover",
-          "Progress",
-          "Radio",
-          "RangeSlider",
-          "Rating",
-          "RatingAdvanced",
-          "RatingStar",
-          "Select",
-          "Sidebar",
-          "SidebarCTA",
-          "SidebarCollapse",
-          "SidebarItem",
-          "SidebarItemGroup",
-          "SidebarItems",
-          "SidebarLogo",
-          "Spinner",
-          "Table",
-          "TableBody",
-          "TableCell",
-          "TableHead",
-          "TableHeadCell",
-          "TableRow",
-          "TabItem",
-          "Tabs",
-          "TextInput",
-          "Textarea",
-          "Timeline",
-          "TimelineBody",
-          "TimelineContent",
-          "TimelineItem",
-          "TimelinePoint",
-          "TimelineTime",
-          "TimelineTitle",
-          "Toast",
-          "ToastToggle",
-          "ToggleSwitch",
-          "Tooltip"
+          "src\\components\\Accordion\\Accordion",
+          "src\\components\\Accordion\\AccordionContent",
+          "src\\components\\Accordion\\AccordionTitle",
+          "src\\components\\Alert\\Alert",
+          "src\\components\\Avatar\\Avatar",
+          "src\\components\\Avatar\\AvatarGroup",
+          "src\\components\\Avatar\\AvatarGroupCounter",
+          "src\\components\\Badge\\Badge",
+          "src\\components\\Banner\\Banner",
+          "src\\components\\Banner\\BannerCollapseButton",
+          "src\\components\\Blockquote\\Blockquote",
+          "src\\components\\Breadcrumb\\Breadcrumb",
+          "src\\components\\Breadcrumb\\BreadcrumbItem",
+          "src\\components\\Button\\Button",
+          "src\\components\\Button\\ButtonGroup",
+          "src\\components\\Card\\Card",
+          "src\\components\\Carousel\\Carousel",
+          "src\\components\\Checkbox\\Checkbox",
+          "src\\components\\Clipboard\\Clipboard",
+          "src\\components\\Clipboard\\ClipboardWithIcon",
+          "src\\components\\Clipboard\\ClipboardWithIconText",
+          "src\\components\\DarkThemeToggle\\DarkThemeToggle",
+          "src\\components\\Datepicker\\Datepicker",
+          "src\\components\\Drawer\\Drawer",
+          "src\\components\\Drawer\\DrawerHeader",
+          "src\\components\\Drawer\\DrawerItems",
+          "src\\components\\Dropdown\\Dropdown",
+          "src\\components\\Dropdown\\DropdownDivider",
+          "src\\components\\Dropdown\\DropdownHeader",
+          "src\\components\\Dropdown\\DropdownItem",
+          "src\\components\\FileInput\\FileInput",
+          "src\\components\\FloatingLabel\\FloatingLabel",
+          "src\\components\\Footer\\Footer",
+          "src\\components\\Footer\\FooterBrand",
+          "src\\components\\Footer\\FooterCopyright",
+          "src\\components\\Footer\\FooterDivider",
+          "src\\components\\Footer\\FooterIcon",
+          "src\\components\\Footer\\FooterLink",
+          "src\\components\\Footer\\FooterLinkGroup",
+          "src\\components\\Footer\\FooterTitle",
+          "src\\components\\HR\\HR",
+          "src\\components\\HR\\HRIcon",
+          "src\\components\\HR\\HRSquare",
+          "src\\components\\HR\\HRText",
+          "src\\components\\HR\\HRTrimmed",
+          "src\\components\\HelperText\\HelperText",
+          "src\\components\\Kbd\\Kbd",
+          "src\\components\\Label\\Label",
+          "src\\components\\ListGroup\\ListGroup",
+          "src\\components\\ListGroup\\ListGroupItem",
+          "src\\components\\List\\List",
+          "src\\components\\List\\ListItem",
+          "src\\components\\MegaMenu\\MegaMenu",
+          "src\\components\\MegaMenu\\MegaMenuDropdown",
+          "src\\components\\MegaMenu\\MegaMenuDropdownToggle",
+          "src\\components\\Modal\\Modal",
+          "src\\components\\Modal\\ModalBody",
+          "src\\components\\Modal\\ModalFooter",
+          "src\\components\\Modal\\ModalHeader",
+          "src\\components\\Navbar\\Navbar",
+          "src\\components\\Navbar\\NavbarBrand",
+          "src\\components\\Navbar\\NavbarCollapse",
+          "src\\components\\Navbar\\NavbarLink",
+          "src\\components\\Navbar\\NavbarToggle",
+          "src\\components\\Pagination\\Pagination",
+          "src\\components\\Pagination\\PaginationButton",
+          "src\\components\\Popover\\Popover",
+          "src\\components\\Progress\\Progress",
+          "src\\components\\Radio\\Radio",
+          "src\\components\\RangeSlider\\RangeSlider",
+          "src\\components\\Rating\\Rating",
+          "src\\components\\Rating\\RatingAdvanced",
+          "src\\components\\Rating\\RatingStar",
+          "src\\components\\Select\\Select",
+          "src\\components\\Sidebar\\Sidebar",
+          "src\\components\\Sidebar\\SidebarCTA",
+          "src\\components\\Sidebar\\SidebarCollapse",
+          "src\\components\\Sidebar\\SidebarItem",
+          "src\\components\\Sidebar\\SidebarItemGroup",
+          "src\\components\\Sidebar\\SidebarItems",
+          "src\\components\\Sidebar\\SidebarLogo",
+          "src\\components\\Spinner\\Spinner",
+          "src\\components\\Table\\Table",
+          "src\\components\\Table\\TableBody",
+          "src\\components\\Table\\TableCell",
+          "src\\components\\Table\\TableHead",
+          "src\\components\\Table\\TableHeadCell",
+          "src\\components\\Table\\TableRow",
+          "src\\components\\Tabs\\TabItem",
+          "src\\components\\Tabs\\Tabs",
+          "src\\components\\TextInput\\TextInput",
+          "src\\components\\Textarea\\Textarea",
+          "src\\components\\Timeline\\Timeline",
+          "src\\components\\Timeline\\TimelineBody",
+          "src\\components\\Timeline\\TimelineContent",
+          "src\\components\\Timeline\\TimelineItem",
+          "src\\components\\Timeline\\TimelinePoint",
+          "src\\components\\Timeline\\TimelineTime",
+          "src\\components\\Timeline\\TimelineTitle",
+          "src\\components\\Toast\\Toast",
+          "src\\components\\Toast\\ToastToggle",
+          "src\\components\\ToggleSwitch\\ToggleSwitch",
+          "src\\components\\Tooltip\\Tooltip"
         ]
       },
       "uniqueItems": true
diff --git a/packages/ui/src/components/Datepicker/Views/Days.tsx b/packages/ui/src/components/Datepicker/Views/Days.tsx
index f91a0843f..c2671a4dc 100644
--- a/packages/ui/src/components/Datepicker/Views/Days.tsx
+++ b/packages/ui/src/components/Datepicker/Views/Days.tsx
@@ -25,6 +25,7 @@ export interface DatepickerViewsDaysTheme {
       selected: string;
       disabled: string;
       today: string;
+      outside: string;
     };
   };
 }
@@ -66,6 +67,8 @@ export function DatepickerViewsDays() {
             !isDateInRange(currentDate, minDate, maxDate) || (filterDate && !filterDate(currentDate, Views.Days));
           const isToday = isDateToday(currentDate);
 
+          const isOutOfMonth = currentDate.getMonth() !== viewDate.getMonth();
+
           return (
             <button
               disabled={isDisabled}
@@ -76,6 +79,7 @@ export function DatepickerViewsDays() {
                 isToday && theme.items.item.today,
                 isSelected && theme.items.item.selected,
                 isDisabled && theme.items.item.disabled,
+                isOutOfMonth && !isSelected && !isDisabled && theme.items.item.outside,
               )}
               onClick={() => {
                 if (isDisabled) return;
diff --git a/packages/ui/src/components/Datepicker/theme.ts b/packages/ui/src/components/Datepicker/theme.ts
index e3394257b..ad18a1db7 100644
--- a/packages/ui/src/components/Datepicker/theme.ts
+++ b/packages/ui/src/components/Datepicker/theme.ts
@@ -50,6 +50,7 @@ export const datePickerTheme = createTheme<DatepickerTheme>({
           selected: "bg-primary-700 text-white hover:bg-primary-600",
           disabled: "text-gray-500",
           today: "",
+          outside: "text-gray-500 opacity-40",
         },
       },
     },