Skip to content

Commit 1229eba

Browse files
brandyscarneybrandyscarney
committed
docs(datetime): add border property to highlightedDates examples
1 parent e9cc2a9 commit 1229eba

14 files changed

Lines changed: 72 additions & 30 deletions

File tree

‎static/code/stackblitz/v8/angular/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,8 @@
1515
"@angular/platform-browser": "^19.0.0",
1616
"@angular/platform-browser-dynamic": "^19.0.0",
1717
"@angular/router": "^19.0.0",
18-
"@ionic/angular": "8.6.1",
19-
"@ionic/core": "8.6.1",
18+
"@ionic/angular": "8.6.3-dev.11753813535.1498583f",
19+
"@ionic/core": "8.6.3-dev.11753813535.1498583f",
2020
"ionicons": "8.0.9",
2121
"rxjs": "^7.8.1",
2222
"tslib": "^2.5.0",

‎static/code/stackblitz/v8/html/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"dependencies": {
3-
"@ionic/core": "8.6.1",
3+
"@ionic/core": "8.6.3-dev.11753813535.1498583f",
44
"ionicons": "8.0.9"
55
}
66
}

‎static/code/stackblitz/v8/react/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"version": "0.1.0",
44
"private": true,
55
"dependencies": {
6-
"@ionic/react": "8.6.1",
6+
"@ionic/react": "8.6.3-dev.11753813535.1498583f",
77
"@ionic/react-router": "8.6.1",
88
"@types/node": "^22.0.0",
99
"@types/react": "^19.0.0",

‎static/code/stackblitz/v8/vue/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
"preview": "vite preview"
99
},
1010
"dependencies": {
11-
"@ionic/vue": "8.6.1",
12-
"@ionic/vue-router": "8.6.1",
11+
"@ionic/vue": "8.6.3-dev.11753813535.1498583f",
12+
"@ionic/vue-router": "8.6.3-dev.11753813535.1498583f",
1313
"vue": "^3.2.25",
1414
"vue-router": "4.5.1"
1515
},

‎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: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,14 @@
66
<title>Datetime</title>
77
<link rel="stylesheet" href="../../../common.css" />
88
<script src="../../../common.js"></script>
9-
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@8/dist/ionic/ionic.esm.js"></script>
10-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@8/css/ionic.bundle.css" />
9+
<script
10+
type="module"
11+
src="https://cdn.jsdelivr.net/npm/@ionic/core@8.6.3-dev.11753813535.1498583f/dist/ionic/ionic.esm.js"
12+
></script>
13+
<link
14+
rel="stylesheet"
15+
href="https://cdn.jsdelivr.net/npm/@ionic/core@8.6.3-dev.11753813535.1498583f/css/ionic.bundle.css"
16+
/>
1117
<style>
1218
ion-datetime {
1319
width: 350px;
@@ -31,21 +37,25 @@
3137
date: '2023-01-05',
3238
textColor: '#800080',
3339
backgroundColor: '#ffc0cb',
40+
border: '1px solid #e91e63',
3441
},
3542
{
3643
date: '2023-01-10',
3744
textColor: '#09721b',
3845
backgroundColor: '#c8e5d0',
46+
border: '1px solid #4caf50',
3947
},
4048
{
4149
date: '2023-01-20',
42-
textColor: 'var(--ion-color-secondary-contrast)',
43-
backgroundColor: 'var(--ion-color-secondary)',
50+
textColor: 'var(--ion-color-secondary)',
51+
backgroundColor: 'rgb(var(--ion-color-secondary-rgb), 0.18)',
52+
border: '1px solid var(--ion-color-secondary-shade)',
4453
},
4554
{
4655
date: '2023-01-23',
4756
textColor: 'rgb(68, 10, 184)',
4857
backgroundColor: 'rgb(211, 200, 229)',
58+
border: '1px solid rgb(103, 58, 183)',
4959
},
5060
];
5161
</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

0 commit comments

Comments
 (0)