Open aAmorim27 opened 2 years ago
Add the Date range picker component to the library Figma: https://www.figma.com/file/CUc5n1r2UIH30Tqec5DOvN/PrestaShop-Design-Kit?node-id=2234%3A16844
toISOString()
dayjs
date-fns
Disabled
false
boolean
Error
PrintedFormat
MM-DD-YYYY
string
Columns
2
number || string
SoloCalendars
RangeOptions
AutoApply
DisabledDates
figma link
@aAmorim27 wdyt about my edits ?
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
toISOString()
dayjs
(https://day.js.org/) ordate-fns
(https://date-fns.org/) ⇾ in discussionOptions (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 calendarRangeOptions
⇒ 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
Component Architecture