DateRangePicker.mdx

import { Canvas, Meta, ArgTypes } from '@storybook/addon-docs/blocks'; import * as DateRangePickerStories from '../DateRangePicker.stories';

DateRangePicker

A date range picker component for selecting a start and end date. Perfect for campaigns, bookings, and time-based filters. <Canvas of={DateRangePickerStories._DocsIntro} sourceState={'shown'} />

Min and Max Dates

Restrict selectable dates using the min and max props. <Canvas of={DateRangePickerStories._MinMax} sourceState={'shown'} />

Granularity

The granularity of the date range picker. Options: day, hour, minute, second <Canvas of={DateRangePickerStories._GranularityDay} sourceState={'shown'} />

Inline

Display the calendar inline instead of in a popover. <Canvas of={DateRangePickerStories._Inline} sourceState={'shown'} />

Arguments