Update datepicker & version bump to v1.4.6.

themesberg · May 20, 2022 · fe31e22 · fe31e22
1 parent aa77870
commit fe31e22
Show file tree

Hide file tree

Showing 8 changed files with 77 additions and 75 deletions.
diff --git a/config.yml b/config.yml
@@ -5,7 +5,7 @@ baseURL:                "https://flowbite.com/docs/"
 enableInlineShortcodes: true
 
 params:
-  current_version: 1.4.5
+  current_version: 1.4.6
   authors: Themesberg
   social_image_path: /docs/images/og-image.png
 

diff --git a/content/getting-started/changelog.md b/content/getting-started/changelog.md
@@ -15,6 +15,11 @@ nextLink: customize/configuration/
 
 We strive to keep a good accountability of all of the version changes that we make for the Flowbite library.
 
+### v1.4.6
+
+- fix datepicker colors issues on dark mode
+- fix datepicker range selector issues
+
 ### v1.4.5
 
 - show navbar search input on mobile devices

diff --git a/content/plugins/datepicker.md b/content/plugins/datepicker.md
@@ -153,13 +153,13 @@ If you would like to enable dark mode for the datepicker please follow the [dark
 If you want to use the **Tailwind Datepicker** plugin using JavaScript you will need to include it into your project via NPM:
 
 ```bash
-npm i @themesberg/tailwind-datepicker --save
+npm i flowbite-datepicker --save
 ```
 
 After you've installed the NPM library, you will need to import the `Datepicker` module:
 
 ```javascript
-import Datepicker from '@themesberg/tailwind-datepicker/Datepicker';
+import Datepicker from 'flowbite-datepicker/Datepicker';
 ```
 
 Initialize a new element using the `Datepicker` constructor and optionally add custom options based on your needs:
@@ -174,7 +174,7 @@ new Datepicker(datepickerEl, {
 If you want to use the **Tailwind Date Range Picker** you have to import the `DateRangePicker` module:
 
 ```javascript
-import DateRangePicker from '@themesberg/tailwind-datepicker/DateRangePicker';
+import DateRangePicker from 'flowbite-datepicker/DateRangePicker';
 ```
 
 Then in the same fashion you can initalize a date range picker component by using the `DateRangePicker` constructor:

diff --git 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.js?v=1.4.5a"></script>
-<script src="{{ .Site.BaseURL }}datepicker.js?v=1.4.5a"></script>
-<script src="{{ .Site.BaseURL }}docs.js?v=1.4.5a"></script>
+<script src="{{ .Site.BaseURL }}flowbite.js?v=1.4.6a"></script>
+<script src="{{ .Site.BaseURL }}datepicker.js?v=1.4.6a"></script>
+<script src="{{ .Site.BaseURL }}docs.js?v=1.4.6a"></script>
diff --git 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=1.4.5a">
-<link rel="stylesheet" href="{{ .Site.BaseURL }}docs.css?v=1.4.5a">
+<link rel="stylesheet" href="{{ .Site.BaseURL }}flowbite.css?v=1.4.6a">
+<link rel="stylesheet" href="{{ .Site.BaseURL }}docs.css?v=1.4.6a">
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flowbite",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "description": "The most popular library of interactive components built with Tailwind CSS",
   "keywords": [
     "flowbite",
@@ -45,7 +45,7 @@
     "@babel/core": "^7.14.8",
     "@babel/preset-env": "^7.14.8",
     "@docsearch/js": "^3.0.0-alpha.42",
-    "@themesberg/tailwind-datepicker": "^1.1.0",
+    "flowbite-datepicker": "^1.2.1",
     "autoprefixer": "^10.3.3",
     "babel-loader": "^8.2.2",
     "copyfiles": "^2.4.1",

diff --git a/src/plugins/datepicker.js b/src/plugins/datepicker.js
@@ -1,5 +1,5 @@
-import Datepicker from '@themesberg/tailwind-datepicker/Datepicker';
-import DateRangePicker from '@themesberg/tailwind-datepicker/DateRangePicker';
+import Datepicker from 'flowbite-datepicker/Datepicker';
+import DateRangePicker from 'flowbite-datepicker/DateRangePicker';
 
 const getDatepickerOptions = (datepickerEl) => {