docs(datetime): add new css variable for styling picker (#3303)

brandyscarney · web-flow · commit f352ae4d1295 · 2023-12-12T10:58:56.000-05:00
diff --git a/static/usage/v8/datetime/styling/wheel-styling/angular/example_component_css.md b/static/usage/v8/datetime/styling/wheel-styling/angular/example_component_css.md
@@ -3,6 +3,7 @@ ion-datetime {
   --background: rgb(245, 235, 247);
   --background-rgb: 245, 235, 247;
   --wheel-highlight-background: rgb(218, 216, 255);
+  --wheel-highlight-border-radius: 48px;
   --wheel-fade-background-rgb: 245, 235, 247;
 }
 
diff --git a/static/usage/v8/datetime/styling/wheel-styling/demo.html b/static/usage/v8/datetime/styling/wheel-styling/demo.html
@@ -14,6 +14,7 @@
         --background: rgb(245, 235, 247);
         --background-rgb: 245, 235, 247;
         --wheel-highlight-background: rgb(218, 216, 255);
+        --wheel-highlight-border-radius: 48px;
         --wheel-fade-background-rgb: 245, 235, 247;
       }
 
diff --git a/static/usage/v8/datetime/styling/wheel-styling/javascript.md b/static/usage/v8/datetime/styling/wheel-styling/javascript.md
@@ -4,6 +4,7 @@
     --background: rgb(245, 235, 247);
     --background-rgb: 245, 235, 247;
     --wheel-highlight-background: rgb(218, 216, 255);
+    --wheel-highlight-border-radius: 48px;
     --wheel-fade-background-rgb: 245, 235, 247;
   }
 
diff --git a/static/usage/v8/datetime/styling/wheel-styling/react/main_css.md b/static/usage/v8/datetime/styling/wheel-styling/react/main_css.md
@@ -3,6 +3,7 @@ ion-datetime {
   --background: rgb(245, 235, 247);
   --background-rgb: 245, 235, 247;
   --wheel-highlight-background: rgb(218, 216, 255);
+  --wheel-highlight-border-radius: 48px;
   --wheel-fade-background-rgb: 245, 235, 247;
 }
 
diff --git a/static/usage/v8/datetime/styling/wheel-styling/vue.md b/static/usage/v8/datetime/styling/wheel-styling/vue.md
@@ -17,6 +17,7 @@
     --background: rgb(245, 235, 247);
     --background-rgb: 245, 235, 247;
     --wheel-highlight-background: rgb(218, 216, 255);
+    --wheel-highlight-border-radius: 48px;
     --wheel-fade-background-rgb: 245, 235, 247;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@ ion-datetime {`
`3`	`3`	`--background: rgb(245, 235, 247);`
`4`	`4`	`--background-rgb: 245, 235, 247;`
`5`	`5`	`--wheel-highlight-background: rgb(218, 216, 255);`
	`6`	`+ --wheel-highlight-border-radius: 48px;`
`6`	`7`	`--wheel-fade-background-rgb: 245, 235, 247;`
`7`	`8`	`}`
`8`	`9`
Original file line number	Diff line number	Diff line change
`@@ -14,6 +14,7 @@`
`14`	`14`	`--background: rgb(245, 235, 247);`
`15`	`15`	`--background-rgb: 245, 235, 247;`
`16`	`16`	`--wheel-highlight-background: rgb(218, 216, 255);`
	`17`	`+ --wheel-highlight-border-radius: 48px;`
`17`	`18`	`--wheel-fade-background-rgb: 245, 235, 247;`
`18`	`19`	`}`
`19`	`20`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@`
`4`	`4`	`--background: rgb(245, 235, 247);`
`5`	`5`	`--background-rgb: 245, 235, 247;`
`6`	`6`	`--wheel-highlight-background: rgb(218, 216, 255);`
	`7`	`+ --wheel-highlight-border-radius: 48px;`
`7`	`8`	`--wheel-fade-background-rgb: 245, 235, 247;`
`8`	`9`	`}`
`9`	`10`
Original file line number	Diff line number	Diff line change
`@@ -17,6 +17,7 @@`
`17`	`17`	`--background: rgb(245, 235, 247);`
`18`	`18`	`--background-rgb: 245, 235, 247;`
`19`	`19`	`--wheel-highlight-background: rgb(218, 216, 255);`
	`20`	`+ --wheel-highlight-border-radius: 48px;`
`20`	`21`	`--wheel-fade-background-rgb: 245, 235, 247;`
`21`	`22`	`}`
`22`	`23`