fix(ui5-calendar, ui5-daterange-picker): align range selection stylin…

…g with vd specification (#8585)

align range selection styling to VD specification

packages/main/src/themes/DayPicker.css

@@ -223,11 +223,8 @@
 	outline: none;
 }
 
-.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext,
-.ui5-dp-item[hovered] .ui5-dp-daytext {
-	border: var(--_ui5_daypicker_item_select_between_border);
+.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext {
 	border-radius: var(--_ui5_daypicker_item_border_radius);
-	background-color: var(--_ui5_daypicker_item_selected_between_text_background);
 	color: var(--sapTextColor);
 	font-weight: var(--_ui5_daypicker_item_selected_between_text_font);
 }
@@ -240,8 +237,8 @@
 	border-radius: var(--_ui5_daypicker_item_now_selected_between_border_radius);
 }
 
-.ui5-dp-item.ui5-dp-item--selected-between,
-.ui5-dp-item[hovered] {
+.ui5-dp-item.ui5-dp-item--selected-between {
+	border: var(--_ui5_daypicker_item_select_between_border);
 	border-radius: var(--_ui5_daypicker_item_selected_between_border);
 	background: var(--_ui5_daypicker_item_selected_between_background);
 }

packages/main/src/themes/base/DayPicker-parameters.css

@@ -31,11 +31,11 @@
 	--_ui5_daypicker_item_now_outline: none;
 	--_ui5_daypicker_item_now_outline_offset: none;
 	--_ui5_daypicker_item_now_outline_offset_focus_after: var(--_ui5_daypicker_item_now_outline_offset);
-	--_ui5_daypicker_item_selected_between_border: 5%;
-	--_ui5_daypicker_item_selected_between_background: transparent;
+	--_ui5_daypicker_item_selected_between_border: 0.25rem;
+	--_ui5_daypicker_item_selected_between_background: var(--sapList_SelectionBackgroundColor);
 	--_ui5_daypicker_item_selected_between_text_background: var(--sapList_SelectionBackgroundColor);
 	--_ui5_daypicker_item_selected_between_text_font: inherit;
-	--_ui5_daypicker_item_selected_between_hover_background: inherit;
+	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);
 	--_ui5_daypicker_item_selected_text_outline: none;
 	--_ui5_daypicker_item_now_not_selected_inset: 0;

packages/main/src/themes/sap_horizon/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;

packages/main/src/themes/sap_horizon_dark/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;

packages/main/src/themes/sap_horizon_dark_exp/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;

packages/main/src/themes/sap_horizon_exp/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;

packages/main/src/themes/sap_horizon_hcb/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;

packages/main/src/themes/sap_horizon_hcb_exp/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;

packages/main/src/themes/sap_horizon_hcw/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;

packages/main/src/themes/sap_horizon_hcw_exp/DayPicker-parameters.css

@@ -25,7 +25,6 @@
 	--_ui5_daypicker_item_selected_between_text_background: transparent;
 	--_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily);
 	--_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily);
-	--_ui5_daypicker_item_selected_between_hover_background: var(--sapList_Hover_SelectionBackground);
 	--_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background);
 	--_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor);
 	--_ui5_daypicker_item_now_selected_outline_offset: -0.25rem;