<DateRangePicker> is a component for entering a date range into the state declared by the defineState() function.

import { defineState } from '@morph-data/components';

export const { dateStart, dateEnd } = defineState({ dateStart: undefined, dateEnd: undefined });

<DateRangePicker state={[dateStart, dateEnd]} />

​
Properties

​
state
[State, State]
required

State object to bind the input values of the component. Specify the state declared by the defineState() function. Specify the start date and end date in an array of length 2.

<DatePicker /><Select />