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

[Component] Date range picker #25

Open
12 tasks
aAmorim27 opened this issue Jun 22, 2022 · 1 comment
Open
12 tasks

[Component] Date range picker #25

aAmorim27 opened this issue Jun 22, 2022 · 1 comment
Labels
p2-nice-to-have Priority 2: Nice to have for next release

Comments

@aAmorim27
Copy link
Collaborator

aAmorim27 commented Jun 22, 2022 •
edited by ClaraLpresta
Loading

Add the Date range picker component to the library
Figma: https://www.figma.com/file/CUc5n1r2UIH30Tqec5DOvN/PrestaShop-Design-Kit?node-id=2234%3A16844

Technical specifications

Global

Options (props)

  • Disabled ⇒ Disable date range picker (default: false, type: boolean)
  • Error ⇒ Switch date range picker in error (default: false, type: boolean)
  • PrintedFormat ⇒ Possibility to choose printed format (default: MM-DD-YYYY, type: string)
  • Columns ⇒ 2 or 3 calendars displayed (default: 2, type: number || string)
  • SoloCalendars ⇒ Let change month separate for each calendar (default: false, type: boolean) WARNING : not compatible with 3 collumns calendar
  • RangeOptions ⇒ Display list of range option (default: false, type: boolean)
  • AutoApply ⇒ Auto-apply after finish range selection (default: false, type: boolean)
  • DisabledDates ⇒ Disabled dates (default: null, type: string || array || function)

Question marks

  • what the difference on different arrow header ? jump for one month or one year
  • What should happen if we select a range with a disabled date ? do not permit it (discussion with other devs)

Component Architecture

image
figma link
@aAmorim27 aAmorim27 added the p2-nice-to-have Priority 2: Nice to have for next release label Jun 22, 2022
@ga-devfront
Copy link
Contributor

@aAmorim27 wdyt about my edits ?

@ga-devfront ga-devfront self-assigned this Jul 27, 2022
@ga-devfront ga-devfront removed their assignment Apr 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
p2-nice-to-have Priority 2: Nice to have for next release
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@aAmorim27 @ga-devfront