Skip to content

Commit eeb11db

Browse files
authored
chore: Minor fix for date input permutations page (#3755)
1 parent d12aac5 commit eeb11db

File tree

2 files changed

+19
-17
lines changed

2 files changed

+19
-17
lines changed

pages/date-input/permutations-formats.page.tsx

Lines changed: 18 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
22
// SPDX-License-Identifier: Apache-2.0
3+
34
import React from 'react';
45

6+
import { SpaceBetween } from '~components';
57
import Box from '~components/box';
68
import DateInput, { DateInputProps } from '~components/date-input';
79

@@ -42,23 +44,24 @@ export default function DateInputPermutations() {
4244
<Box padding="l">
4345
<h1>Date Input permutations - formats</h1>
4446
<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+
/>
5357

54-
<br />
55-
<hr />
56-
<br />
58+
<hr />
5759

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>
6265
</ScreenshotArea>
6366
</Box>
6467
);

pages/date-picker/permutations-formats.page.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,14 +64,13 @@ export default function DatePickerScenario() {
6464
permutations={permutationsFormatsDay}
6565
render={permutation => <DatePicker {...permutation} onChange={() => {}} />}
6666
/>
67+
6768
<PermutationsView
6869
permutations={permutationsFormatsMonth}
6970
render={permutation => <DatePicker {...permutation} onChange={() => {}} />}
7071
/>
7172

72-
<br />
7373
<hr />
74-
<br />
7574

7675
<PermutationsView
7776
permutations={permutationsLongLocalizedLocales}

0 commit comments

Comments
 (0)