studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(react) add styling for range selection on a cell

Browse Source 
Integrate new styling classes for grid-cells to facilitate range selection
in the DatePicker component. This implementation improves the visual
representation and user experience of selecting a range. In addition,
outside-month cells are now hidden, to avoid having a range selection
that contains outside-month cells.
This commit is contained in:
Lebaud Antoine
2023-06-14 19:38:17 +02:00
committed by aleb_the_flash
parent 87ec3a5061
commit 2886f0c992
9 changed files with 178 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/react/src/components/Forms/DatePicker/index.mdx
View File

@@ -110,5 +110,6 @@ Here are the custom design tokens defined by the datepicker.
| menu-background-color | Background color of the menu (months/years menus) |
| grid-cell--border-color--today | Border color of the today grid-cell |
| grid-cell--color--today | Value color of the today grid-cell |
| range-selection-background-color | Value color of the selected grid-cells |
See also [Field](?path=/story/components-forms-field-doc--page)