diff --git a/README.md b/README.md
index 220263046..d7f7333e4 100644
--- a/README.md
+++ b/README.md
@@ -94,13 +94,13 @@ The quickest way to get started working with Flowbite is to simply include the C
 Require the following minified stylesheet inside the `head` tag:
 
 ```html
-<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.css" rel="stylesheet" />
+<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.css" rel="stylesheet" />
 ```
 
 And include the following javascript file before the end of the `body` tag:
 
 ```html
-<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.js"></script>
 ```
 
 ### Bundled JavaScript
diff --git a/config.yml b/config.yml
index 8e0060dbb..33bf2c320 100644
--- a/config.yml
+++ b/config.yml
@@ -5,7 +5,7 @@ enableInlineShortcodes: true
 
 params:
   homepage: "https://flowbite.com"
-  current_version: 2.2.0
+  current_version: 2.2.1
   authors: Themesberg
   social_image_path: /docs/images/og-image.png
 
diff --git a/content/getting-started/blazor.md b/content/getting-started/blazor.md
index d587c155c..091285e5b 100644
--- a/content/getting-started/blazor.md
+++ b/content/getting-started/blazor.md
@@ -219,7 +219,7 @@ module.exports = {
 
 ```bash
     <!-- ... -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.js"></script>
   </body>
 </html>
 ```
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index a5fa083df..d9b74b21e 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -1,6 +1,6 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"
     integrity="sha512-axJX7DJduStuBB8ePC8ryGzacZPr3rdLaIDZitiEgWWk2gsXxEFlm4UW0iNzj2h3wp5mOylgHAzBzM4nRSvTZA=="
     crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="{{ .Site.BaseURL }}flowbite.min.js?v=2.2.0a"></script>
-<script src="{{ .Site.BaseURL }}datepicker.min.js?v=2.2.0a"></script>
-<script src="{{ .Site.BaseURL }}docs.js?v=2.2.0a"></script>
\ No newline at end of file
+<script src="{{ .Site.BaseURL }}flowbite.min.js?v=2.2.1a"></script>
+<script src="{{ .Site.BaseURL }}datepicker.min.js?v=2.2.1a"></script>
+<script src="{{ .Site.BaseURL }}docs.js?v=2.2.1a"></script>
\ No newline at end of file
diff --git a/layouts/partials/stylesheet.html b/layouts/partials/stylesheet.html
index 716cd0245..3b6523ee4 100644
--- a/layouts/partials/stylesheet.html
+++ b/layouts/partials/stylesheet.html
@@ -3,5 +3,5 @@
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css" integrity="sha512-tN7Ec6zAFaVSG3TpNAKtk4DOHNpSwKHxxrsiw4GHKESGPs5njn/0sMCUMl2svV4wo4BK/rCP7juYz+zx+l6oeQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@alpha" />
-<link rel="stylesheet" href="{{ .Site.BaseURL }}flowbite.css?v=2.2.0a">
-<link rel="stylesheet" href="{{ .Site.BaseURL }}docs.css?v=2.2.0a">
\ No newline at end of file
+<link rel="stylesheet" href="{{ .Site.BaseURL }}flowbite.css?v=2.2.1a">
+<link rel="stylesheet" href="{{ .Site.BaseURL }}docs.css?v=2.2.1a">
\ No newline at end of file
diff --git a/layouts/shortcodes/example.html b/layouts/shortcodes/example.html
index 2c2d8e229..14897e899 100644
--- a/layouts/shortcodes/example.html
+++ b/layouts/shortcodes/example.html
@@ -102,7 +102,7 @@
   <div class="code-preview-wrapper">
     <div{{ with .Get "id" }} id="{{ . }}"{{ end }} class="flex p-0 bg-white border-gray-200 bg-gradient-to-r code-preview dark:bg-gray-900 border-x dark:border-gray-600">
       <div class="w-full code-responsive-wrapper">
-        <iframe {{ if $id }}title="{{ replace $id "-" " "}}"{{ end }} class="w-full h-0 mx-auto bg-white dark:bg-gray-900 iframe-code" {{ if $iframeMaxHeight }}style='max-height: {{  sub (int $iframeMaxHeight) 40 }}px'{{ end }} srcdoc="<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><link rel='preconnect' href='https://fonts.googleapis.com'><link rel='preconnect' href='https://fonts.gstatic.com' crossorigin><link href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap' rel='stylesheet'><link rel='stylesheet' href='{{ .Site.BaseURL }}flowbite.css?v=2.2.0a'></head><body {{ if $iframeHeight }}style='height: {{  sub (int $iframeHeight) 40 }}px'{{ end }} class='p-5 bg-white dark:bg-gray-900 antialiased {{ if $bodyClass }}{{ $bodyClass }}{{ end }}'><div id='exampleWrapper' class='{{ if $class }}{{ $class }}{{ end }}'>{{- $input | safeHTMLAttr -}}{{ if $skeletonPlaceholders }}{{ $skeletonPlaceholdersMarkup }}{{ end }}</div><script src='{{ .Site.BaseURL }}flowbite.min.js'></script><script src='{{ .Site.BaseURL }}datepicker.min.js'></script>{{ if $charts }}<script src='https://cdn.jsdelivr.net/npm/apexcharts'></script>{{ end }}<script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})}); {{ if not $disable_init_js }} const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); } {{ if $initDatepicker }} const datepickerEl = document.querySelector('[datepicker]'); if (datepickerEl) { datepickerEl.focus({preventScroll: true}); } {{ end }} const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); } {{ end }} }</script></body></html>" frameborder="0"></iframe>
+        <iframe {{ if $id }}title="{{ replace $id "-" " "}}"{{ end }} class="w-full h-0 mx-auto bg-white dark:bg-gray-900 iframe-code" {{ if $iframeMaxHeight }}style='max-height: {{  sub (int $iframeMaxHeight) 40 }}px'{{ end }} srcdoc="<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-scale=1.0'><link rel='preconnect' href='https://fonts.googleapis.com'><link rel='preconnect' href='https://fonts.gstatic.com' crossorigin><link href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap' rel='stylesheet'><link rel='stylesheet' href='{{ .Site.BaseURL }}flowbite.css?v=2.2.1a'></head><body {{ if $iframeHeight }}style='height: {{  sub (int $iframeHeight) 40 }}px'{{ end }} class='p-5 bg-white dark:bg-gray-900 antialiased {{ if $bodyClass }}{{ $bodyClass }}{{ end }}'><div id='exampleWrapper' class='{{ if $class }}{{ $class }}{{ end }}'>{{- $input | safeHTMLAttr -}}{{ if $skeletonPlaceholders }}{{ $skeletonPlaceholdersMarkup }}{{ end }}</div><script src='{{ .Site.BaseURL }}flowbite.min.js'></script><script src='{{ .Site.BaseURL }}datepicker.min.js'></script>{{ if $charts }}<script src='https://cdn.jsdelivr.net/npm/apexcharts'></script>{{ end }}<script>window.onload = function () { const anchorTags = document.querySelectorAll('a'); anchorTags.forEach(function(a){a.addEventListener('click', function(ev){ev.preventDefault();})}); {{ if not $disable_init_js }} const dropdownEl = document.querySelector('[data-dropdown-toggle]'); if (dropdownEl) {dropdownEl.click();} const modalEl = document.querySelector('[data-modal-toggle]'); if(modalEl) {modalEl.click(); } {{ if $initDatepicker }} const datepickerEl = document.querySelector('[datepicker]'); if (datepickerEl) { datepickerEl.focus({preventScroll: true}); } {{ end }} const dateRangePickerEl = document.querySelector('[data-rangepicker] input'); if (dateRangePickerEl) { dateRangePickerEl.focus(); } const drawerEl = document.querySelector('[data-drawer-show]'); if (drawerEl) { drawerEl.click(); } {{ end }} }</script></body></html>" frameborder="0"></iframe>
         <div class="flex items-center justify-center w-full p-5 bg-white dark:bg-gray-900" data-component-loader>
           <div role="status">
             <svg aria-hidden="true" class="w-8 h-8 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/package-lock.json b/package-lock.json
index 490220a84..f23b8545c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,7 +30,7 @@
         "eslint-plugin-prettier": "^4.2.1",
         "eslint-plugin-tailwindcss": "^3.7.1",
         "file-loader": "^6.2.0",
-        "flowbite-datepicker": "^1.2.5",
+        "flowbite-datepicker": "^1.2.6",
         "mini-css-extract-plugin": "^1.3.3",
         "npm-run-all": "^4.1.5",
         "postcss": "^8.3.6",
@@ -5310,9 +5310,9 @@
       }
     },
     "node_modules/flowbite-datepicker": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/flowbite-datepicker/-/flowbite-datepicker-1.2.5.tgz",
