Skip to content

Commit 8112113

Browse files
brandyscarneybrandyscarney
authored
docs(datetime): add border property to highlightedDates examples (#4220)
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
1 parent 070d69e commit 8112113

File tree

10 files changed

+50
-20
lines changed

10 files changed

+50
-20
lines changed

‎static/usage/v8/datetime/highlightedDates/array/angular/example_component_ts.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,21 +14,25 @@ export class ExampleComponent {
1414
date: '2023-01-05',
1515
textColor: '#800080',
1616
backgroundColor: '#ffc0cb',
17+
border: '1px solid #e91e63',
1718
},
1819
{
1920
date: '2023-01-10',
2021
textColor: '#09721b',
2122
backgroundColor: '#c8e5d0',
23+
border: '1px solid #4caf50',
2224
},
2325
{
2426
date: '2023-01-20',
25-
textColor: 'var(--ion-color-secondary-contrast)',
26-
backgroundColor: 'var(--ion-color-secondary)',
27+
textColor: 'var(--ion-color-secondary)',
28+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
29+
border: '1px solid var(--ion-color-secondary-shade)',
2730
},
2831
{
2932
date: '2023-01-23',
3033
textColor: 'rgb(68, 10, 184)',
3134
backgroundColor: 'rgb(211, 200, 229)',
35+
border: '1px solid rgb(103, 58, 183)',
3236
},
3337
];
3438
}

‎static/usage/v8/datetime/highlightedDates/array/demo.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,21 +31,25 @@
3131
date: '2023-01-05',
3232
textColor: '#800080',
3333
backgroundColor: '#ffc0cb',
34+
border: '1px solid #e91e63',
3435
},
3536
{
3637
date: '2023-01-10',
3738
textColor: '#09721b',
3839
backgroundColor: '#c8e5d0',
40+
border: '1px solid #4caf50',
3941
},
4042
{
4143
date: '2023-01-20',
42-
textColor: 'var(--ion-color-secondary-contrast)',
43-
backgroundColor: 'var(--ion-color-secondary)',
44+
textColor: 'var(--ion-color-secondary)',
45+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
46+
border: '1px solid var(--ion-color-secondary-shade)',
4447
},
4548
{
4649
date: '2023-01-23',
4750
textColor: 'rgb(68, 10, 184)',
4851
backgroundColor: 'rgb(211, 200, 229)',
52+
border: '1px solid rgb(103, 58, 183)',
4953
},
5054
];
5155
</script>

‎static/usage/v8/datetime/highlightedDates/array/javascript.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,21 +8,25 @@
88
date: '2023-01-05',
99
textColor: '#800080',
1010
backgroundColor: '#ffc0cb',
11+
border: '1px solid #e91e63',
1112
},
1213
{
1314
date: '2023-01-10',
1415
textColor: '#09721b',
1516
backgroundColor: '#c8e5d0',
17+
border: '1px solid #4caf50',
1618
},
1719
{
1820
date: '2023-01-20',
19-
textColor: 'var(--ion-color-secondary-contrast)',
20-
backgroundColor: 'var(--ion-color-secondary)',
21+
textColor: 'var(--ion-color-secondary)',
22+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
23+
border: '1px solid var(--ion-color-secondary-shade)',
2124
},
2225
{
2326
date: '2023-01-23',
2427
textColor: 'rgb(68, 10, 184)',
2528
backgroundColor: 'rgb(211, 200, 229)',
29+
border: '1px solid rgb(103, 58, 183)',
2630
},
2731
];
2832
</script>

‎static/usage/v8/datetime/highlightedDates/array/react.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,21 +11,25 @@ function Example() {
1111
date: '2023-01-05',
1212
textColor: '#800080',
1313
backgroundColor: '#ffc0cb',
14+
border: '1px solid #e91e63',
1415
},
1516
{
1617
date: '2023-01-10',
1718
textColor: '#09721b',
1819
backgroundColor: '#c8e5d0',
20+
border: '1px solid #4caf50',
1921
},
2022
{
2123
date: '2023-01-20',
22-
textColor: 'var(--ion-color-secondary-contrast)',
23-
backgroundColor: 'var(--ion-color-secondary)',
24+
textColor: 'var(--ion-color-secondary)',
25+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
26+
border: '1px solid var(--ion-color-secondary-shade)',
2427
},
2528
{
2629
date: '2023-01-23',
2730
textColor: 'rgb(68, 10, 184)',
2831
backgroundColor: 'rgb(211, 200, 229)',
32+
border: '1px solid rgb(103, 58, 183)',
2933
},
3034
]}
3135
></IonDatetime>

