<DateRangePicker />

<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]

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.

Getting Started

Quick Start

Framework

Deployment

Tutorials: Data Analysis

Tutorials: LLM Apps

Advanced

<DateRangePicker />

Properties

​Properties

Properties