SRML-64 - imprv: Implement a hover effect for the date range selection

README.md

@@ -14,7 +14,7 @@ Using Force UI as a dependency in package.json -
 
 ```json
 "dependencies": {
-  "@bsf/force-ui": "git+https://github.com/brainstormforce/force-ui#1.3.4"
+  "@bsf/force-ui": "git+https://github.com/brainstormforce/force-ui#1.3.5"
 }
 ```
 
@@ -28,7 +28,7 @@ npm install
 Or you can directly run the following command to install the package -
 
 ```bash
-npm i -S @bsf/force-ui@git+https://github.com/brainstormforce/force-ui.git#1.3.4
+npm i -S @bsf/force-ui@git+https://github.com/brainstormforce/force-ui.git#1.3.5
 ```
 
 <br />

changelog.txt

@@ -1,3 +1,6 @@
+Version 1.3.5 - 6th January, 2025
+- Improvement: Display a light blue color on hover when selecting a date range.
+
 Version 1.3.4 - 31th December, 2024
 - Improvement - Enhanced the UI of the Table and Line chart component for responsive design.
 - Improvement - Added option group to the Select component.

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bsf/force-ui",
-    "version": "1.3.4",
+    "version": "1.3.5",
     "description": "Library of components for the BSF project",
     "main": "./dist/force-ui.js",
     "module": "./dist/force-ui.js",

src/components/badge/badge.tsx

@@ -159,7 +159,7 @@ const Badge = forwardRef<Ref, BadgeProps>(
 						{ icon }
 					</span>
 				) : null }
-				<span className="px-1 truncate">{ label }</span>
+				<span className="px-1 truncate inline-block">{ label }</span>
 				{ closable && (
 					<span
 						className={ cn( buttonClasses, iconSizeClasses[ size ] ) }