import React from 'react';
import cx from 'classnames';
import { DatePickerBase } from './datePickerBase';
import type { DateRangePickerProps } from './types';

const CLASS_NAME = 'SuiteDateRangePicker';

/**
 * DateRangePicker provides a calendar view and allows user to select a date range.
 *
 * @type molecule
 * @status live
 * @tags form-elements, selects
 *
 */
export const DateRangePicker: React.FC<DateRangePickerProps> = ({
    className,
    testId = CLASS_NAME,
    ...rest
}) => <DatePickerBase {...rest} className={cx(CLASS_NAME, className)} testId={testId} isRange />;