File tree Expand file tree Collapse file tree 2 files changed +19
-17
lines changed Expand file tree Collapse file tree 2 files changed +19
-17
lines changed Original file line number Diff line number Diff line change 1
1
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
// SPDX-License-Identifier: Apache-2.0
3
+
3
4
import React from 'react' ;
4
5
6
+ import { SpaceBetween } from '~components' ;
5
7
import Box from '~components/box' ;
6
8
import DateInput , { DateInputProps } from '~components/date-input' ;
7
9
@@ -42,23 +44,24 @@ export default function DateInputPermutations() {
42
44
< Box padding = "l" >
43
45
< h1 > Date Input permutations - formats</ h1 >
44
46
< ScreenshotArea >
45
- < PermutationsView
46
- permutations = { permutationsFormatsDay }
47
- render = { permutation => < DateInput { ...permutation } onChange = { ( ) => { } } /> }
48
- />
49
- < PermutationsView
50
- permutations = { permutationsFormatsMonth }
51
- render = { permutation => < DateInput { ...permutation } onChange = { ( ) => { } } /> }
52
- />
47
+ < SpaceBetween size = "m" >
48
+ < PermutationsView
49
+ permutations = { permutationsFormatsDay }
50
+ render = { permutation => < DateInput { ...permutation } onChange = { ( ) => { } } /> }
51
+ />
52
+
53
+ < PermutationsView
54
+ permutations = { permutationsFormatsMonth }
55
+ render = { permutation => < DateInput { ...permutation } onChange = { ( ) => { } } /> }
56
+ />
53
57
54
- < br />
55
- < hr />
56
- < br />
58
+ < hr />
57
59
58
- < PermutationsView
59
- permutations = { permutationsLongLocalizedLocales }
60
- render = { permutation => < DateInput { ...permutation } onChange = { ( ) => { } } /> }
61
- />
60
+ < PermutationsView
61
+ permutations = { permutationsLongLocalizedLocales }
62
+ render = { permutation => < DateInput { ...permutation } onChange = { ( ) => { } } /> }
63
+ />
64
+ </ SpaceBetween >
62
65
</ ScreenshotArea >
63
66
</ Box >
64
67
) ;
Original file line number Diff line number Diff line change @@ -64,14 +64,13 @@ export default function DatePickerScenario() {
64
64
permutations = { permutationsFormatsDay }
65
65
render = { permutation => < DatePicker { ...permutation } onChange = { ( ) => { } } /> }
66
66
/>
67
+
67
68
< PermutationsView
68
69
permutations = { permutationsFormatsMonth }
69
70
render = { permutation => < DatePicker { ...permutation } onChange = { ( ) => { } } /> }
70
71
/>
71
72
72
- < br />
73
73
< hr />
74
- < br />
75
74
76
75
< PermutationsView
77
76
permutations = { permutationsLongLocalizedLocales }
You can’t perform that action at this time.
0 commit comments