-      "integrity": "sha512-jkFYLIO6a07l9dGksc3vKc6ukyQ5O7C+vR7Z7CELa13FtbT7z1cpusL8a8Am8W+MsELDxvecIlBdDt0mY2Q63A==",
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/flowbite-datepicker/-/flowbite-datepicker-1.2.6.tgz",
+      "integrity": "sha512-UbU/xXs9HFiwWfL4M1vpwIo8EpS0NUQSOvYnp0Z9u3N118nU7lPFGoUOq7su9d0aOJy9FssXzx1SZwN8MXhE1g==",
       "dev": true,
       "dependencies": {
         "flowbite": "^2.0.0"
@@ -15862,9 +15862,9 @@
       }
     },
     "flowbite-datepicker": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/flowbite-datepicker/-/flowbite-datepicker-1.2.5.tgz",
-      "integrity": "sha512-jkFYLIO6a07l9dGksc3vKc6ukyQ5O7C+vR7Z7CELa13FtbT7z1cpusL8a8Am8W+MsELDxvecIlBdDt0mY2Q63A==",
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/flowbite-datepicker/-/flowbite-datepicker-1.2.6.tgz",
+      "integrity": "sha512-UbU/xXs9HFiwWfL4M1vpwIo8EpS0NUQSOvYnp0Z9u3N118nU7lPFGoUOq7su9d0aOJy9FssXzx1SZwN8MXhE1g==",
       "dev": true,
       "requires": {
         "flowbite": "^2.0.0"
diff --git a/package.json b/package.json
index d1f1e7394..6f827537a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flowbite",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "The most popular library of interactive components built with Tailwind CSS",
   "keywords": [
     "flowbite",
@@ -85,7 +85,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-tailwindcss": "^3.7.1",
     "file-loader": "^6.2.0",
-    "flowbite-datepicker": "^1.2.5",
+    "flowbite-datepicker": "^1.2.6",
     "mini-css-extract-plugin": "^1.3.3",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.3.6",