Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(sbb-calendar): vertical orientation #3378

Open
wants to merge 15 commits into
base: main
Choose a base branch
from
+1,200 −406
Open

feat(sbb-calendar): vertical orientation #3378

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
1371f0b
feat: calendar vertical (tbc)
DavideMininni-Fincons Jan 27, 2025
7d47804
feat(sbb-calendar): refactor keyboard navigation
DavideMininni-Fincons Jan 28, 2025
64b5dea
feat(sbb-calendar): improvements in keyboard navigation
DavideMininni-Fincons Jan 29, 2025
0239b10
feat(sbb-calendar): improvements in keyboard navigation
DavideMininni-Fincons Jan 29, 2025
8520201
fix: view bug
DavideMininni-Fincons Jan 29, 2025
9f8fd3d
fix: remove data-day
DavideMininni-Fincons Jan 29, 2025
d8d9f6f
feat: improvements on navigation, add tests
DavideMininni-Fincons Jan 29, 2025
2ad0c50
feat: reset on orientation change, add tests
DavideMininni-Fincons Jan 30, 2025
a9658f7
Merge remote-tracking branch 'origin/main' into feat/calendar-vertical
DavideMininni-Fincons Jan 30, 2025
4d08902
chore: fix typo
DavideMininni-Fincons Jan 30, 2025
f61c9c8
chore: fix typo
DavideMininni-Fincons Jan 30, 2025
5dffbd6
docs: add documentation
DavideMininni-Fincons Jan 30, 2025
094a885
style: fix style
DavideMininni-Fincons Jan 30, 2025
5d66703
docs: minor improvements
DavideMininni-Fincons Jan 31, 2025
be277dc
test: fix visual tests
DavideMininni-Fincons Jan 31, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 37 additions & 55 deletions src/elements/calendar/__snapshots__/calendar.snapshot.spec.snap.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -119,45 +119,27 @@ snapshots["sbb-calendar renders Shadow DOM"] =
</thead>
<tbody class="sbb-calendar__table-body">
<tr>
<td
class="sbb-calendar__table-data"
data-day="0 1 2023"
>
<td class="sbb-calendar__table-data">
</td>
<td
class="sbb-calendar__table-data"
data-day="0 1 2023"
>
<td class="sbb-calendar__table-data">
</td>
<td
class="sbb-calendar__table-data"
data-day="0 1 2023"
>
<td class="sbb-calendar__table-data">
</td>
<td
class="sbb-calendar__table-data"
data-day="0 1 2023"
>
<td class="sbb-calendar__table-data">
</td>
<td
class="sbb-calendar__table-data"
data-day="0 1 2023"
>
<td class="sbb-calendar__table-data">
</td>
<td
class="sbb-calendar__table-data"
data-day="0 1 2023"
>
<td class="sbb-calendar__table-data">
</td>
<td class="sbb-calendar__table-data">
<button
aria-disabled="false"
aria-label="January 1, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="1 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-01"
>
1
</button>
Expand All @@ -170,9 +152,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 2, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="2 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-02"
>
2
</button>
Expand All @@ -183,9 +165,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 3, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="3 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-03"
>
3
</button>
Expand All @@ -197,9 +179,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 4, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__cell-current sbb-calendar__day"
data-day="4 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-04"
>
4
</button>
Expand All @@ -210,9 +192,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 5, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="5 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-05"
>
5
</button>
Expand All @@ -223,9 +205,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 6, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="6 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-06"
>
6
</button>
Expand All @@ -236,9 +218,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 7, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="7 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-07"
>
7
</button>
Expand All @@ -249,9 +231,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 8, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="8 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-08"
>
8
</button>
Expand All @@ -264,9 +246,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 9, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="9 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-09"
>
9
</button>
Expand All @@ -277,9 +259,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 10, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="10 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-10"
>
10
</button>
Expand All @@ -290,9 +272,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 11, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="11 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-11"
>
11
</button>
Expand All @@ -303,9 +285,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 12, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="12 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-12"
>
12
</button>
Expand All @@ -316,9 +298,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 13, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="13 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-13"
>
13
</button>
Expand All @@ -329,9 +311,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 14, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="14 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-14"
>
14
</button>
Expand All @@ -342,9 +324,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 15, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="15 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-15"
>
15
</button>
Expand All @@ -357,9 +339,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 16, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="16 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-16"
>
16
</button>
Expand All @@ -370,9 +352,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 17, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="17 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-17"
>
17
</button>
Expand All @@ -383,9 +365,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 18, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="18 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-18"
>
18
</button>
Expand All @@ -396,9 +378,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 19, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="19 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-19"
>
19
</button>
Expand All @@ -409,9 +391,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 20, 2023"
aria-pressed="true"
class="sbb-calendar__cell sbb-calendar__day sbb-calendar__selected"
data-day="20 1 2023"
sbb-popover-close=""
tabindex="0"
value="2023-01-20"
>
20
</button>
Expand All @@ -422,9 +404,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 21, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="21 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-21"
>
21
</button>
Expand All @@ -435,9 +417,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 22, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="22 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-22"
>
22
</button>
Expand All @@ -450,9 +432,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 23, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="23 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-23"
>
23
</button>
Expand All @@ -463,9 +445,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 24, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="24 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-24"
>
24
</button>
Expand All @@ -476,9 +458,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 25, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="25 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-25"
>
25
</button>
Expand All @@ -489,9 +471,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 26, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="26 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-26"
>
26
</button>
Expand All @@ -502,9 +484,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 27, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="27 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-27"
>
27
</button>
Expand All @@ -515,9 +497,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 28, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="28 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-28"
>
28
</button>
Expand All @@ -528,9 +510,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 29, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="29 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-29"
>
29
</button>
Expand All @@ -543,9 +525,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 30, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="30 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-30"
>
30
</button>
Expand All @@ -556,9 +538,9 @@ snapshots["sbb-calendar renders Shadow DOM"] =
aria-label="January 31, 2023"
aria-pressed="false"
class="sbb-calendar__cell sbb-calendar__day"
data-day="31 1 2023"
sbb-popover-close=""
tabindex="-1"
value="2023-01-31"
>
31
</button>
Expand Down
Loading