Skip to content

Latest commit

 

History

History
executable file
·
34 lines (21 loc) · 1.08 KB

multi-date-picker-usage.md

File metadata and controls

executable file
·
34 lines (21 loc) · 1.08 KB

Home / MultiDatePicker

MultiDatePicker

This widget allows you to select multiple calendar dates. MultiDatePicker is intrinsically a div element and accepts all of its attributes.

Usage

import { MultiDatePicker } from "react-simple-widgets"; 

<MultiDatePicker
    value={value}
    displayFormat={displayFormat}
    validator={validator}
    onChange={onDatesSelect}
/>

  • value: Array<string>

    The selected dates of the widget in the format YYYY-MM-DD.

  • displayFormat?: string

    The display format of the selected dates. Defaults to ddd, Do MMM YYYY (E.g. Thu, 9th Sep 2021)

  • validator?: (date: string) => string

    If specified, the selected date is passed to this function to validate. This function should return a string error message or null if no error. If an error message is returned, onChange is not called with the selected date.

  • onChange: (dates: Array<string>) => void

    This function is called with the selected dates when the save button is clicked. The dates are of the format YYYY-MM-DD