<DateRangePicker> は、defineState() 関数で宣言した状態に、期間を入力するためのコンポーネントです。

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

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

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

​
プロパティ

​
state
[State, State]
required

コンポーネントの入力値をバインドするStateオブジェクト。 defineState() 関数で宣言した状態を指定してください。長さ2の配列で、開始日と終了日を指定してください。

<DatePicker /><Select />