‎static/usage/v8/datetime/highlightedDates/array/vue.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,21 +15,25 @@
1515
date: '2023-01-05',
1616
textColor: '#800080',
1717
backgroundColor: '#ffc0cb',
18+
border: '1px solid #e91e63',
1819
},
1920
{
2021
date: '2023-01-10',
2122
textColor: '#09721b',
2223
backgroundColor: '#c8e5d0',
24+
border: '1px solid #4caf50',
2325
},
2426
{
2527
date: '2023-01-20',
26-
textColor: 'var(--ion-color-secondary-contrast)',
27-
backgroundColor: 'var(--ion-color-secondary)',
28+
textColor: 'var(--ion-color-secondary)',
29+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
30+
border: '1px solid var(--ion-color-secondary-shade)',
2831
},
2932
{
3033
date: '2023-01-23',
3134
textColor: 'rgb(68, 10, 184)',
3235
backgroundColor: 'rgb(211, 200, 229)',
36+
border: '1px solid rgb(103, 58, 183)',
3337
},
3438
];
3539

‎static/usage/v8/datetime/highlightedDates/callback/angular/example_component_ts.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,15 @@ export class ExampleComponent {
1717
return {
1818
textColor: '#800080',
1919
backgroundColor: '#ffc0cb',
20+
border: '1px solid #e91e63',
2021
};
2122
}
2223

2324
if (utcDay % 3 === 0) {
2425
return {
25-
textColor: 'var(--ion-color-secondary-contrast)',
26-
backgroundColor: 'var(--ion-color-secondary)',
26+
textColor: 'var(--ion-color-secondary)',
27+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
28+
border: '1px solid var(--ion-color-secondary-shade)',
2729
};
2830
}
2931

‎static/usage/v8/datetime/highlightedDates/callback/demo.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,13 +34,15 @@
3434
return {
3535
textColor: '#800080',
3636
backgroundColor: '#ffc0cb',
37+
border: '1px solid #e91e63',
3738
};
3839
}
3940

4041
if (utcDay % 3 === 0) {
4142
return {
42-
textColor: 'var(--ion-color-secondary-contrast)',
43-
backgroundColor: 'var(--ion-color-secondary)',
43+
textColor: 'var(--ion-color-secondary)',
44+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
45+
border: '1px solid var(--ion-color-secondary-shade)',
4446
};
4547
}
4648

‎static/usage/v8/datetime/highlightedDates/callback/javascript.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,15 @@
1111
return {
1212
textColor: '#800080',
1313
backgroundColor: '#ffc0cb',
14+
border: '1px solid #e91e63',
1415
};
1516
}
1617
1718
if (utcDay % 3 === 0) {
1819
return {
19-
textColor: 'var(--ion-color-secondary-contrast)',
20-
backgroundColor: 'var(--ion-color-secondary)',
20+
textColor: 'var(--ion-color-secondary)',
21+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
22+
border: '1px solid var(--ion-color-secondary-shade)',
2123
};
2224
}
2325

‎static/usage/v8/datetime/highlightedDates/callback/react.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,15 @@ function Example() {
1313
return {
1414
textColor: '#800080',
1515
backgroundColor: '#ffc0cb',
16+
border: '1px solid #e91e63',
1617
};
1718
}
1819

1920
if (utcDay % 3 === 0) {
2021
return {
21-
textColor: 'var(--ion-color-secondary-contrast)',
22-
backgroundColor: 'var(--ion-color-secondary)',
22+
textColor: 'var(--ion-color-secondary)',
23+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
24+
border: '1px solid var(--ion-color-secondary-shade)',
2325
};
2426
}
2527

‎static/usage/v8/datetime/highlightedDates/callback/vue.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,15 @@
1818
return {
1919
textColor: '#800080',
2020
backgroundColor: '#ffc0cb',
21+
border: '1px solid #e91e63',
2122
};
2223
}
2324
2425
if (utcDay % 3 === 0) {
2526
return {
26-
textColor: 'var(--ion-color-secondary-contrast)',
27-
backgroundColor: 'var(--ion-color-secondary)',
27+
textColor: 'var(--ion-color-secondary)',
28+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
29+
border: '1px solid var(--ion-color-secondary-shade)',
2830
};
2931
}
3032

0 commit comments

Comments
 (0)