DocsStylesComponentsPatternsExamples
Payroller

Thursday, May 23rd, 2024

Posted by JS Park

DatePicker

Use for selecting single Date. For dateRange, use DateRangePicker. for keyboard Input handling, use DateRangePickerWithInput.

Set limit for maximum number of dates that can be selected. minDate, maxDate is for setting the range of dates that can be selected. Use dateOffset for adjusting the weekday order.

if expand is true, DatePicker will show every months of the year. Use isFullView in case of the with should follow the parent's width. otherwise, it should be fixed.

expand, isFullView, closable, highlightedDates, compact are legacy props from Payroller side. Please discuss with designers before using these props.

You can use type=single in DateRangePicker for one month view. Below is the example with Dialog with DateRangePicker