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

Jump to bottom

feat: add date-picker today actions #1058

Merged
merged 10 commits into from
Jun 11, 2020
Merged

feat: add date-picker today actions #1058

Changes from 4 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
a532936
docs: add datepicker today button as footer action
prsdthkr May 27, 2020
2e63db6
Merge branch 'master' into docs/date-picker-today-button
prsdthkr May 29, 2020
27025a7
Merge branch 'master' into docs/date-picker-today-button
prsdthkr May 31, 2020
20e0078
fix: DatePicker sizes
prsdthkr May 31, 2020
1d68e72
Merge branch 'master' into docs/date-picker-today-button
prsdthkr Jun 4, 2020
04e937b
feat: make today button optional, and 2 types
prsdthkr Jun 4, 2020
e695edf
docs: add usage note
prsdthkr Jun 4, 2020
4a9a324
doc: update id attributes
prsdthkr Jun 8, 2020
82bb4be
Merge branch 'master' into docs/date-picker-today-button
prsdthkr Jun 8, 2020
7b6171c
add DatePicker mobile example
prsdthkr Jun 8, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
22 changes: 18 additions & 4 deletions docs/pages/patterns/date-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,10 +37,10 @@ This component mostly relies on the CSS of other components and has very little
<button class="fd-button fd-button--transparent sap-icon--slim-arrow-left" aria-label="Previous" aria-disabled="true"></button>
</div>
<div class="fd-calendar__action">
<button class="fd-button fd-button--transparent fd-button--compact" aria-selected="false" aria-expanded="false" aria-controls="mGTGe998">September</button>
<button class="fd-button fd-button--transparent" aria-selected="false" aria-expanded="false" aria-controls="mGTGe998">September</button>
</div>
<div class="fd-calendar__action">
<button class="fd-button fd-button--transparent fd-button--compact" aria-selected="false" aria-expanded="false" aria-controls="D8NDL125">2018</button>
<button class="fd-button fd-button--transparent" aria-selected="false" aria-expanded="false" aria-controls="D8NDL125">2018</button>
</div>
<div class="fd-calendar__action">
<button class="fd-button fd-button--transparent sap-icon--slim-arrow-right" aria-label="Next"></button>
Expand Down Expand Up @@ -196,6 +196,13 @@ This component mostly relies on the CSS of other components and has very little
</div>
</div>
</div>
<footer class="fd-dialog__footer fd-bar fd-bar--footer fd-bar--cosy">
<div class="fd-bar__right">
<div class="fd-bar__element">
<button class="fd-dialog__decisive-button fd-button">Today</button>
</div>
</div>
</footer>
</div>
</div>
</div>
Expand All @@ -217,7 +224,7 @@ This component mostly relies on the CSS of other components and has very little
<header class="fd-calendar__header">
<div class="fd-calendar__navigation">
<div class="fd-calendar__action">
<button class="fd-button fd-button--transparent sap-icon--slim-arrow-left" aria-label="Previous" aria-disabled="true"></button>
<button class="fd-button fd-button--transparent sap-icon--slim-arrow-left fd-button--compact" aria-label="Previous" aria-disabled="true"></button>
</div>
<div class="fd-calendar__action">
<button class="fd-button fd-button--transparent fd-button--compact" aria-selected="false" aria-expanded="false" aria-controls="mGTGe998">September</button>
Expand All @@ -226,7 +233,7 @@ This component mostly relies on the CSS of other components and has very little
<button class="fd-button fd-button--transparent fd-button--compact" aria-selected="false" aria-expanded="false" aria-controls="D8NDL125">2018</button>
</div>
<div class="fd-calendar__action">
<button class="fd-button fd-button--transparent sap-icon--slim-arrow-right" aria-label="Next"></button>
<button class="fd-button fd-button--transparent sap-icon--slim-arrow-right fd-button--compact" aria-label="Next"></button>
</div>
</div>
</header>
Expand Down Expand Up @@ -379,6 +386,13 @@ This component mostly relies on the CSS of other components and has very little
</div>
</div>
</div>
<footer class="fd-dialog__footer fd-bar fd-bar--footer">
<div class="fd-bar__right">
<div class="fd-bar__element">
<button class="fd-dialog__decisive-button fd-button fd-button--compact">Today</button>
</div>
</div>
</footer>
</div>
</div>
</div>
Expand Down